FE

컴포넌트

• 컴포넌트는 function 키워드로 작성하고, 나머지는 화살표 함수로 작성한다.

function Component(){
	const handler = () => {
				
	}
}

export default Component

export

• default export의 경우에는 최하단에 작성
• 일반 export의 경우에는 해당 변수에 작성

타입

• 타입은 기본적으로 사용되는 파일 안에서 선언한다.
• 컴포넌트 props의 타입을 정의할 때는 컴포넌트명+Props으로 네이밍하고, 항상 그 컴포넌트의 바로 위에서 선언한다. 다른 곳에서 이 타입을 필요로 할 경우 그 곳에서 export한다.
• 유틸 등 컴포넌트 외의 함수에 대한 타입도 항상 그 파일에서 선언하고, 다른 곳에서 이 타입을 필요로 할 경우 그 곳에서 export한다.

// util 함수 외 컴포넌트 함수는 최하단에 정의

interface ComponentProps{

}

function Component({ props }:ComponentProps){
	const handler = () => {
				
	}
}

export default Component

변수

• boolean값을 나타내는 변수는 has, is로 시작한다.

• 복수 변수를 나타낼때는 s를 붙인다.

• 상수, enum: SNAKE_CASE

  • 내부 property는 camelCase

  const SNAKE_CASE = {
  	propertyOne: 1,
  	propertyTwo: 2,
  	propertyThree: 3,
  }
  

함수

• 기본적으로 동사로 시작
• DOM 이벤트 함수: handle Prefix 붙이기