FE_황수빈
이번주 한 일(개발 첫째 주)
•
초기 세팅
◦
개발 환경 세팅 및 Routes 설정
◦
디자인 시스템 구축 & GlobalStyles, Theme 사용방법 작성
•
UI 구현
◦
공통 컴포넌트(Header&Footer&CardItem) UI
◦
메인 페이지 UI
◦
검색 페이지 UI
◦
게시글 상세 페이지(Post) UI
◦
게시글 작성 1~3단계(step1,2,3) UI
Keep
•
UI 설계: 팀원들이 쉽게 이해할 수 있도록 코드 작성. 기능 구현 시에도 가독성을 우선적으로 고려
•
디자인 통일성: Shadcn UI 라이브러리를 사용해 전체적인 디자인에 일관성을 유지
•
코드 스타일 유지: 사전에 정한 네이밍 규칙 및 코드 스타일을 준수하여 일관되게 작업
•
원활한 소통: 논의가 필요한 부분은 FE와 BE 팀원 모두에게 공유해 신속하게 결정
•
Git Flow: Git Flow 전략을 통해 각 이슈별로 feature/~ 브랜치를 생성해 작업하고, 완료 후 PR + 코드리뷰를 통해 develop 브랜치에 병합
•
커밋 메시지 통일: 커밋 시 깃모지와 함께 ‘깃모지 + 커밋 내용 + (#이슈 번호)’ 형식으로 메시지 작성. 추후 깃모지 사용은 자동화할 계획
Problem
•
와이어프레임 변화: UI를 실제로 구현하는 과정에서 와이어프레임의 빈번한 수정이 발생. 일부 페이지는 와이어프레임을 아예 변경되거나, 작은 변경사항들이 많아지면서 예상보다 시간이 많이 소요됨
•
UI 구현과 소통 문제: 와이어프레임과 ERD를 비교할 때 서로 이해가 되지 않는 부분들이 발생. 이로 인해 FE 팀원들 간에도 각자 다르게 이해하는 경우가 있었고, 그 결과 UI 구현 과정에서 여러 차례 수정이 필요했음. 이러한 문제는 소통의 미흡함으로 인해 발생한 것으로 보임
•
Git 협업 난이도: 팀원들과 함께 사용하는 협업 경험이 처음이라 Git을 사용할 때 예상보다 어려움이 많았음. Git Flow 전략을 따르며 발생한 각종 오류로 인해 많은 시간을 소모하였고, 기능 개발에 충분한 시간을 할애하지 못함
Try
•
UI 통일 전략: 와이어프레임을 기반으로 1차적인 UI 작업을 완료한 후, 기능 개발을 우선적으로 진행. 모든 기능이 거의 완료된 시점에 UI를 다시 통일하여 마무리할 예정
•
소통 강화: FE와 BE 간의 소통은 원활했지만, 초기 기획과 실제 구현 간의 차이로 인해 더 많은 커뮤니케이션이 필요하다는 점을 깨달음. 앞으로 더욱 세심하게 소통에 신경 쓸 예정
•
Git 익숙해지기: Git 사용에 익숙해지는 것이 협업의 핵심. 처음으로 Git Flow를 협업에 도입한 만큼, 기능 개발만큼이나 Git 활용 능력 향상에 시간을 투자할 계획