📚 목차
어제 오늘로 React 관련해서 이것 저것 따라해보고 있는데,
웹 개발을 주로 하는 입장이 아니다보니
너무 헷갈리는것 같다..
그래도 그날그날 학습한 부분들은
짧게 나마 정리해보려고 해야겠다.
일단, 오늘은 React 설치를 마친후 React 프로젝트 만드는 법이다.
뭐 1줄이면 끝가서 정리해야하나 했는데,
나도 안쓰면 계속 까먹기 때문에 그냥 정리해둔다.
먼저 프로젝트를 만들 경로로 이동 후에
npx create-react-app "프로젝트 명" | 프로젝트 명으로 react app 생성 |
명령어 실행 후에 만들어진 경로로 들어가서 확인해보면
이런식으로 파일들이 생성되는데,
우리가 수정할 중요 파일에 대해서만 설명하자면
public 폴더![]() |
index.html이 존재하고 해당 파일을 편집해서 메인 화면?을 수정할 수 있다. |
src 폴더![]() |
실질적으로 react 소스를 편집하는 파일들이다. app.js가 기본으로 사용되는 소스인 것 같다. |
package.json | react 빌드? 관련한 정보들이 있는것 같다. |
솔직히 나도 그냥 내가 이해한걸 쓰는거라 맞는지는 모른다.
그냥 내가 생각하기에는 저런 것 같아서 정리해봤다.
'Front end > React' 카테고리의 다른 글
GitHub에 React App 올리기 (0) | 2025.01.13 |
---|---|
React - v5 -> v6 버전에서의 변경사항 (0) | 2024.12.24 |
React로 간단한 메모장 만들기 (0) | 2024.12.20 |
React props & state (0) | 2024.12.16 |
FrontEnd에서 가장 많이 사용하는 프레임 워크인 React 사용해보기 (0) | 2024.12.12 |