반응형 javascript13 알기 쉽게 정리한 package.json 총 정리 : 프론트엔드 개발자를 위한 웹팩 package.json이란?package.json이 무엇인지 알기 이전에 직접 package.json을 만들어 보자. package.json을 만들 폴더로 이동을 한 후에 아래 명령어를 입력한다.$ npm init$ npm init -y 정말 알기 쉽게 정리한 npm이란? 해당 명령어를 실행시키면 package.json이라는 파일이 생성된다. 그리고 생성된 파일의 모습은 아래와 같다. package.json{ "name": "packagejson-started", "version": "1.0.0", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "keywords": [], .. 2024. 9. 29. Node.js와 NPM이란? 아주 쉽게 정리 📄 Node.js란?'JavaScript를 브라우저 밖에서 실행할 수 있게 도와주는 런타임 환경'입니다.npm 명령어를 사용하기 위해서는 Node.js가 필수로 설치되어 있어야 합니다. ❓ Node.js를 설치하는 이유?npm 명령어를 사용하기 위해서는 Node.js가 설치되어 있어야 합니다.'JavaScript' 언어로 만들어진 라이브러리를 실행시키려면 위해서'나의 컴퓨터(Local)에 런타임 환경을 제공'한다고 생각하면 됩니다.참고: JavaScript는 과거에는 웹에서 밖에 사용하지 못하는 언어였습니다. 📄 NPM(NodePackageManage)이란?'JavaScript로 만들어진 다양한 라이브러리들을 설치하고 관리할 수 있는 패키지 매니저'입니다.'npm이라는 명령어'를 의미합니다. 🖥️ .. 2024. 9. 25. [ React ] Warning: Each child in a list should have a unique "key" prop. 오류 해결 방법 💥 React 실행 후 발생한 에러 메시지Warning: Each child in a list should have a unique "key" prop.Check the render method of `App`. See https://reactjs.org/link/warning-keys for more information.❓에러 발생 이유React의 리스트 엘리먼트 요소에 key 값이 없어서 발생하는 오류입니다.React는 가상 DOM을 사용하여 Diffing 작업을 수행합니다.하지만 key 값이 없으면 각각의 리스트 요소를 구분할 수 없기 때문에 발생하는 오류 에러 메시지입니다.참고로 key 값은 유니크해야 합니다. 추가로 아래는 React 공식문서로 key에 대한 설명글입니다.https://re.. 2024. 7. 12. [ React ] SyntaxError: Adjacent JSX elements must be wrapped in an enclosing tag. 오류 해결 방법 💥 React 실행 후 발생한 에러 메시지Compiled with problems:ERROR in ./src/App.jsModule build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: /Users/user/Documents/study/react/sec02/src/App.js: Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment ...? (37:12) ❓에러 발생 이유JSX 문법 오류 입니다. JSX는 기본적으로 최상위 요소(Element)를 사용해야합니다.하지만 최상위 요소(Element)가 존재하지 않아서 나타난 문법.. 2024. 7. 12. 이전 1 2 3 4 다음 반응형
