본문 바로가기

웹팩2

리액트입문 리액트 프로젝트 만들기 https://reactjs-kr.firebaseapp.com/tutorial/tutorial.html 참고 설치된 Node.js가 최신 버전인지 확인해보세요. 새로운 프로젝트를 생성하기 위해 설치 방법을 따르세요. $ npm install -g create-react-app $ create-react-app my-app 새 프로젝트의 src/ 폴더에 있는 모든 파일들을 삭제해주세요. (폴더 안의 내용만 삭제하되 폴더는 삭제하지 마세요) $ cd my-app $ rm -f src/* 이 CSS 코드를 src/ 폴더에 index.css 파일로 추가해주세요. 이 JS 코드를 src/ 폴더에 index.js 파일로 추가해주세요. src/ 폴더에 있는 index.js의 최상단에 아래 세 .. 2021. 4. 26.
Node.js 환경설정 Node.js와 환경설정Node.js 구조node .js 코어 라이브러리 (자바스크립트)node.js 바인딩V8 (자바스크립트 엔진) / 비동기 I/O (C언어)서버사이드 자바스크립트 실행환경비동기 처리를 표준 api로 제공하여 실행 효율이 좋은 웹 앱플리케이션을 쉽게 만들고 사용할 수 있음편한 라이브러리와 간단한 사용npm을 이용하면 간단하게 라이브러리를 설치 할 수 있음패키지 매니저 npm간단하게 라이브러리 설치와 제거를 할 수 있음npm으로 설지하는 각 라이브러리로컬모듈설치npm 표준 설정으로 현재 디렉터리에 라이브러리가 설치되는데 이렇게 설치되는 모듈을 "로컬모듈"이라고 한다.npm install requset설치를 하고 실행한 디렉터리를 열어보면 node_modules;라는 이름의 디렉터리가 생.. 2021. 4. 25.
반응형