TS 타이핑 접미사로 Type/Interface 쓸지
- 용재, 지희, 나현, 종운, 연경
- Type 접미사
props 타입 별칭
- 컴포넌트명+Props + Type
- 타입별칭 네이밍 (접두사/접미사 추가) 조사하기
함수 작성 방식: 함수 표현식
export default는 코드 마지막 줄에 추가 ?
배열 데이터 네이밍
- 배열은 복수로 네이밍
- 아이템은 단수로 네이밍
네이밍
함수, 변수, 폴더, 나머지 파일 => camelCase 컴포넌트, 컴포넌트 파일, 타입 => PascalCase 상수 => SNAKE_CASE
이벤트 객체 네이밍
- e
주석 네이밍
- //TODO: //FIX:
import order
- react > 라이브러리 > component > hook
import, export 규칙
- 같은 폴더에 있는 파일은 상대 경로(
./*)
- 다른 폴더에 있는 파일은 절대 경로(
~/*)
스타일 관련 규칙
타입 규칙
children은React.ReactNode?
- 이벤트 핸들러 : handle 접두사 핸들러를 props로 넘길 때 on 접두사
boolean 변수
boolean 변수 : is 접두사
함수네이밍
CRUD 네이밍
function gen-*
function make-*
function get
function set
function create
function remove
function delete
- 용재
함수명 : 동사 + 명사 형식 네이밍 시 줄임말 금지 이벤트 핸들러 : handle 접두사 핸들러를 props로 넘길 때 on 접두사
- 나현
- components 이름은
Pascal case로 작성
- Non-components 이름은
Camel case로 작성
- 지희
- CRUD
function generator-* function gen-* function make-* function get function set function remove function create function delete
is ~
- 종운
- bool 규칙 (참고용)
