사이드 프로젝트 6일차

오늘 진짜 로그인 모달 화면 구현 하려고 했는데

footer 영역이랑 사이드바 쪽 다시 구현 하느라 못했다;;

 

디자인은 그냥 깔끔한 인스타그램 따라서 만들고 있는데

정말 UI/UX 의 디테일은 정말 끝이 없는거 같다

사이즈 반응형으로 만들고 있는데

거기에 맞게 footer, header 영역을 다시 구현 하느라 시간을 꽤나 많이썻다

그래도 tailwindCss 덕분에 이런 반응형도 금방 금방 구현할 수 있어서 꽤나 편한거 같다.

 

그리고 사이드바에서 애니메이션 영역도 하나 추가했는데

사이드바에 존재하는 검색 아이콘을 클릭하면 

사이드가 늘어나는 애니메이션으로 

새로운 검색창이 생기게끔 개발을 진행했다

 

반응형이다 보니 모달 사이즈도 반응형에 맞게 개발을 다시 진행을 해야한다

모바일 사이즈의 모달 사이즈도 줄여야 하고. 

지금 모달 사이즈 전체적으로 뭔가 좀 이상하다..

그래서 모달은 이미 검증된 라이브러리로 대체할까 고민중인데...

아마 tailwindCss 도 컴포넌트형 ui를 지원하니까 분명 모달로 있을껀데

컴포넌트 까지 끌고 와버리면 너무 모듈이 헤비하지 않을까 그런 고민도 했다..

무튼 다음주 안에는 사이드바 검색창 + 모달 반응형 디자인으로 완성하는것을 목표로 작아야 겠다

 

현재 개발하면서 고민은 컴포넌트를 만들면서 네이밍과 폴더 위치를 어떻게 해야 가독성 있는 

구조를 가져올 수 있을까에 대한 고민도 하고 

각 컴포넌트가 책임져야할 목표들도 분명하게 정하는 시간도 가져야 할거 같다

그리고 일관성 있는 코드를 어떻게 해야 유지 할 수 있을지에 대한 고민도 하는 시간이였다.