728x90 create-react-app4 #11, Create-React-App Create-react-App 이란 ? 👋🏻 페이스북에서 만든 공식적인 React 웹 개발용 Boilerplate이다. 직접 모든 개발환경을 설정하지 않고, 페이스북이 지속적으로 업데이트를 해주기 때문에 많은 사람들이 사용하고 있다. 준비사항 🌿 1. Node.js Webpack, Babel 같은 도구들이 자바스크립트 런타임인 Node.js를 기반으로 만들어져 있기에 해당 도구들을 사용하기 위해서 Node.js를 설치한다. 2. Yarn npm ( 노드 패키지 매니저 ) 보다 조금 향상된 도구라고 생각하면 된다. npm은 위의 Node.js를 설치하게 될 때 같이 받게 되는 패키지 매니저 도구다. 프로젝트에서 사용되는 라이브러리를 설치 및 라이브러리 버전 관리를 하게 될 때 사용된다. 여기서 npm이 아.. 2021. 1. 20. [ React ] npm start , webpack 에러 create-react-app 으로 React 프로젝트를 만들어 진행중이었다 컴퓨터를 잠깐 재부팅 후 다시 React를 시작하려고 npm start 로 띄우는데 이게 무슨일이여.. 초기 create-react-app 설치 시에 자주 만났던 에러를 또 다시 만났다. ( 성공적으로 깔고 프로젝트를 만들어가는 중에도 만나게 되는구나.. ) 과연 오늘의 삽질은 몇시간이 걸릴것인가 한번 겪은 에러가 아니니까 내 목표는 에러 후기 작성까지 30분 할 수 있ㄷ ㅏ다아러ㅣ멀아이ㅏ얼아ㅣ러ㅣㅇㄹ 삽질 START. 🔪 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 Th.. 2020. 4. 7. [ React ] React 의 특징 , create-react-app 시작하기 React ? A JavaScrirpt library for building user interfaces ( 리액트는 UI 를 만들기 위한 자바스크립트 라이브러리입니다. ) 웹 세계는 정신없이 변화하고 있다. 무언가가 순식간에 시장을 휘업잡는듯 하다가 언제 그랬냐는 듯 사라진다. React는 현재 최강의 웹이라고 할 수 있는 Facebook이 만든 Javascript라이브러리이다. React는 단숨에 수많은 개발자들을 사로잡았다. Facebook을 비롯하여 Airbnb, Netflix, Dropbox, Twitter, Evernote, Uber 등 세계를 선도하는 서비스들이 React를 사용한다. / 특징 # component 앱의 다른 부분, 또는 다른 앱에서 쉽게 재사용이 가능하다. 유지가능한 앱을 .. 2020. 4. 3. [ React ] 내가 겪은 React-app 개발환경 설치 시 오류 모음집 React로 프로젝트 환경을 구축하기위해 npm 설치를 진행하였던 중 경험했던 오류들을 모아보았다. (앞으로 쭈욱- 계속- ,,, 오류 발생 시 업데이트 할 예정이다. ) 1 npm install -g create-react-app cs 1. npm install -g create-react-app 으로 프로젝트를 생성하였는데, public 혹은 src 폴더가 없다. 해결 : 1 npx --ignore-existing create-react-app my-app cs 2. nvm version 문제 가장 간단한.. 상식.. ㅎㅎ 버전을 맞춰야한다.... 해결 : 1 2 3 Nvm ls //현재 nvm의 버전 나열 Nvm use v8.15.0 // 본인이 가장 많이 사용하는 v8.15.0 버전으로 재설정 N.. 2020. 4. 3. 이전 1 다음 반응형
