1차 프로젝트 회고록

1 Mar 2021

✨✨ 와디즈 클론 프로젝트 ✨✨

🎈 와디즈란?

와디즈는 도전하는 기업이 사람들의 지지를 받고 성장할 수 있도록 돕는 크라우드펀딩 플랫폼 !

🎈 프로젝트 기간은 ?

2021 / 02 / 15 ~ 2021 / 02 / 26 (12일)

🎈 팀 이름은 ?

“위갓디즈”

🎈 팀 구성은 ?

Front-End : 정민님, 사랑님, 혜성님(나) / 총 3명
Back-End : 동근님, 지윤님, 호진님, 민지님(PM) / 총 4명

🎈 기술 스택은 ?

Front-End : HTML / CSS / JavaScript / React / CRA / React DOM / React Router DOM / Sass / Slick / RESTfulAPI
Back-End : PYTHON / Django / bycyrpt / pyjwt / RESTfulAPI / Aquery Tool / MYSQL / core header
공통 : Notion / Slack / Trello / Git / GitHub / Zoom / Google Meet

🎈 기능 구현은 ?

: 회원가입 / 로그인 / 마이와디즈 / 메인페이지 /상품상세페이지 / 결제페이지

🎈 내가 맡은 기능은 ?

로그인 / 정규 표현식 사용하여 이메일 비밀번호 validation 구현
로그인 / 로그인 후 token 사용하여 navbar 핸들링
회원가입 / 정규 표현식 사용하여 이메일 비밀번호 validation 구현
마이와디즈 / 유저 정보 및 상품 리스트 API 통신
마이와디즈 / 펀딩 및 좋아요 탭 메뉴 컴포넌트 전환 구현

🎈 위갓디즈팀 구현 영상 🎈

💜 첫번째 프로젝트 💜

2주의 Pre-Course와 2주의 Foundation기간을 무사히 마치고 1차 프로젝트로 프론트엔드 3명 그리고 백엔드 4명해서 총 7명으로 “와디즈”를 구현하게 되었다 ! 구현할 기능을 조율하는 과정에서 프론트엔드의 수가 적어서 사이트의 많은 부분을 제외시켰지만 백엔드분들께서 이해해주셔서 감사한 마음으로 프로젝트를 진행할 수 있었다! 그렇게하여 우리가 구현할 페이지는 “회원가입 / 로그인 / 마이와디즈 / 메인페이지 /상품상세페이지 / 결제페이지” 였고, 1차 플래닝 미팅에서 지영님께서 위스타그램 때 회원가입/로그인 부분이 부족하다고 생각하면 이 계기로 그 부분은 더욱 다질 수 있으니 혹시 할 사람이 있냐고 해서 내가 하겠다고 하였다! 내가 생각하기에 위스타그램 당시 로그인 / 회원가입 부분이 100% 완벽했다고 생각하지 않았기 때문이다

💜 내가 맡은 부분 💜

그리하여 내가 맡은 부분은 크게 “로그인”, “회원가입”, “마이페이지”이다. 회원가입과 로그인 시, 정규표현식을 이용하여 이메일과 비밀번호의 validation을 구현하였다.그리고 마이페이지의 경우 백엔드와의 API 통신으로 유저정보와 펀딩한 목록, 좋아요한 리스트를 받아서 뿌려주었다.

💜 기억에 남는 일 💜

솔직히 다른 프론트엔드 분들에 비해 내가 구현한 기능은 작다. 이후 정민님께서 만든 nav와 나의 회원가입/로그인/마이페이지를 붙여보니 로그인 시, 토큰의 여부로 nav가 “로그인/회원가입”이냐, “마이페이지,로그아웃”이냐를 결정짓는 부분이었는데 이 부분에서 조금 문제가 있었다! 그것은 바로 로그인 후 새로고침을 해야지 nav가 변경되는 부분이었다. 그리하여 정민님께 이야기를 했더니 그러면 혜성님께서 이 부분을 맡아주실 수 있냐 하셔서 이 부분을 따로 맡게 된 것이다 ! 이후 이리저리 구글링과 멘토님들께 물어봐서 로그인 시, 토근의 여부로 nav를 바꿀 수 있게 된 것이다 ! 이 기능과 관련해서 정민님께서 만든 nav인데 나에게 마무리를 맡겨주셔서 매우 감사하게 생각하고 있다 😭 그리고 이후 정민님께서 이 부분은 혜성님께서 이리저리 알아보고 찾은 결과이니 혜성님이 만드신거라고 했을 때 속으로 정말 감사함을 느꼈다..😭
로그인/회원가입/마이페이지 부분의 통신은 모두 PM이신 백엔드 민지님과 진행하게 되었다! 민지님께서는 프로젝트의 PM으로서 바쁘셨을 텐데 나의 레이아웃이 나옴과 동시에 통신할 수 있게끔 준비하여 주셨다 ! 그리고 내가 임시로 맞추어둔 Momk Data로 맞추어주셔서 통신할 때 오류나는 부분이 전혀 없었다 ! 그리하여 빠르게 맞추어 볼 수 있었다!

