2차 프로젝트 후기 "Function Of Beauty"

corete·2020년 11월 14일
1

🙋‍♂️ 프로젝트 소개

펑션오브뷰티(Function Of Beauty) 는 맞춤형 헤어,스킨 및 바디 케어 제품을 판매 하는 사이트 입니다. 자신의 몸에 맞는 유형을 퀴즈로 풀고 자기에 맞는 제품을 추천해 자신의 각인도 세길 수 있는 서비스도 있습니다.
자신의 맞는 제품을 찾아보고 싶다면~~? Function Of Beauty 로 사러가볼까요 !?

🗓 프로젝트 기간

  • 2020.11.02 ~ 11.13 (11일)

👨‍👨‍👧‍👦 팀원

FrontEnd (4명)

  • 김보경
  • 김정현
  • 이지영
  • 임수현

BackEnd (2명)

  • 허소정(PM)
  • 김예진


🎬 데모 영상


!youtube[qM-2oUBUGS8]


  • 저작권 문제로 포스터,로고를 못써서 똑같이 클론을 못한게 아쉬웠다.


🖥 기술 스택

개발도구

  • HTML, CSS
  • JavaScript(ES6+)
  • React
  • CRA
  • Slick library
  • AOS library

협업 도구

  • Git & Github 는 개발자의 필수 도구!!
  • Git Rebase 로 협업 경험!!
  • Trello 로 전체적인 일정 관리와 팀원들의 작업 현황을 파악했어요.

👍 구현 기능

내가 맡은부분 : ✅

1. 회원가입, 로그인 페이지

  • 카카오톡 소셜 로그인 기능
  • 회원가입 유효성 검사 기능
  • local Storage 를 활용한 로그인 기능

**2. 메인 페이지 **

  • 애니메이션 효과 ✅
  • 제품리스트 옆으로 넘어가는 슬릭 기능 ✅
  • 제품리스트 + 상단바 데이터 받아와서 보여주기 ✅
  • 제품 클릭시 해당제품 상세페이지로 넘어가는 기능 ✅

3. 상세 페이지

  • 제품 사진 + 리뷰 슬릭 기능
  • 제품 리스트 + 리뷰 + 이미지 데이터 받아오기

4. 리뷰 페이지

  • 제품 리뷰 그래프 표시 + 이미지 변화
  • 리뷰 4단 필터 기능

5. 퀴즈 페이지

  • 제품 병 색깔 선택시 병 색깔 변경 기능
  • 제품 병 안에 원하는 각인 입력 기능
  • 자신의 타입들을 local Storage에 저장 기능
  • 모든 데이터 백엔드에 전송후 장바구니에 데이터 담기

6. 어바웃 페이지

  • 우리의 추억 레이아웃 + 애니메이션 효과 ✅

7. 장바구니 페이지

  • 퀴즈에 넘어온 데이터 보여주기


👀 내가 구현한 기능

추후 추가할 예정




😊 좋았던 점

백엔드와 소통이 수월해지고 있다

1차 프로젝트 중에는 백엔드가 무엇을 하고 있는지, 내가 필요로 하는 게 있다면 어떻게 말을 해야 될지도 몰랐는데
아직 부족하긴 하지만 2차 프로젝트를 하면서 백엔드가 어떻게 진행이 되고 있고, 이 부분에서는 내가 이런 식으로 소통하면 되겠다는 틀이 잡혀서 대화를 하는 게 편안했다.

Git Rebase ....

솔직히 처음 Git Rebase를 소개하고 쓰라고 했을 때 "저걸 굳이 왜 써야 하지?" 하면서 의문점도 들고 복잡하니까 쓰기 싫었지만 사람은 적응하는 동물이라고 쓰다 보니 또 적응이 되긴 했다...
완벽하게 쓰는 이유와 활용법을 익힌 건 아니지만 혼자서 하는데 문제가 없었기 때문에 나중에 현업에 가서도 한번 써봤기 때문에 살짝 자신감도 생길 거 같다.


😥 개선하고 싶은 점

1차때와 똑같은 리팩토링...신경....

1차 프로젝트 끝나고 리팩토링의 중요성을 느끼고 굳게 다짐을 하면서 2차 프로젝트에 임했지만...이번 2차 프로젝트도 리팩토링에 신경을 많이 못썼다.
중요한 걸 알면서도 눈앞에 있는 기능이 우선시 되는 건 어쩔 수 없는 거 같다ㅠ
계속 반복될 거 같긴 하지만... 리팩토링 신경 쓰자....

집중을 못했다

2차 프로젝트에는 새로운 기술 Hooks / styled components를 적용해야 해서 공부할 것도 많았고 신경을 쓸 것들도 많았는데 새로운 기술을 적용하려고 하니 마음만큼 잘 되지도 않았고 기업 협업에 신경을 너무 썼더니 1차 프로젝트에 비해 정말 집중을 못 했고 내가 맡은 페이지 결과물이 내 마음에는 들지 않았다.
마지막 프로젝트라서 정말 잘하고 싶은 마음이 컸는데 집중을 못 해서 결과가 아쉽긴 하지만 이번에 느낀 걸 발판으로 다음에는 나 자신을 더 컨트롤 잘해야겠다.


🤞 마지막으로 ...

정말 재밌었지만 미안함이 많이 드는 팀...

나는 정말 팀운이 좋은 건지 이번에도 좋은 분들을 만나서 재밌게 프로젝트를 진행했다.
처음에는 무난하게 스타트가 좋게 출발을 했다. 며칠이 지나면서 새로운 기술들도 적용하려 하고 내가 가장 중요하게 느꼈던 기업 협업 리스트도 나오고 하다 보니 프로젝트에 완전히 빠져서 집중을 하지 못 했던거 같다.
계속 코드를 치고 수정도 하고 했지만 뇌를 빼고 그냥 치기만 하다 보니 1시간 걸릴 거 몇 시간 동안 잡고 있었다. 그렇다보니 당연히 결과물도 제대로 나오지 않고 집중력도 자동 다운...
내가 처음에 생각했던 방향으로 흘러가지 않았고 내가 맡을 수 있는 부분도 하지 못했고 내가 도움 줄 수 있는 부분에서도 팀에 도움이 되지 못했다고 생각한다.
그래서 정말 재밌게 프로젝트를 진행했지만 팀적으로는 미안함이 많이 드는 팀이다...
팀으로써는 정말 만족스러운 프로젝트였고 결과물도 잘 나왔지만 개인적으로 나를 평가하기엔 내 스스로가 많이 부족한 점이 많았다고 느껴지는 프로젝트였다.
이번에 느낀 감정을 잊지 않고 다시 돌아보면서 나를 성장하는 데 도움 되게 할 것이다.

Function Of Beauty 사이트를 클론한
Beauty Of Function 팀원 전부다 고맙구 미안하기도 하구 재밌기도 했고 행복하기도 했고
그냥 좋았어요 좋은 팀 만나서 2주간 좋은 추억이 생겼어요. 다들 감사해요!!😃

3개의 댓글

comment-user-thumbnail
2020년 11월 16일

간지가 나네요

답글 달기
comment-user-thumbnail
2020년 12월 16일

퍼가요~!

답글 달기
comment-user-thumbnail
2020년 12월 16일

정현님 덕분에 저도 즐겁게 팀프로젝트 할 수 있었어요! 저는 미안함보다 고마움이 더 많이 드네요! 정현님 덕분에 잘 마무리했으니 미안해하지 마시길!!

답글 달기