[JavaScript] 화살표 함수 괄호 구분

놀랍게도 아직도 화살표 함수를 사용하다 소괄호가 아닌 중괄호를 return문 없이 작성하고 
외않되..? 하는 경우가 종종 있다.
앞으로 절대 똑같은 실수를 하지 않겠다는 마음을 담아 작성한다. 

소괄호로 감싼다면 return문을 따로 작성하지 않아도 된다.

const Button = () => (
	<button>클릭</button>
)

중괄호로 감싼다면 return문을 작성해줘야 한다.

const Button = () => {
	return <button>클릭</button>
}

중괄호를 쓰고 return문을 작성하지 않는다면 return값을 반환하지 않는다.

const Button = () => {
	<button>클릭</button>
}

console.log(Button) // undefined