멋진 개발자가 되고 싶어

터미널에 뜬 에러npm ERR! code ENOENTnpm ERR! syscall lstatnpm ERR! path C:\Users\{사용자이름}\AppData\Roaming\npmnpm ERR! errno -4058npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\{사용자이름}\AppData\Roaming\npm'npm ERR! enoent This is related to npm not being able to find a file.npm ERR! enoentnpm ERR! A complete log of this run can be found in: C:\Users\{사용자이름}\AppData\Local\npm-cache\_log..

리액트 프로젝트를 시작하기 전에 수행해야하는 작업에 관하여 정리하였다. 아래의 내용을 순차적으로 수행하면 된다. Vite Vite - 시작하기 빠르고 간결한 모던 웹 프로젝트 개발 경험에 초점을 맞춰 탄생한 빌드 도구 다양한 프레임워크를 위한 환경 설정을 빠르게 할 수 있도록 도와줌 첫 Vite 프로젝트 만들어보기 npm create vite@latest 터미널에 위의 명령어를 입력하여 vite를 다운로드 Need to install the following packages: create-vite@5.2.1 Ok to proceed? (y) y 패키지를 다운로드 할 것인지 묻는 질문이 나온다 y를 입력하여 다운로드한다 √ Project name: ... react-vite √ Select a framew..

✏️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에 할당된 함수를 순서..

project 기본 스타일 설정 방법 ng new projectName 터미널에 위의 명령어를 입력하면 앵귤러 프로젝트를 생성한다. 이때 터미널의 디렉토리가 프로젝트 생성을 원하는 폴더로 지정되어 있어야 한다. ? Would you like to add Angular routing? Yes ? Which stylesheet format would you like to use? // 여기서 선택 명령어를 입력하면 위와 같은 내용이 표시된다. 이때 CSS, SCSS, SASS 중에서 원하는 스타일 형식을 선택하면 된다. 유용한 터미널 명령어 mkdir folderName 폴더 생성 cd ./folderName/ 생성한 폴더로 디렉토리 변경

객체탐색법 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 파일에 아래와 같은 내용 입력 ..