[book-store] 폴더 구조 통일 및 페이지 UI 구현

yujin·2023년 2월 21일

프로젝트

목록 보기
4/26

[2023.02.16 - 2023.02.17]

처음으로 대면으로 만나서 회의를 했습니다!
오피스아워 시간에 코치님께서 폴더 구조를 통일한 후 다른 팀원들이 받아와서 사용해야 merge할 때 에러가 많이 나지 않을 거라고 조언해 주셔서 폴더 구조를 정하고 통일했습니다.
또, 이번주까지 각자 담당한 페이지의 UI 구현을 완료하기로 해서 16일 오후부터 17일까지는 페이지 UI구현을 했습니다.


📌 1. 폴더 구조 통일

저희는 먼저 아래의 사진과 같이 각자 담당한 부분에서 필요한 Component들을 정리하고 공통으로 사용할 수 있는 Component들을 표시했습니다.

다음으로, 작성한 Component 내용을 바탕으로 아래 사진처럼 폴더 구조를 정리했습니다.

정리한 코드 구조를 code에 반영해 구조를 통일했습니다!


📌 2. 오늘의 느낀점

이렇게 팀끼리 만나서 회의하며 폴더 구조를 정하는 것은 처음해보았는데요, 간단할 줄 알았는데 생각보다 오래걸리고 생각할 것도 많았습니다. 우선, 저는 Component를 정리하기 위해 Figma를 보며, 각 페이지를 어떻게 구성할지 생각하는 과정이 조금 어려웠습니다.
특히 페이지의 어떤 특정 부분을 Component로 만들지, 아니면 그냥 한 페이지로 만들지 결정하는 것, 그리고 어떤 부분을 하나의 UI만 만들어서 재사용하고 싶은데 그게 가능할 지 생각하는 것이 어려웠던 것 같습니다.
저는 이와 같은 상황에서 제 생각을 팀원분들께 말하고 어떤게 나을 지 의견을 구하며 정했습니다.
이렇게 구조를 다 잡아놓고 나니, 오히려 어떻게 만들어야 할 지 감이 잡히는 것 같습니다!

0개의 댓글