http status 처리하는 코드를 작성하면서 이부분을 if문으로 작성할까 switch문으로 작성할까 삼항연산자로 작성할까에 대한 고민을 하게되었다. 일단 작성할 땐 삼항연산자로 작성했는데 다른 분들께 의견을 여쭤본결과 많은 팁들이 쏟아져서 정리해보려고 한다.
https://github.com/toss/frontend-fundamentals/discussions/4
조건부 렌더링 처리, 다들 어떻게 처리하시나요? · toss frontend-fundamentals · Discussion #4
안녕하세요! 리액트로 코드를 작성하다 보면 조건부 렌더링을 할 일이 정말 많죠. 저는 보통 AND 논리 연산자(&&)나 삼항 연산자(?:)를 이용해서 조건부 렌더링을 처리하곤 하는데요. 최근 회사 코
github.com
마침 요즘 핫한 Toss의 frontend-fundamental 레포의 discussion에도 이와 관련해서 활발히 논의 중인 것을 확인할 수 있었다. 이 모든 정보를 종합해봤을 때..
공통: 삼항연산자를 쓸땐 중첩해서 쓰면 가독성이 매우 안좋아진다
간단한 조건일지라도 삼항연산자가 중첩이되면 위와 같이 읽기가 매우 힘들어진다. 🥹 다른건 몰라도 중첩조건에서 삼항연산자를 남발하지는 않는게 좋다.
가독성을 고려해 컨벤션을 정하면된다
단일조건일 때는 삼항연산자/논리연산자, 복수조건일 땐 Switch를 사용한다와 같은 팀내 컨벤션을 만든다.
Short-circuiting을 고려해 삼항연산자를 사용한다
short-circuiting이란 논리 연산이나 조건문 등에서, 전체 결과가 이미 결정되었을 때 이후의 불필요한 평가를 생략하는 기법이다. 삼항연산자는 true/false 조건을 통해 expression1 을 굳이 몰라도 곧바로 expression2 만가서 실행하여 short-circuiting을 보장하게 된다.
번외: Response 객체에 extension method를 만들어서 처리한다
나의 생각: 삼항연산자를 컴포지셔닝해서 조건문 처리하기
일단 나는 if문은 최대한 피하고 싶다. if 조건문은 순서에 따라 결과값이 달라지기 때문이다.
'Flutter' 카테고리의 다른 글
Theme.of(context) 사용시 주의할 점 (0) | 2025.02.11 |
---|---|
Freezed 패키지에서 Equatable 패키지로 바꾼 이유 (0) | 2025.02.10 |
Flutter에서 Stomp로 소켓통신하기 (2) | 2025.02.05 |
어떻게 플러터는 변경된 위젯만 콕찝어서 다시 페인팅할 수 있는걸까? (0) | 2025.02.02 |
Stateless Widget 과 Stateful Widget 의 선택 기준 (0) | 2025.02.02 |