common.scss와reset.scss경우에는 페이지마다 적용하지 않고index.js에서 한 번만import하기.js파일에서import의 순서 지키기패키지 > 컴포넌트 > 변수/이미지 >
.scssstate의 초기값 선언 시 데이터 타입 표시해주기- 적절하게 변수에 담아 가독성 높이기
- 변수/함수 이름은 의미가 더 확실하게 드러나도록 짓기
- toggle에 대한
state는 boolean으로! - 상태를 관리할 때는
ref보다state로! - 자주 사용하는
css속성에 대해서는scss mixin기능 활용 하기 - 내부 콘텐츠가 없는 태그는 셀프 클로징으로 변경
- 코드 리팩토링을 하며 불필요한 속성/공백 제거
true인 값만 표현할 때는 삼항연산자가 아닌&&를 이용하기<form>는 submit 실행 시 새로고침 되기 때문에 React 내에서는 피하기- 적절한 시멘틱 태그 사용하기
안녕하세요! 프론트엔드 개발자 정원태입니다.