Web 코딩 컨벤션

CSS 작성 순서

display:flex;
justify-content: center;
align-items : center;

position:absolute
top: 1;

width
height

margin
padding

box-shadow
outline
border
background
opacity

color
font
text-decoratione

cursor
user-select:none;

(pseudo selector)
&: hover{

}

animation

개행 제거

Backend API 구조

router, controller, service, model 을 기반으로 개발.

export 규칙

• 기본적으로 모든 export는 export default로 한다.
• types를 제외하고 모든 export는 익명 객체가 아닌 새로운 객체를 선언하고 그 안에 export할 모든 내용을 묶어서 export default 한다.

FE 컴포넌트 구성

• atom: 재활용이 가능한 수준의 최소 ui 단위
• molecule: atom의 묶음 (로직은 포함하지 않는다)
• organism: presentational component(atom or molecule)을 필요한 로직을 감싼 custom hook과 묶어둔 단위