반응형 Web/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에 Bulma CSS 적용하기 1. Terminal 창에서 bulma CSS설치 npm install bulma 2. CSS 적용 index.js에서 import한다 import 'bulma/css/bulma.css'; Footer을 추가해본다 Web by 도톨이표코딩. The source code is licensed MIT. The website content is licensed CC BY NC SA 4.0. [결과] 2022. 3. 11. 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 다음 반응형
