코드잇 스프린트 9주 차 위클리 페이퍼

코드잇 스프린트 4기

9주 차 위클리 페이퍼

 

https://velog.io/@sksms2104

 

 

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

장점

• className이 겹치는 것을 걱정할 필요가 없었다.
• props를 활용한 조건부 스타일링이 편했다.

단점

• VSCode에서 컴포넌트 태그는 초록색으로 나타나는데 HTML 태그가 없이 전부 초록색 태그만 보이니까 가독성이 안좋다고 느껴졌다.
• 일반적인 컴포넌트로 HTML, CSS 작업 하다가 CSS-in-JS를 사용하니까 적응이 어려웠다.

 

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

관심사의 분리(Soc; separation of concerns)를 하는 하나의 방법으로 하나의 컴포넌트에서 비지니스 로직과 뷰(UI)를 처리하던 것을 비지니스 로직을 처리하는 컴포넌트(Container Component)와 뷰를 처리하는 컴포넌트(Presentational Component)를 나누는 디자인 패턴이다.

 

현재는 React의 Custom Hooks을 사용해서 대체하고 있다.

 

Presentational Component

• 뷰(UI)와 관련된 컴포넌트이다.
• props를 통해서 데이터를 받고 화면에 표현한다.

Container Component

• 비지니스 로직과 관련된 컴포넌트이다.
• 렌더링과 관련된 것을 하지 않는다.

 

 

감사합니다.