[TIL] 20210720 마켓컬리 클론코딩 5일차 , 검색기능, 주소 api

오늘 한일

1. 메인 페이지 물품 불러오기

2. 상세페이지 데이터불러오기

3. 검색기능

2021.07.20 - [WEB/REACT] - [REACT] 마켓컬리 클론코딩 - 검색 기능 구현하기

4. 주소 api사용

2021.07.21 - [WEB/REACT] - [React] react-daum-postcode로 주소 api사용하기

5. 주문서 페이지 만들기

 

---

실제로 프로젝트를 하다보니까 리액트가 익숙해지고

예전에는 한참 걸렸을 기능도 훨씬 빠르게 만들어내는 모습이 신기하다.

그런데 한가지 내가 걸리는 점은 , 지금 이 프로젝트에서는 뷰를 컴포넌트 스타일로 하고있는데

이 부분이 좀 걸린다.

이유는

1. 공통 컴포넌트를 만들었지만 특정 파일에서만 필요한 컴포넌트 같은 경우에는 그냥 그 파일안에서 만들어서 쓰고 있는데 그런 컴포넌트가 꽤많다.

2. 공통 컴포넌트를 쓰는 것이 개별적으로 스타일을 만들어서 사용하는 것 보다 적용하는 것이 어렵다.

협업하는 것이니까 계속 파일을 수정하다가 충돌이 나는 것 때문에 개별적으로 만들어서 사용하고 있다.

하지만 수업때는 공통 컴포넌트를 만들어서 사용했으니까 이게 맞는 방법일까? 이런생각이 든다.

(Grid, Button, Text같은 것)

이 부분에 대해서는 구글링을 해봤을 시,

인터렉션과 속도가 중요한 서비스에서는 css in css방식을 사용하고

그렇지않다면 css in js(styled-components)를 사용해도 좋다고한다.

튜터님께 여쭤봐야겠다.