- 같은 폴더에 있는 파일은 상대 경로(
./*
)를 사용한다.
- 다른 폴더에 있는 파일은 절대 경로(
~/*
)를 사용한다.
- 함수 작성 방식: 함수 표현식 : arrow function
- 예외: this binding 필요한 경우 function 으로 정의
export default
는 코드 마지막 줄에 추가
- alias 절대 경로
- ~ import 순서: react > 라이브러리 > component > hook > utils > types > constants > css
컴포넌트 import 순서 -> 먼저 사용되는 컴포넌트 순
경로 별칭 => @ 경로 사용 기준 같은 폴더 + 단독으로 사용하는 파일 => 상대 경로 나머지 => 절대 경로
- 컴포넌트 정의 -> 화살표함수 - 컴포넌트 export시 export default import 순서 -> 먼저 사용되는 컴포넌트 순 - alias -> ~ - 절대경로&상대경로는 맨 위에 있는 것과 같은 의견입니다.