1차 프로젝트 위차차 회고 1
팀 위차차!
🎥 PROJECT_WETCHAPEDIA | 윗차피디아
윗차피디아 UI/UX 메인 서비스
- 각 영화에 대한 정보를 접근할 때, Entry Point를 Feed 형식으로 제공합니다.
- 사용자의 편의성을 위해, Info-Extension에 대해 Carousel-Slider 기능을 제공합니다.
- 영화 평점을 매길 때, 별점 UI를 제공함으로써 가시성(Visibility)을 증대시킵니다.
윗차피디아 API 메인 서비스
- WETCHAPEDIA에 게시된 평점 평균별 영화 리스트 및 상세정보를 제공합니다.
- WETCHAPEDIA 회원이 시청한 영화의 평점, 댓글, 찜목록 등록을 제공합니다.
- WETCHAPEDIA에 등록된 영화를 검색하여 총 별점 점수, 장르, 국가 등의 리스트를 한눈에 볼 수 있습니다.
- 사이트 링크 : https://pedia.watcha.com/ko-KR
🚀 TEAM_WECHACHA | 윗챠챠
👫 팀원
- Front-end: 안재우, 전창민, 정지후, 최병현(PM)
- Back-end: 박대현, 박민정, 장재원
개발 기간
- 기간: 2021년 11월 01일 ~ 2021년 11월 12일(12일간)
적용 기술
- Front-end: React(Class-Component)_reactr-router-dom, SCSS)_MIXIN/Nesting/VARIABLE, JavaScript(ES6)
- Back-end: Django, Python, MySQL, jwt, bcrypt, AWS(EC2, RDS)
- 협업툴: Trello, Slack, Notion, Github, dbdiagram, postman
목차 :
1. 프로젝트를 진행하며.
2. 프로젝트를 진행하며 느낀 점 및 반성할 점.
3. 프로젝트를 진행하며 본 코드 중 인상 깊었던 코드.
4. 프로젝트 마무리
1. 프로젝트를 진행하며...
- 개발자로써 처음진행하는 프로젝트였다. 솔직히 말하면 긴장반 기대반이었던 것같다 여러가지 생각이 많았던 것 같다. 내가 지금 이 수준으로 프로젝트를 진행해도 괜찮을 걸까? 사람들에게 폐를 끼치진 않을까? 여러가지 생각이 많았다. 그렇게 1차프로젝트는 시작되었다. 팀이 발표가 되고 서로간에 인사를 나누고 프로젝트에 대한 회의를 진행하였다.
- 1일차
- 1일차에는 처음에 조끼리 나눠서 1차 planning meeting을하였다. 초기세팅은 어떻게 할건지 역할은 어떻게 분담할건지 여러가지로 서로 처음 프로젝트를 진행하면서 회의를 나눴다. 그리고 서로의 규칙도 만들었고 가장 중요한 문제였던 우리가맡은 영화소개페이지인 왓차피디아의 영화 포스터를 저작권에 안걸리게 어떻게 해야하는지도 많은 얘기를 했다. 2차 planning meeting는 멘토님들과 같이 하였다. 멘토님들께서도 우리가 먼저 얘기를 나눴던 저작권에 대한 이야기를 해주셨고 어떤식으로 프로젝트를 진행할지에 대한 조언을 많이 주셨다. 그 이후에
프론트엔드와 백엔드로 나눠서 각자의 초기 세팅을 진행했다.
- 2~5일차
- 본격적으로 각자맡은 역할에 대한 프로젝트 시작!
각자맡은 페이지
지후님 - Nav, Footer
창민님 - Detailpage
병현님 - mainpage
나 - Login, Register
내가 맡은 로그인페이지는 처음에는 각각의 페이지를 다른 컴포넌트로 만들었었다.
그냥 하드코딩했지 뭐... 로그인페이지와 회원가입 페이지를 만들고 나서 바로 모달 기능에 몰두 했다. 어떻게 기능을 구현해야하지 감이 안잡혀서 엄청나게 구글링했던 것 같다. 여러가지 사이트를 보다가 한 페이지에서 state값을 기본적으로 false값으로 넘겨주고 setstate로 true값으로 변경하는 버튼에 연결해서 구현을 했다는 사이트를 보고 해봤다.
이런식으로 구현을 해봤더니 모달창이 구현이 됬다. 여기서 개발자의 딜레마를 겪어봤던것 같다 이게 왜 되는거지? 하면서 웃었던것 같다.
이렇게 구현을 해봤더니 신영(천사!)님께서 제안을 해주셨다. 지금처럼 두개의 component를 만드는 것보단 하나의 컴포넌트로 재활용을 해보시는게 어떨까요? 라고 하셨다. 그말씀을 듣자마자 실행!
다음편에 계속~~
프론트개발자