낮햇볕

구글검색 https://react-bootstrap.github.io/ React-Bootstrap The most popular front-end framework, rebuilt for React. react-bootstrap.github.io Get started 클릭 아래의 페이지가 나온다 vscode터미널에 입력해줘서 설치 npm install react-bootstrap bootstrap json 안에 설치되었다고 나온다 bootstrap사용법 1. app.js에 입력 import 'bootstrap/dist/css/bootstrap.min.css'; 2. pubilc > index.js head태그안 작성 원하는 버튼이나 경고창등 사용하기 검색창에 원하는거 입력하기 button을 화면에 띄우..

Material icons 설치 //npm npm install @material-ui/core //yarn yarn add @material-ui/core Material-UI icon 설치 //npm npm install @material-ui/icons //yarn yarn add @material-ui/icons icon과 font적용시키기 https://mui.com/material-ui/material-icons/?query=search Material Icons - Material UI 2,000+ ready-to-use React Material Icons from the official website. mui.com 빨간체크를 적어줘야하는데 현재 mui로 설치안해저고 material로 설..

package.json 안에 "react" : "^18.1.0", "react-dom" : "^18.1.0", 를 직접 수정하고 파일저장하고 터미널에서 npm install을 해준다

터미널에 $ npm create react-app react-event npm으로도 설치가능하다 $ npx create-react-app 폴더명 입력해주면 react가 설치가되어진다 npx - 라이브러리 설치도와주는 명령어(node.js설치 되어야 이용가능) create-react-app 라이브러리이름 리액트 셋팅이 다된 boilerplate 만들기 쉽게 도와주는 라이브러리 설치다 되었으면 $ cd 폴더명 $ npm start 설치한 폴더명들어가기 코드작성되어있는 것을 화면에 띄우기 이렇게 첫화면이 나온다 src > app.js 가 메인페이지가 된다 react는 jsx문법을 사용해줘서 html의 class 가 jsx는 className으로 작성해줘야한다 app.js 에 작성해줬다 function app ..