💜 기억하고 싶은 코드 💜

Menu Tab “펀딩한/좋아한”을 구현하는 데 있어 클릭 시 style이 변경되어야했다. 이를 구현 하던 중에 단순히 클릭 시 아래 컴포넌트가 바뀌는 것은 쉬웠으니 Tab에 스타일도 함께 변경되어야 하니 약간 멘붕이었다. 그래서 처음 코드를 정말 단순하게 짰지만, 시간을 더 투자해 코드 리팩토링을 한 결과 위와 같이 구현할 수 있게 되었다! 이를 구현하고 난 뒤 기쁨이 말로 다하지못했다 😝 지금은 Tab이 2개뿐이라 위가 더 효율적인거 아닌가?할 수도 있지만 내용이 더 많아질수록 아래 코드처럼 사용하는게 더 효율적이다❗️

💜 아쉬운 점 💜

프로젝트 기간 중에 더 많은 기능을 구현해내지 못한 것이 아쉽다! 다른 분들은 정민님과 사랑님이 옆에서 열심히 고군분투 중이었으나 내가 옆에서 같이 그 힘듦을 나눌 수 없었던게 아쉬웠다. 그리고 최종 프로젝트 발표 후 보니 내가 맡은 부분이 제일 적었음을 알고 약간 충격먹었었다…!! 나만 뒤쳐진게 아닌가 걱정도 많이 들었다. 그래도 같은 팀원들이 많이 해줬다고 해서 감동먹었다 ㅠ.ㅠ 그래서 2차 프로젝트 때는 솔직히 쬐끔..욕심내고싶다 ! 그러기 위해서는 내가 더 많은 시간 투자와 공부가 기본이 되어야 한다 !!! 나의 욕심일 수도 있으나 내가 조금 더 맡아서 백엔드와의 기능 조율에서 제외시키는 일이 없게끔 하고싶다 !!!!!!!

💜 최종 후기💜

위코드에서 한 달 후 이렇게 모여서 1차 프로젝트를 진행하니 너무나도 재미있었다 ㅎㅎ 백엔드와 첫 통신은 위스타그램 당시 로그인/회원가입 이었는데 이제 이렇게 완전히 팀을 구성하여 로그인/회원가입 뿐만 아니라 상품목록 등등 막 통신되고 하니 진짜 신기하고 이게 배우는 맛인가 싶기도 하였다! 우리 위갓디즈 팀원들 밤낮으로 진짜 고생많이 하였다 ㅠㅠ 토요일 일요일도 다함께 프로젝트를 위해 강남역 스터디 카페에 모여서 진행하였다 ! 그리고 점심 사러 나가는 길에 부서진 나의 마우스를 사기 위해 민지님,지윤님께서 함께 카카오프렌즈샵에도 함께 가주셨다 🙌🏻 🙌 🙌🏻 혼자하는 프로젝트가 아닌 다함께하니 혼자하는 거보다 백배 천배 너무나도 재미있었고 즐거웠다 ✨ ✨ ✨

💜 사진으로 보는 위갓디즈💜

👉🏻 강남역에 모여 프로젝트중인 위갓디즈!

👉🏻 간식들!

👉🏻 PM민지님께서 사주신 커퓌!

👉🏻 정민님께서 사주신 커퓌!

👉🏻 프로젝트를 마친 후 위갓디즈!

👉🏻 프로젝트를 마친 후 위갓디즈(2)!

👉🏻 회고회의!

👉🏻 진짜로 이제 집가기 전 한 장!

곧 있을 2차 프로젝트에 서로 다른 팀으로 구성되겠지만 함께 1차 프로젝트를 하는 기간동안 저는 위갓디즈 팀원분들을 통해 많이 배울 수 있는 계기가 되었습니다. 여러분들 너무나도 감사합니다 ✨ 위갓디즈팀 ✨ 동근님🙇🏻‍ / 지윤님🙇🏻‍♀️ / 호진님 🙇🏻‍♀️/ 민지님🙇🏻‍♀️ / 정민님🙇🏻‍ / 사랑님 🙇🏻‍♀️

회고