yml설정
구성 - 깃주소 [인텔리제이 ]/ webapp 폴더[커서AI]
커서AI를 폴더 오픈을 webapp을 한다.
frontapp에서 설치
readme에 있는 내용을 하나하나 씩 다 설치 해준다.
readme 에 이 내용을 추가!
설치 확인은 package.json으로 확인
선택된 내용들은 모두 삭제하자!
요것만 있으면 된다.
Index.js 내부
이것만 남기자.
리액트는 index를 찾아서 실행한다.
App.js 내부
이렇게 세팅하고 npm start 를 해준다.
index.js
store.js
store.js 코드
Navbar 컴포넌트가 있다, react-bootstrap을 import 한다.
react-bootstrap이라는 사이트가 있다. 문서확인하기 위해서는 여기서 확
여기서 가져와서 쓰면 된다.
div는 리턴을 하나 해주기 때문에, div로 무조건 감싸야된다.
이런 문법도 지원하기는 한데, 이게 그거구나 하고 알면된다.
App 문법
링크 태그를 쓰려면 라우터를 써야 한다고 한다.
브라우저 라우터를 달면 된다고 하는데, 이따가 만들자
이걸 깔아야 도된다고 함
import "bootstrap/dis/css/bootstrap.min.css";
Java
복사
이걸 import를 해야된다.
리액트에서 부트스트랩 사용할려면?
아래 명령어 실행
npm install react-bootstrap bootstrap
Java
복사
import를 index.js에 한다.
App.js 코드
Store.js 코드
index.js 코드
추가 플러그인 설치
Auto Import - ES6, TS, JSX, TSX
ESLint
JetBrains IDE Keymap
Prettier
Reactjs code snippets
Java
복사
