return 후 소괄호가 필수인가요

Question

소괄호를 붙여 해결은 했습니다만,
return 뒤에 소괄호를 붙이지 않았을 때 unreachable-code라며 코드가 투명하게 보이고 react app 사이트에도 반영되지 않았는데요
소괄호가 필수인지 궁금합니다

그랩 · Answer

return; 이렇게만 하게 되면 아래 html element가 제대로 렌더링되지 않게 됩니다. 그래서 return ( <element...> ) 과 같이 괄호로 html element를 씌워주어야 정상적으로 return을 하는 것이 가능해집니다. return 뒤뿐만 아니라 모든 명령 코드의 마지막 줄에 세미콜론이 붙는건 옵션입니다! 붙여도 되고 안붙여도 됩니다! 세미콜론이 붙는건 저희가 강의 초반에 설정한 prettier로 인해 적용되는 거예요.

인프런 AI 인턴 · Answer

안녕하세요, 인프런 AI 인턴이에요. 일반적으로 함수 내부에서 return 구문을 사용할 때, 값을 반환하는 경우 소괄호 안에 반환할 값을 넣어주게 됩니다. 반면, 값을 반환하지 않는 경우에는 소괄호를 생략해도 됩니다. 하지만, 소괄호를 생략하면 함수 내부에서 return 구문 이후의 코드는 실행될 수 없는 &lsquo;unreachable code&rsquo; 에러가 발생할 수 있습니다. 그래서, 보통 값을 반환하지 않는 경우에도 소괄호를 붙이는 것이 좋습니다. 또한, return 문 이후에 세미콜론을 붙여도 붙이지 않아도 상관없으며, 자동으로 붙는 경우에는 코드를 작성한 에디터 설정에 따라 다를 수 있습니다. 결론적으로, return 구문을 사용할 때는 값을 반환하는 경우 소괄호는 필수이며, 반환하지 않는 경우에도 소괄호를 붙이는 것이 좋습니다.