괘종소리 세기 ✒️ 방명록 github

[JavaScript] 웹팩(Webpack) 구성하기

웹팩(Webpack)은 대표적인 자바스크립트 번들링 툴이다.React 같은 프레임워크에서는 웹팩이 기본적으로 세팅되어 있지만, 바닐라 자바스크립트로 개발할 때도 번들링 툴을 설치하여 번들 파일을 만드는 것이 권장된다.  왜 번들링 툴이 권장되는가?지난 포스팅에서 라이브러리를 쉽게 사용하기 위해 npm을 사용하고, npm 사용 시 나오는 node_modules가 너무 무겁기에, 실제 필요한 코드들만 하나의 js 파일로 만들어주는 역할을 번들링 툴이 한다고 언급했었다. 모든 라이브러리를 CDN 링크로 받아오는 게 아닌 이상 번들링 툴은 필수적으로 사용된다.전통적인 방법은 CDN으로 이루어졌는데, 여기에는 문제가 있다.js 파일에서 라이브러리를 사용하려면 무조건 html에서 링크를 받아와야 하기 때문에, 결국..

지은이: 김호연 KTX를 타고 부산으로 향하던 염 여사는 지갑, 통장, 수첩이 들어 있는 소중한 파우치를 서울역에 놓고 온 것을 깨닫는다. 절망적인 순간 걸려온 전화는 다행히도 물건의 주인을 찾고 있었다. 서울역에 도착해 만난 것은 놀랍게도 덩치 큰 노숙자였고, 그는 다른 노숙자들에게서 파우치를 지켜 주기까지 한다. 그런 그의 행동에서 어떤 신뢰를 느낀 염 여사는 사내에게 뜻밖의 제안을 하게 된다. 그것을 받아들인 사내, 자신의 이름을 '독고' 라고 소개한 그는 염 여사의 편의점에서 일하게 되는데...   늦은 중2병이 왔는지 어쩌다 보니까 최근에 읽은 책들이 모두 어두운 것들이라 가끔씩은 머릿속에 희망도 좀 불어넣고 힐링도 할 겸 베스트셀러인 이 책을 사봤다. ............그리고 스릴러 소설을..

자바스크립트- 자바스크립트의 동기/비동기setTimeout, Ajax, Event Listener 같은 비동기 함수들은 바로 실행되지 않음.동기적으로 실행되는 코드들부터 한줄씩 Stack에 넣고, 이런 비동기 함수들은 Queue에 대기시킴.그리고 Stack이 비어 있다면 Queue에서 하나씩 Stack으로 보냄.그러니까 처리가 매우 오래 걸리는 코드가 Stack으로 들어간다면 Queue에 있는 비동기 함수들이 Stack으로 들어가지 못하게 됨. (이러면 웹사이트 프리징) - 실행컨텍스트, this 관련- 클로저- Promise 객체, async/await - 이벤트 루프(Event Bubbling, Capturing Delegation)자바스크립트는 싱글 스레드 언어. (python이나 java는 멀티 ..