리액트3 자동빌드, 웹팩 리액트 도구를 사용한 자동빌드 지금까지는 자바스크립트 라이브러리를 읽어드렸지만 컴파일하는데 시간이걸림 그래서 컴파일 해두는 방법이 있다. create-react-app 설치 npm install -g create-react-app //-g옵션 > 전역모듈 create-react-app 내프로젝트이름 cd 내프로젝트이름 npm start 프로젝트 실행 해당 디렉터리 내부에 파일이 압축되어 생성 npm run build 빌드가 제대로 되었는지 확인하려면 웹서버가 필요함 서버 설치 npm install -g serve 웹서버 실행 server -s build 웹팩으로 리소스 파일 변환하기 웹팩이란? 자바스크립트 또는 css등의 리소스 파일을 하나로 합쳐주거나 , jsx로 작성된 파일을 변환하는 도구 최적의 형.. 2021. 5. 16. 리액트입문 리액트 프로젝트 만들기 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. 이전 1 다음 반응형
