Language/Js4 [react #2] 환경 설정 및 webpack 설정 이전에 리액트 화면을 실행하는것까지 성공하였다면 환경설정을 해보겠습니다. 프로젝트 폴더로 이동하여 아래 명령어를 하나씩 입력합니다. >npm install --save react react-dom >npm install -g babel webpack webpack-dev-server >npm install --save-dev babel-core babel-loader babel-preset-react babel-preset-es2015 webpack webpack-dev-server >yarn eject 위 명령어는 velopert님 사이트를 참고 하였습니다. 설치가 끝나면 디렉토리를 구성해보겠습니다. src ㄴserver ㄴshared ㄴassets ㄴcomponents ㄴcss 로만 구성을 하였습니다.. 2019. 7. 8. [react #1] create-reactp-app 설치 React는 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리입니다. Create React App Create React App은 React 배우기에 간편한 환경입니다. 그리고 시작하기에 최고의 방법은 새로운 싱글 페이지 애플리케이션 입니다. 이것은 개발 환경을 설정하고, 최신 JavaScript를 사용하게 해주며, 좋은 개발 경험과 프로덕션 앱 최적화를 해줍니다. Node 8.10 혹은 상위 버전 및 npm 5.6 혹은 상위 버전이 필요합니다. 먼저 node를 설치한 상태에서 npm을 이용하여 설치를해보겠습니다. 새로운 프로젝트를 만들기 위해 아래의 명령어를 실행합니다. 저는 미리 workspace로 사용할 위치에 폴더를 만들고 진행하였습니다. > npm install -g create-.. 2019. 7. 8. yarn 이란? / yarn 설치 먼저 npm이 있는데 yarn을 왜 사용하지 하시는분들이 계실겁니다. yarn은 npm 쓰다가 답답해서 머리 똑똑한(페이스북, 구글 등) 개발자들이 만들었다고 합니다. Yarn은 코드의 패키지 관리자입니다. 이를 통해 전 세계의 다른 개발자와 코드를 사용하고 공유 할 수 있습니다. Yarn은 신속하고 안전하며 신뢰할 수있게 수행하므로 염려 할 필요가 없습니다. yarn의 장점으로는 초고속 메가 보안 슈퍼 신뢰성 저는 yarn을 node를 사용하여 설치를 해보겠습니다. node command prompt 창에서 > npm install --global yarn 설치가 끝났다면 버전도 체크해봄니다. yarn 버전 체크하는 방법 > yarn -v 2019. 7. 7. Node.js 설치하기 Node.js®는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임입니다. V8 JavaScript engine What is V8? V8 is Google’s open source high-performance JavaScript and WebAssembly engine, written in C++. It is used in Chrome and in Node.js, among others. It implements ECMAScript and WebAssembly, and runs on Windows 7 or later, macOS 10.12+, and Linux v8.dev 아래 사이트에 접속하여 안정적인 버전또는 원하시는 버전에 맞추어 다운로드합니다. https://no.. 2019. 7. 7. 이전 1 다음
