절대경로 로 import 한다.ex)
// 절대경로
**import Navbar from "components/Navbar";**
// 상대경로
import Navbar from "../components/Navbar";
// 이걸로 통일
function Foo(){}
export default Foo;
// NO
export default function Foo(){}
rem으로 통일한다. width, height도 가능한 rem으로 하면 좋다. (아래 익스텐션 깔면 자동으로 몇 rem인 지 알려줌!)비주얼 스튜디오 익스텐션 : px to rem & rpx & vw (cssrem)
가능한 Semantic Markup 을 지킨다.
PR을 날리기 전 주석이 필요한 코드가 있다면 작성한다. (아래 익스텐션 좋음, 그냥 주석 처리 해도 괜찮!)
비주얼 스튜디오 익스텐션 : Better Comments
Prettier
public/images 안에 있는 이미지 파일들은 앞에 페이지명을 붙이고 이름을 짓는다.
ex) about page에서 쓸 이미지라면 **about**Hands.jpg, aboutHelp.jpg