[TIL] 2021/12/13 Mon -

 

 

 

 

 

Today I Learned

 

 

7주차의 첫 날이 밝았다.

 

이번 주에 배정받은 조의 조원들은 모두 안면은 있는 분들이라서 내심 다행이라고 생각했다.

 

우리 조는 Unsplash 라는 고해상도 이미지를 업로드하거나 다운받을 수 있는 사이트를 클론 코딩하기로 했는데

로그인, 회원가입 페이지의 뷰를 만들면서 정해져 있는 것을 똑같이 만드는 것도 쉬운 일은 아니라는 생각이 많이 들었다.

 

 

---

Unsplash - Login page view

 

Unsplash - Join page view

 

---

 

Clone coding - Login page view

 

Clone coding - Join page view

 

 

---

 

지금까지 항상 CSS를 어려워 했었는데 이번 클론 코딩을 통해서 많이 배울 수 있을 것 같다.

특히 영역을 잡는 게 제일 어려웠는데, div 태그를 이용해서 꼼꼼하게 영역을 잡아주는 과정 신기했다.

 

 

🤔 elements 재사용에 대한 고민

 

React 주특기 기간에 들었던 강의에서 멘토님은 미리 만들어 놓은 elements 들을 자유자재로 재사용하며 

React의 재사용이라는 측면의 이점을 톡톡히 활용하셨는데 

 

나는 저번주부터 만들어 놓은 elements들을 재사용하는 일이 어렵게 느껴졌다.

 

혼자 하는 게 아닌, 다른 사람들과 함께 하는 작업이다 보니 defaultProps로 어느 속성을 픽스시켜야 할지,

어느 정도의 속성들을 추가해야 하는 지도 감이 잘 서지 않았다.

 

그래서 결국 저번 주에는 각자 CSS 파일을 별도로 만들어서 적용하거나 styled components를 사용하는 식으로 흘러갔다.

 

이번 주는 클론 코딩이니 정해져 있는 것을 만드는 거라서 눈에 보이는 재사용이 많이 되는 요소들만 만들어 놓고 시작하려고 했는데,

결국 오늘도 만들고 나서도 잘 사용하지 않게 되거나 inline으로 속성들을 적용하느라 코드가 지저분해지거나

내 입맛에 맞게 바꾸느라고 결국 styled components를 사용하게 되는 일이 잦았다.

 

그래서 우선 반대로 필요한 것들은 한 component에 모두 작성하고

프로젝트가 끝날 무렵 혹은 끝나고 나서 내가 자주 사용한 공통된 속성들을 하나로 묶어보는 연습을 하려고 한다.