Programming/React17 [React] WebPack Webpack Webpack은 의존 관계에 있는 모듈들을 하나의 자바스크립트 파일로 번들링하는 모듈 번들러이다. Webpack을 사용하면 의존 모듈이 하나의 파일로 번들링되므로 별도의 모듈 로더가 필요없다. 그리고 다수의 자바스크립트 파일을 하나의 파일로 번들링하므로 html 파일에서 script 태그로 다수의 자바스크립트 파일을 로드해야 하는 번거로움도 사라진다. 웹팩을 사용하는 이유 각기 다른 자바스크립트를 로딩할 때, 스크립트 로딩 순서와 해당 HTML에서 필요하지 않은 js 파일들까지 로딩하여 리소스 낭비가 생김. 필요한 파일만 로딩하고 관리하고자 웹팩을 사용하게 됨. 1. 웹팩 시작하기 node.js를 설치하고, npm을 설치한다. 그런다음 CLI 환경에서 아래와 같이 작성한다. 1 2 3 4 .. 2020. 9. 12. [React]React Redux 설치하기. React 와 Redux를 같이 사용하기 위해 npm를 이용하여 설치가 필요하다. 아래 와 같이 프로젝트에 추가하거나 미리 redux를 설치할수 있따. 방법 1. 프로젝트 redux 추가 방법 2. 직접 추가 $ cd { 프로젝트 경로 } $ yarn add redux react-redux 2019. 11. 20. [React] type arguments' can only be used in a .ts file. [8011] 종종 React Native 앱을 실행할경우 Syntax 문법에러가 나타난다. 로그내용이 제목과 같이 나타난다면 대부분 다음과 같이 하면 해결될것이다. 1. 확장 프로그램 탭으로 이동. 2. Show Built-in Extensions 3. TypeScript and JavaScript Languate Features 설치. 4. 실행 및 오류해결. 2019. 11. 7. [React] Module not found: Can't resolve 'react-icons/fa' React에 관련된 icon을 사용할때 icon 경로나 설치가되어 있지 낳아 종종 icon module을 찾을수 없는 경우가 있다. 그러한 경우 다음과 같이 npm을 이용하여 설치하면 설치가 가능하다. Installation npm install react-icons --save 자세한 사항은 React 공식 홈페이지에 명시되어 있다. https://www.npmjs.com/package/react-icons 2019. 10. 31. [React] React error : 'react-scripts'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는배치 파일이 아닙니다. React Project를 실행할때 가끔 yarn을 실행할떄 문제가 발생한다. 그러면 다음과 같은 방법으로 해결할 수 있다. npm run start " react-scripts'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는배치 파일이 아닙니다. " 라는 에러메세지를 볼수 있다 그럴경우 다음과 같은 명령어를 통해 해결할수 있다. npm update npm start 2019. 10. 31. 이전 1 2 다음
