멋진 개발자가 되고 싶어

✏️JS의 이벤트 루프 자바스크립트의 내부동작 방식을 이해하면 함수 실행의 우선순위를 이해할 수 있게 된다. 전체적인 구조 JS 엔진 Web APIs Callback Queue Event Loop Web APIs 노드에서는 백그라운드로 설명된다. 비동기 처리를 담당한다. Callback Queue Task Queue, Event Queue등 다양한 형태로 설명된다. 비동기 처리가 끝난 후 실행되어야 할 콜백 함수가 차례로 할당된다. 구성 Task Queue (Event Queue) Microtask Queue (Job Queue) Animation Frames 우선순위 Microtask Queue > Animation Frames > Task Queue Event Loop Queue에 할당된 함수를 순서..

객체탐색법 const sample : any ={ ko: '한글', en: '영어' } console.log(sample.en) // '영어' 출력 console.log(sample['en']) // '영어' 출력sample.en 데이터 형식이 정해져 있을 때 사용 sample['en'] 값이 동적으로 바뀔 때 사용 [] 안에 변수를 넣어서 사용가능 반드시 값이 있을 때만 사용하는 게 좋음

아래를 실행하기 전에는 node.js 설치가 완료되어있어야합니다. 이후 아래의 링크를 통한 사전 설정이 되어있는지 확인 후 실행 바랍니다. node.js 사용법 - https://wanna-be-a.tistory.com/24 ✨js module을 통한 GSAP 사용 terminal에서 gsap install npm i gsap 위의 명령어 입력 시 pakage.json에 dependencies가 생성된다. "dependencies": { "gsap": "^3.11.3" } html에 script 태그로 연결 pakage.json에 아래와 같은 내용이 있는지 확인 "main": "src/js/index.js", // 경로가 정확한지 확인 "type": "module", js 파일에 아래와 같은 내용 입력 ..

✏️node.js 사용법 (live-server / pakage.json) live-server 실행하는 방법 terminal에서 live-server install npm install -g live-server pakage.json에 live-server 추가 "live-server": "live-server" // "원하는 이름": "live-server" pakage.json npm init 위의 명령어를 terminal에 입력하면 pakage.json 파일이 생성된다.