프로그래밍 에러 Error19 [리액트 React] 쇼핑몰 프로젝트_01 리액트 프로젝트 설치하기 1. 프로젝트 생성 VScode 에디터를 실행하고 터미널에서 작업폴더명으로 이동한다. 터미널에 아래와 같이 입력을 하면 shop 이라는 이름의 프로젝트가 하위폴더로 해서 생긴다. npx create-react-app 프로젝트이름 ex) npx create-react-app shop 2. 리액트 프로젝트 실행 터미널에서 경로를 프로젝트를 설치한 폴더로 이동하고 리액트 프로젝트를 실행한다. npm run start 또는 yarn start 라고 입력하면, web brouser에서 localhost:3000의 주소로 프로젝트가 실행된다. 3. react-bootstrap 설치 웹페이지를 구성하는 메뉴, 버튼, 레이아웃 등 UI를 디자인 할때 원래는 css를 이용하지만 bootstrap.. 2021. 3. 28. [리액트 에러 해결] Failed to compile 'Jombotron' is not defined react/jsx-no-undef Failed to compile react-bootstrap 사이트에서 'Jubbotron' 컴포넌트를 사용하기 위해 코드를 가지고 왔는데 에러가 발생했다. import 리액트에서 컴포넌트를 사용할때는 import {Component이름} from ~~; 이런식으로 import를 하면 해결할수 있다. 2021. 3. 27. [리액트 에러 해결] ./node_modules/react-bootstrap/esm/index.js Module not found: Can't resolve ./node_modules/react-bootstrap/esm/index.js/Module not found: Can't resolve 리액트 App.js 안에 있는 내용들을 지우고 React-bootstrap 사이트에서 샘플코드를 가져왔는데 에러가 발생했다. import {Navbar, Nav} from 'react-bootstrap'; 이런식으로 div 안에서 사용된 컴포넌트 Component들을 모두 import 했는데도 에러가 발생해서 페이지가 안열렸다. 혹시 처음에 react-bootstrap을 npm install로 설치해서 그렇다고 생각해서 yarn add명령어로 다시 한번 설치해봤는데 결과는 같았다. 리액트 @babel/runtime 에러 해결 yarn add @babel/runtime 결.. 2021. 3. 27. 이전 1 2 3 4 5 다음
