Package.json :: 패키지 버전정보 Package.json npm init 으로 폴더를 초기화 하면 Package.json이라는 파일이 생성된다. 간단하게 한번 알아보자. 이녀석이 뭐하는 녀석인지. pakckage.json을 간단히 나누어보면 크게 2가지 항목으로 나뉘어 볼 수 있는데 1. 프로젝트 정보 2. 패키지 정보 로 나눌 수 있다. 프로젝트 정보는 1. 프로젝트 명은 무엇인지. 2. 버전은 무엇인지, 3. 관련된 정보(모듈패키지)에는 어떤게 있는지. 4. 제작자는 누구고 깃 주소는 어떻게 되는지. 5. 사용방법은 어떻게 되는지. 패키지 정보는 6. 사용중인 패키지의 버전정보는 무엇인지 7. 일반적인 패키지와 8. 개발할때 사용했던 패키지 (실제 배포할때는 필요없는 웹팩이나, 바벨등) 등을 모두 확인할 수 있다. package.js.. 2020. 10. 20. npm 명령어 :: node package manager npm 명령어 정리 npm 이란. node.js 의 앱스토어. 다양한 package가 존재함. 대표적인 package - webpack 명령어 • terminal에서 npm을 실행-> 관련 명령어 • npm init -y 실행 : 해당폴더를 프로젝트파일 폴더로 초기화 : -y는 초기화 설정값을 default value로. : 값을 따로 설정하고 싶은면 -y를 빼면됨 • npm install : package.json 파일이 있는곳에서 install : npm install : 지역오듈 : npm install -g : 전역모듈 : 경로: 사용자명\AppData\Roaming\npm • npm install @ : 해당버전만 • npm install --save(--save-dev) : package.js.. 2020. 10. 18. 리액트 기초 :: React basic React 상식 React의 5가지특징 1. Element : 컴포넌트 최소단위 (header, h1, p, span ...) 2. JSX(javascript XML) : 자바스크립트 확장 문법 , 겉으로 보기앤 자바스크립트 + html 3. Component : 첫글자 대문자 a. function 형 i. ReactElement 리턴. (훅과 연동) b. class 형 i. State관리 (동적요소) ii. 훅이 클래스 컴포넌트를 대체가능 (클래스는 상대적으로 무거움) 4. Props : 데이터 동기화를 위해 사용됨 a. Read only (바꾸면 안되기 때문, 동기화니까) b. 위에서부터 데이터가 흐른다. 5. State : 동적데이터 a. 이벤트 우측에는 함수 선언문이 놓여야 한다. i. 함수 실행.. 2020. 8. 28. 이전 1 2 3 다음
