컨벤션
종결어미 | ~니다. |
예시 | ex. |
목차 | 제목 1.
제목 1.1
제목 1.1.1
제목 입력 시, 들여쓰기 X |
이미지 | (폰트 크기) 노션 기본 폰트 크기와 동일하게 제작
(위아래 공백) 한줄씩 넣기 |
마크다운 | 각 파트 제목(파트명) - “제목1”
그 하위 소제목(파트.1) - “제목2”
그 하위 소제목(파트.1.1) - “제목3” |
코드 설명 주석 | // --- ① |
예제 코드 기본형태 | function App(){}
export default App;
(위아래 공백) 한줄씩 넣기 |
실행 캡쳐 이미지 캡션
(이미지에 캡션으로 넣어주시면 됩니다.) | 그림 [챕터명]-[이미지순서]
ex) 그림 3-1 |
인라인 코드블록 처리 | 각 파트에서 사용하는 변수나 함수명에만 처리 (Hook 이름은 X) |
예제 코드 강조 | 예제에서 강조할 부분 혹은 변경된 부분만 볼드 처리 및 주석 추가 |
스타일 처리 | 상황에 따라 외부 css 파일 혹은 인라인 스타일로 처리 (styled-component 사용 X) |
용어
고유명사 | React
Hook
props, useState , useEffect … 등 코드로 쓰이는 것들 (제목 포함) |
한글 | 메서드
인스턴스 변수 |
처음 - 한글(영어)
이후 - 한글 | 생명 주기 (Life Cycle)
래퍼 지옥(wrapper hell)
리렌더링 / 재렌더링 (Re-rendering)
클래스 컴포넌트(Class Component), 함수 컴포넌트(Function Component) |