조건부 내용 출력하기

react의 조건부 내용을 출력하는 방법은 2가지 있다.

JSX에서 조건을 걸어주는 방법

위의 방법은 내가 주로 사용했던 방법이다.
중괄호에 삼항연산자로 조건을 걸어주는 방법이다.
하지만 이 방법은 조건부가 길어지므로 가독성이 떨어지는 단점이 있다.

위의 방법은 엔드 연산자를 사용하는 방법이다.
두개의 독립 표현식으로 조건을 따로 분기해 주므로 좀 더 가독성이 좋을 수 있다.

변수로 조건을 걸어주는 방법

return을 반환하기 전 if문으로 편집하는 것을 이용한 방법이다.
컴포넌트 함수 안에 JSX로직을 갖게 된다.
이 방법은 깔끔한 JSX를 반환하며 가독성이 좋다.