웹/React4 npm 설치 오류 메시지 code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm install 중에 오류 떴을 때 해결 방법 npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm install react-project --save --legacy-peer-deps npm install과 함께 --save --legacy-peerdeps 를 추가하면 설치할 수 있다. --legacy-peerdeps는 npm 버전 4에서 6까지 스타일로 설치할 때 모든 peer dependencies를 무시하고 설치할 수 있다. 2021. 4. 25. 리액트 + 웹팩 + 바벨 프로젝트 세팅 시작하기 의존성 초기화, 생성 npm init -y package.json 패키지에 대한 정보가 담긴 json파일이 자동으로 생성된다. -y : -yes의 축약형으로 명령어를 치면 이름, 버전, 설명, 라이센스 등 여러가지 질문을 하는데 귀찮으니 자동으로 yes라고 입력하게 함 mkdir src public dist src : 리액트 폴더 public : 정적 html 폴더 dist : 번들링 결과물 리액트 설치 npm i react react-dom i : install의 축약 react : 리액트 라이브러리 react-dom : dom, webapp, browser 관리 바벨 설치 npm i -D @babel/core babel-loader @babel/preset-env @babel/preset-react .. 2021. 2. 26. React 튜토리얼 1강. 리액트 설치 및 세팅 목차 node.js 다운로드 visual studio code 에디터 다운로드 1. node.js 다운로드 nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org react를 사용하기 앞서 node.js가 운영체제에 깔려있어야 하므로 다운로드한다. node.js가 깔려있으면 npm(node package manager), npx가 자동으로 같이 설치가 된다. npm을 통해 쉽게 create-react-app 라이브러리를 사용할 수 있다. 2. visual studio code 에디터 설치 및 세팅 code.visualstudio.com/ Visual Studio Code.. 2020. 12. 31. React(리액트)란? 리액트 처음 시작하기 React(리액트)란? 리액트는 사용자 인터페이스(View) 즉 UI를 담당하는 자바스크립트 라이브러리이다. 페이스북 소프트웨어 엔지니어 Jordan Walke가 개발한 것으로 그는 PHP용 HTML 컴포넌트 프레임워크인 XHP에 영향을 받았다고 한다. SPA 리액트는 SPA(Single Page Applications)로 단일페이지로 구성된 웹이다. SPA는 서버사이드에서 HTML을 전달받아 랜더링하지 않고 필요한 데이터만 서버로부터 json형태로 전달받아 동적으로 랜더링한다. UI 컴포넌트 리액트 스스로 상태를 가지고 관리하는 캡슐화된 컴포넌트를 생성한 다음 복잡한 UI를 만들기 위해 구성한다. 컴포넌트는 여러 컴포넌트를 쪼개서 만들고 조립할 수 있다. 하나의 페이지에 header, navigatio.. 2020. 7. 4. 이전 1 다음
