📍 식별자 Naming Rules

• 가급적이면 약어를 사용하지 않음

• 배열명은 복수형

• 함수명은 기능을 유추할 수 있도록 semantic 하게 선언 (동사 활용)

• 변수명, 함수명은 카멜 케이스

  const camelCase = '';
  

• React 컴포넌트명은 파스칼 케이스

  function MyComponent() {
    return <div>My Component</div>;
  }
  

• 상수는 스네이크 케이스, 언더바(_) 사용

  const SNAKE_CASE = '';
  

• 이벤트 핸들러 함수명은 **‘handle’**로 시작

  const handleClick = () => {
  	// ...
  }
  

• Boolean 타입의 변수는 **‘is’, ‘has’, ‘can’**으로 시작

  const isOpen = true;
  

📍 React 관련

• 컴포넌트는 function으로 선언 (rfce)

  function MyComponent() {
    return <div>My Component</div>;
  }
  
  export default MyComponent;
  

• 컴포넌트 내 함수는 arrow-function으로 선언

  function MyComponent() {
  
  	const func = () => {
  		// ...
  	};
  
    return <div>My Component</div>;
  }
  

📍 Styled-components 관련