[회고] 신입 iOS 개발자가 되기까지 feat. 카카오 자세히보기

🛠 기타/개발상식

유데미(Udemy) 한글자막 undefined 해결 (21.07.15)

inu 2021. 7. 15. 14:44
반응형

https://fomaios.tistory.com/entry/Udemy-%EC%8B%A4%EC%8B%9C%EA%B0%84-%ED%95%9C%EA%B8%80-%EC%9E%90%EB%A7%89%EC%9C%BC%EB%A1%9C-%EB%B3%B4%EB%8A%94-%EB%B0%A9%EB%B2%95featChrome

 

Udemy 실시간 한글 자막으로 보는 방법(feat.Chrome)

안녕하세요 Foma 입니다! 저는 평소에 공부를 할때 Udemy를 자주 이용하는편인데요. 영어를 잘하진 못하지만 그냥 꾸역꾸역 영어로 들으면서 강의를 들을때가 많았습니다. 그래서 거의 코드를 보

fomaios.tistory.com

  • 영어실력이 좋지 못한 나는 늘 유데미 강의의 자막을 실시간 번역하여 수강한다.
  • 번역 퀄리티가 완벽하지는 않지만 강사님의 좋은 발음과 친절한 속도 덕분에 영어도 어느 정도는 알아들을 수 있어서 이를 한글자막과 병행하면 강의 내용 이해에 무리가 없었다.
  • 하지만 유데미는 자체 한글 번역 기능을 제공하지 않는 강의가 많다. 따라서 그럴 때 사용한 것이 위 블로그의 방법이었다.
  • 하지만... 최근 코드가 제대로 작동하지 않는 일이 발생했다.🥲

undefined

  • 최근 늘 그랬던 대로 기존에 알려진 자바스크립트 코드를 활용해 한글자막 생성 후 강의를 수강하려 하니 undefined라는 메시지가 나오며 번역이 이루어지지 않았다.
  • 그냥 포기하고 실시간이 아닌 번역 내용만을 참고하며 수강하려 했으나 역시 너무 불편해 해결방안을 연구해보았다.

해결방안

function check(){
    let toEl=$('.well--container--2edq4 span');
    let fromEl=$('p[data-purpose="transcript-cue-active"] span');
    let lastText=toEl.html()
    let currentText=fromEl.html();
    if(lastText!==currentText){
        toEl.html(currentText)
    }
}
setInterval(check,200)
  • 일단 기존 코드를 이렇게 수정하니 작동은 한다.
  • 자바스크립트를 공부한 지 오래되어서 노가다로 문제를 해결했다.
  • 현재까지로는 수강에 문제가 없어 계속 이용 중! (문제 발생 시 수정 예정)
반응형

'🛠 기타 > 개발상식' 카테고리의 다른 글

Docker란?  (0) 2021.07.17
CI/CD란?  (0) 2021.07.17
함수형 프로그래밍이란?  (0) 2021.05.02
명령형 UI와 선언형 UI  (0) 2021.05.02
SSH(Secure Shell Protocol)  (0) 2021.01.22