[TIL] 바닐라 js 웹 프로젝트 20개 (유데미)

브래드 트래버시의 강의 “20 Web Projects With Vanilla JavaScript” 를 완주했습니다.

바닐라 js 에서는 state 변수를 따로 두지 않고 그때 그때 element value 를 읽는 방식이 많습니다. 이게 직관적입니다만 조금만 복잡해지면 결국에 변수를 두게 되는데, 그 변수가 제때 업데이트되지 않는 문제가 생기겠네요.

브래드 트래버시 특유의 시큰둥한 말투 때문에 이 사람 강의는 별로 듣지 않았었는데, 내용은 매우 충실합니다.

추가 라이브러리 없이 html/css/js 로 single page app 만들기를 해 보면서 보너스로 다음과 같은 것도 배웠습니다.

• <video> 컴포넌트 나 audio api 사용법

• IntersectionObserver를 사용한 무한스크롤

• SpeechSynthesis api 를 사용한 TTS, SpeechRecognition api를 사용한 VoiceToText

• Canvas 컴포넌트내에서 간단한 게임만들기, collision detection

• cors-anywhere.herokuapp.com 을 이용한 CORS 피하기

알찬 내용입니다. 추천합니다