[Week2 Day3] FE 트러블슈팅 개발초기 컨벤션

Issue

1. pr 단위와 리뷰
2. px 단위 컨벤션
3. lint rule 수정
4. page 폴더에 파일 과중화
5. 타입 관리

Problem

pr 리뷰가 너무 느림

원인: 너무 늦은 pr 리뷰

Solution

pr 리뷰가 너무 느림

1. slack github pr 채널 개설
2. as soon as possible 원칙에 따라 리뷰 요청 시 **코어타임 (**10:0019:00) → 바로 리뷰 커뮤니케이션 타임 ( 22:00) → 가능한 빠르게 해결, 22시 넘어가기전에 일괄 처리

page 폴더 파일 과중화

1. page/<페이지명>/<컴포넌트명> 으로 폴더구조 세분화

타입 관리

1. 한 파일내에서 쓰이는 type은 해당 파일에 선언, 너무 파일이 커지면 따로 <>.types.ts 파일 만들어서 같은 디렉토리 레벨에 관리
2. 전역적으로 쓰이는 type은 types 폴더에 만들어서 관심사로 파일명 만들어서 관리

px 단위 컨벤션

1. 모바일 지원을 안하니까 상대단위보다 절대단위인 px, %사용

lint rule 수정

endOfLine은 입력한 줄의 끝에 Mac(unix환경)은 LF를 Windows은 CRLF가 입력 되는데 기본 설정 값이 unix라서 windows 환경에서는 CR을 지워라는 오류가 나오더라구요. 그래서 값을 auto로 바꿔주면 환경에 맞게 자동으로 해결해 주는 것 같습니다.

참고 링크: https://eslint.org/docs/latest/rules/linebreak-style

"react/react-in-jsx-scope”:

Component 마다 React를 Import 해줬어야했는데 과거에는, 하지만 버전 업이 되면서 그럴필요가 없어젔습니다.

What I Learnd