반응형 react3 2. 리액트(React) favicon, Navbar 추가하기(boot-strap 설치, 적용) 1. 코드 정리하기 2022.01.21 - [Web/React] - 1. 리액트(React) 프론트엔드 시작하기 이전 글에 이어서 리액트에 Navbar를 적용하는 방법을 정리 초반에 자동으로 만들어진 react프로젝트는 불필요 없는 부분이 많기 때문에 필요한 부분만 남기고 다 지운다 src폴더에서 App.js, index.js만 남기고 다 지운다 - index.js 메인 프로그램인 index.js ReactDOM.render를 통해 App컴포넌트를 랜더링 한다 - App.js App.js에 와서 출력하고 싶은 JSX코드를 작성한다 결과 h태그로 작성한 Hello React!가 잘 출력된다 - index.html 이번에는 public 폴더에 들어가 있는 index.html 코드를 수정하여 브라우저 파비콘이.. 2022. 3. 21. React Error: 'react-scripts'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는배치 파일이 아닙니다. 해결 npm 버전이 안 맞아서 생기는 듯 npm update npm run start npm update후 실행하니까 해결 또 다른 방법으로는 npm install -g react-scripts react-scripts를 전역적으로 설치하는 것 2022. 3. 2. 1. 리액트(React) 프론트엔드 시작하기 - 준비물: Visual Studio Code, node.js Visual Studio Code 설치하기 2022.01.19 - [기타 프로그램] - Visual Studio Code 설치하기 node.js 설치하기 2021.07.05 - [기타 프로그램] - 윈도우10에서 Node.js&npm설치하기 1. Visual Studio Code를 실행한다. [File] - [Open Folder...] - 새폴더를 만들고 폴더 선택해서 연다 2. View - Terminal npm init react-app . 터미널 창을 열어서 프로젝트를 생성한다: npm init react-app . app뒤에있는 .은 현재 디렉토리에서 프로젝트를 만드는 것이고 경로로 사용하려면 npm init react-app 사용 .. 2022. 1. 21. 이전 1 다음 반응형
