반응형 리액트 시작2 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. 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 다음 반응형
