Atomic Design (1) 썸네일형 리스트형 [React] 리엑트 디자인 패턴: 컴포넌트와 합성 컴포넌트 컴포넌트란 무엇인가 컴포넌트 커스터마이징과 props 분기처리 문제 컴포넌트 설계 원칙(solid 원칙) 아토믹 디자인 시스템 합성 컴포넌트 컴포넌트란 무엇인가 정의 추상적인 수준에서 컴포넌트는 독립적으로 작동가능한 모듈을 의미한다. 거친 예시로는 html의 각 태그이다. 이들은 각자가 독립적으로 사용가능하다. 정적인 웹이 대세를 이루던 시절(웹 1.0)에는 컴포넌트의 개념 대신, 페이지라는 개념이 주로 사용되었다. 페이지는 서버단에서 모든 데이터를 처리한 후에 전송되었고 추가적인 데이터를 받으려면 다시 페이지를 전송해야 했다. 하지만, ajax가 등장하고 웹 브라우저가 돌아가는 개인 pc의 성능이 좋아지면서 페이지의 주요 요소가 각자의 데이터 패칭과 비즈니스 로직으로 움직일 필요성이 생겨났다.(날씨 컴.. 이전 1 다음