아만다's 일상

https://velog.io/@hih0327/Webpack-%EA%B8%B0%EC%B4%88 Webpack 기초 개발환경을 구축하면서 배우는 Webpack 기초를 보고 실습하면서 작성한 글입니다. 처음 공부하고 있어서 부족하거나 잘못된 정보가 있을 수 있습니다. (2019.10.30 수) 조금 더 자세히 알게 되거나 수 velog.io 펌글 입니다. Webpack이란? 웹팩에 대한 개념을 잡기 위해서는 우선 모듈 번들러(Module Bundler)가 무엇인지 알아야 한다. Module 프로그램을 구성하는 구성 요소의 일부 관련된 데이터와 함수들이 묶여서 모듈을 형성하고 파일 단위로 나뉘는 것이 일반적이다. 모듈화 프로그래밍은 기능별로 파일을 나눠가며 프로그래밍을 하는 것으로 유지보수가 쉽다는 장점이 있..

자바스크립트/Javascript 2022. 3. 28. 01:47

clang error no such file or directory 'cxx=c++' 이런 에러가 뜨면... $ arch -x86_64 zsh 를 실행하신 후.. nvm install v13.13.0 를 실행해보세요.

자바스크립트/Javascript 2021. 10. 21. 12:52

NVM(Node Version Manager) 이란? Node.js 의 버전을 관리하는 도구로써, 다양한 프로젝트를 동시에 진행해야 할때 NVM을 사용하면 여러가지 잇점이 생길 수 있습니다. 컴퓨터에 다양한 버전의 Node.js 를 설치할 수 있게 해줌 use 커맨드를 이용해 사용할 Node 버전으로 간단하게 스위칭할수 있게 해줌. 디폴트 버전을 설정하거나 / 설치한 버전들의 전체 리스트를 확인하거나 / 필요 없는 버전을 삭제하는 등등... 소위 버전 관리가 쉬워짐 NVM 설치하기 🟦 리눅스(우분투)의 경우 ( MacOS도 비슷하다.) 설치에 앞서 리눅스에 curl를 설치해줍니다. $ sudo apt-get install -y curl 커맨드창에서 앞서 설치한 curl 명령어를 이용하여 nvm 설치 스크..

자바스크립트/Javascript 2021. 10. 11. 22:54

https://github.com/leonardomso/33-js-concepts GitHub - leonardomso/33-js-concepts: 📜 33 JavaScript concepts every developer should know. 📜 33 JavaScript concepts every developer should know. - GitHub - leonardomso/33-js-concepts: 📜 33 JavaScript concepts every developer should know. github.com 아래 그림은 Javasript Concurrency Model(V8 엔진)으로써 sing call stack, heap, queue로 구성되어 있습니다. 1. Heap 객체들은 대부분은..

자바스크립트/Javascript 2021. 10. 11. 00:31

아래 두 코드에서 사용된 this의 차이점은? var test = { names: ['kim', 'justin', 'aqua'], fn: function () { test.names.forEach(() => { console.log(this) }) }, } test.fn(); var test = { names: ['kim', 'justin', 'aqua'], fn: function () { test.names.forEach(function () { console.log(this) }) }, } test.fn(); 다음 코드의 출력은? 버튼 변수 특성 선언 재선언 재할당 범위 var O O function let X O {} const X X {} 호이스팅과 변수선언 console.log(name); va..

자바스크립트/Javascript 2021. 8. 16. 19:45