<aside>

상수

• 영문 대문자
• 스네이크 표기법

const CONST_VALUE;

</aside>

<aside>

이벤트 핸들러

• Props → “on”으로 시작.
• 핸들러 함수 → “handle”로 시작.

<MyComponent onclick={this.handleClick} />

</aside>

<aside>

커스텀 Hook(훅)

• “use”로 시작.

const useCustomHook = () => {}

</aside>

<aside>

변수

• 카멜케이스

const data;
const userName;
const onClick = () =>{};

</aside>

<aside>

태그 <>

• 전체: Container
• 특정 영역: {Some}Area

<Container>
  <HeaderArea>
	  <Text></Text>
  </HeaderArea>
</Container>

</aside>

<aside>

폴더명

• 케밥케이스

debate-card/modal/

</aside>

<aside>

파일명

• 파스칼 케이스

CardNews.tsx
UserModal.ts

</aside>

[React-Native] Eslint, Prettier 설정(with TypeScript)

참고 자료

https://myung-ho.tistory.com/100

https://gimgongta.tistory.com/751