npm 썸네일형 리스트형 [Node.JS]NPM & NPX 이번엔 npm과 npx에 대해 알아보자. 리엑트를 써본 사람이라면 모두 npm create-react-app 명령어를 사용했을 것이다. 이 명령어는 웹팩과 바벨의 환경을 설치해주는 것이다. 그러면 여기서 npx와 npm은 무엇일까. 먼저 npm은 node package manager의 줄임말이다. npm의 첫번 째 역할은 레지스트리라는 저장소이다. 이런식으로 다운 받은 라이브러리를 담고 있는 곳이 레지스트리라는 곳이다. npm install ***를 하면 모두 local인 레지스트리에 저장이 된다. npm install *** -g는 컴퓨터 안의 bin이나 다른 폴더 등 글로벌적으로 다운받아 지는 것이다. 그리고 어플리케이션을 켜거나 배포를 할 때 파일을 빌드하는 역할을 한다. 그러면 npx는 무엇일까?.. 더보기 [REACT]React의 구조와 수정 & 배포 React의 구조를 살펴보자. 제일 먼저 src폴더의 index.js를 보면 이라는 태그가 있다. 이 ./App은 App.js라는 파일에서 import 했음을 위에서 확인할 수 있다. 그렇다면 이 ./App은 무슨 역할을 하는 것인지 App.js 파일을 확인해보자. App.js를 보면 알 수 있듯이 이 App이라는 Function는 html 구조를 가진 것을 알 수 있다. 그 함수안에서의 return 값이 index.js를 통해 사용자에게 보여지고 있는 것이다. 정리해보면 index.js는 웹의 입구이자 여러가지 전역적인 설정이 포함된다. 그리고 App.js의 수정을 통해 내용,UI를 편집할 수 있다. 그렇다면 화면 관리자모드에서 보이는 id가 root인 div는 무엇일까? Index.js에서 확인할 수.. 더보기 이전 1 다음
