javascript

html에 javscript를 포함하는 방법은 여러가지가 있다. 사용자가 html 파일 즉, 웹페이지를 로딩하면 브라우저가 코드의 가장 상단부터 한줄씩 코드를 읽고 실행한다. 위와같이 코드를 작성할 경우 html 코드를 파싱하다가 script태그를 만나면 html을

이벤트 위임이란 상위 요소에서 하위 요소의 이벤트를 다루기 위한 방법입니다. 비슷한 형태의 여러 요소를 다뤄야할때, 각 요소마다 이벤트핸들러를 할당하지 않고 부모에 이벤트 핸들러를 단 하나만 할당해도 여러 요소를 한꺼번에 다룰 수 있도록 도와줍니다.이벤트 위임은 다음과

메소드를 사용하다보면 가끔 ReferenceError가 뜨며 참조할 수 없다고 나올때가 있다.경험상 90%가 인수를 제대로 넘기지 않았거나 this를 잃어버린 상황이다.객체 내 메소드를 사용할때 this를 제대로 바인딩시키는게 매우 중요하다.메소드 내 this가 제대로

webpack에 대해 정리를 해보려고한다.웹팩이 빌드 툴로서 파일들을 합쳐주고 최적화 해준다는것 정도만 알고 있었고 webpack의 원리에 대해 알아볼 기회가 없었다.이번에 vanilajs로 만든 프로젝트를 번들링해볼 겸 webpack을 정리하고 공부해보려고 한다.정리

redux-saga를 사용방법을 보다보면 제너레이터 문법이 등장한다.현재는 redux thunk만을 사용하고 있지만 saga로 전환을 고민하고 있기에 제너레이터 문법에 대해 우선 학습하고자 한다.그렇다면 제너레이터 문법이란 제너레이터 함수 라는 특별한 문법으로 생성되는