Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 엑셀드래그단축키
- 핸드캐리쿠리어차이점
- 클린코드
- 필터링후복사붙여넣기
- 자켓실측
- 암홀트롭
- 나일론지퍼
- MERN스택
- 요척합의
- AATCC
- 봉제용어
- 엑셀자동서식
- 40HQ컨테이너
- 웹API
- 슈퍼코딩
- 비슬론지퍼
- 40HQ컨테이너40GP컨테이너차이
- WHATTIMEOFTHEDAY
- 미니마카
- 고급영어단어
- 미국영어연음
- 지연환가료
- 영어시간읽기
- 헤이큐
- 우레탄지퍼
- TACKING
- 비리짐
- 와끼
- Armhole Drop
- 엑셀필터복사붙여넣기
Archives
- Today
- Total
CASSIE'S BLOG
프로젝트 폴더 구조 본문
반응형
[react] 리액트 프로젝트의 폴더구조
javascript에 대한 기본적인 사용법을 익히고 '아 이제는 리액트를 찍먹해볼까?' 하고서 도전한 리액트. 다른 무엇보다 리액트라는 라이브러리(혹은 프레임워크)가 어떤, 뭐하는 것인지 정확히 이
velog.io
assets
나머지 폴더들도 간략하게 확인해보겠다. assets 안에는 우리가 프로젝트에 쓸 font, image 등이 담겨 있다. 처음에는 assets와 public 폴더를 많이 헷갈렸었는데, 우리 프로젝트의 시작 지점인 app.js를 기준으로 생각해보면 이해하기 쉽다. assets은 자기 디렉토리 안쪽, public은 바깥쪽에 있다. 프로젝트 내에서 public 폴더에 접근하기 위해서는 process.env.PUBLIC_URL을 사용해야 한다. 참고
hooks
나를 포함한 팀원들이 만든 custom hook들을 담아 놓은 폴더이다. 다만 모든 hook들이 들어있지는 않은데, react-query를 사용한 hook들은 따로 분리해서 모아두었다.
utils
유틸 함수들을 모아둔 폴더이다. 예를 들어, 랭크 점수 계산, email regex check, 등의 잡다한(?) 함수들을 모아두었다.
반응형
'PROGRAMMING > React' 카테고리의 다른 글
| 원격 브랜치 업데이트(remote branch update) & 브랜치 연결 끊기 (0) | 2023.08.26 |
|---|---|
| impo react-query 서버, 클라이언트 데이터를 분리 (0) | 2023.08.26 |
| styled-components에서 import하는 ThemeProvider (0) | 2023.08.26 |
| manifest.json 역할 (0) | 2023.08.26 |
| 파비콘 리액트 이미지 만들기 (0) | 2023.08.26 |
'PROGRAMMING/React' Related Articles
more
