위클리 페이퍼 9주차

본인이 생각하는 CSS-in-JS의 장점과 단점을 설명해 주세요.

• 장점으로는 각 컴포넌트에 대해 스타일을 작성할 수 있기 때문에 컴포넌트 기반 개발 방식과 잘 어울리고 스타일의 재사용성과 모듈성을 높일 수 있다는 점이 있고 각 컴포넌트의 스타일은 독립적으로 동작하기 때문에 다른 컴포넌트에 영향을 주지 않으며 가독성과 유지 보수성을 향상시켜 준다는 점이 있습니다.

• 단점으로는 스타일을 동적으로 생성하고 적용하기 때문에 런타임에 일부 오버헤드가 발생할 수 있으며 큰 규모의 애플리케이션에서 성능에 영향을 줄 수 있다는 단점이 있습니다.

Presentational & Container 디자인 패턴에 대해 설명해 주세요.

• Presentational은 주로 UI의 외관과 표현을 담당하며 사용자에게 정보를 보여주거나 인터랙션을 처리하는 역할을 수행합니다.
  
  특징은 데이터를 직접 가져오지 않으며, 부모 컴포넌트로부터 전달받은 props를 사용하여 데이터를 표시하고 주로 함수형 컴포넌트로 작성된다는 것이 있습니다.

• Container는 Container 컴포넌트는 Presentational 컴포넌트들을 관리하고, 데이터를 가져와 Presentational 컴포넌트에 전달하는 역할을 합니다.
  
  특징으로는 Presentational 컴포넌트들을 래핑하고, 필요한 데이터를 가져와 Props로 전달하고 주로 클래스형 컴포넌트로 작성된다는 것이 있습니다.