-
[React]1. react셋팅3학년/Project-Codive 2024. 10. 2. 15:29
react는 처음 써본다...!
커맨드에
npx create-react-app 앱이름
하면
열시미하라고 격려해준다.
다음과 같은 폴더들이 생긴다.
npm start하면
해당 화면이 뜨고 내 입맛대루 바꿔나가면된당
우선 라우팅 + 리액트 기본 설정 + nav까지 만들었다.
src- component에서 네브등과같은 공통 컴포넌트 생성,
pages에서 개별 라우팅페이지 생성,
그외에는 css부분과 App.css App.js다
app.js부분은 다음과 같다.import할 거 해주고Aapp실행시 어떤 순서로 반환해주는지, 그리고 라우팅까지 해줬다.이런 구조는 휠위고 이후로 처음봐서( 휠위고때도 팀장님이 다~ 해줘서 난 걍 ㅈㄴ쉽게 경로만적음 )이것저것 문서 참고하며 기본셋팅하느라 빡셌당...ㅎㅎ이게맞는지도 사실? 모르겠음 .
gpt와 힘내서 Report 페이지 제작하고 오겠습니다.
728x90'3학년 > Project-Codive' 카테고리의 다른 글
[docker]해결!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!(cgroup v2 설정법) (0) 2024.12.04 중간 시연 연상 (0) 2024.11.27 [Backend]간단한 로직 설명 (1) 2024.11.22 Docker가 하고싶어요... (1) 2024.11.22 [GitHub] 1. 기본 셋팅과 issues 생성법을 따라 생성하기 (2) 2024.10.02