유틸리티 컴포넌트 : Map & Show
나는 다른 라이브러리나 프레임워크의 공식 문서를 보면서 좋은 코드에 대한 아이디어를 얻는 편이다. 그리고 어제는 SolidJS를 살펴보다가 굉장히 재미있는 아이디어 하나를 캐치할 수 있었다.기존에 나는 특정 조건에 따라 컴포넌트를 다르게 처리함에 있어 아래와 같은 방식으로 코드를 작성했다. 아주 일반적인 방법이지만 컴포넌트와 JS 로직이 뒤섞여서 전체적인 코드의 통일감을 해친다는 인상을 받았다.export default function Comp() { const [count, setCount] = useState(0) const list = [1, 2, 3, 4, 5] return ( {count > 5 ? "숫자가 5보다 커요" : "숫자가 5와 같거나 작아요"} ..