프로젝트 소개
작업기간
2021 / 11 / 15 ~ 2021 / 11 / 26 (총 12일)
팀 구성
프론트엔드 3명, 백엔드 : 2명
공통 기술 스택
- Git & Github
- Slack
- Trello
- Postman
프론트 기술 스택
- ReactJS(Functional Component, react-router-dom v6)
- Styled-Components
- JavaScript
- HTML/CSS
프로젝트 구현 목표
- Pinterest 사이트를 모티브 한 이미지 공유 사이트를 개발합니다.
- 카카오 소셜 로그인 서비스를 제공합니다.
- 사진들을 매직그리드 및 무한스크롤 기능을 통해 제공합니다.
- WINTEREST 회원이 본인 로컬에 있는 사진을 저장하면 마이페이지에 등록합니다.
- 원하는 카테고리를 검색하면 해당 사진들을 제공합니다.
결과 화면
navigation bar 검색 기능
upload 페이지 미리보기 기능
upload 페이지 파일 저장 기능
내가 구현한 기능
- navigation bar, 페이지 전환 기능 구현
- navigation bar, 키워드 검색 기능 구현
- access token을 활용한 로그아웃 기능 구현
- upload page 레이아웃 및 이미지파일 미리보기 기능 구현
- formdata를 이용하여 이미지파일과 Text 데이터 전송
잘한 점
-
백엔드 팀원과 활발한 소통을 통해 프로젝트 진행 효율성을 높였다. 매일 아침 standup meeting을 통해 프론트, 백의 진행상황을 공유하였고, Postman 툴을 이용하여 data 형태를 미리 직접 확인할 수 있었다.
-
기능을 구현하기 위해 적극적으로 찾아 나섰다. 이미지 미리보기 기능을 구현하기 위해 검색을 많이하고, 코드를 많이 보았다. 멘토님과 내가 작성한 코드에 대해 얘기를 많이 하였고, 리팩토링까지 하여 좋은 결과를 만들어냈다.
-
나와 비슷한 기능을 구현하려는 동기들에게 도움을 줄 수 있었다. 내가 구현한 기능은 쉽게 설명할 자신이 있다. 나에게 자문을 요청한 동료에게 로직에 대해 설명하고, 도움을 줄 수 있어 뿌듯했다.
아쉬운 점
- 리덕스에 대해 배웠지만, 이를 활용하지 못한 점.
- navigation bar에서 검색한 후, 연관 검색 태그 기능을 구현하지 못한 점.
팀 프로젝트 후기
.jpg)
짧은 기간에 원했던 좋은 결과물을 만들 수 있었고, 프로젝트 기간 동안 즐거웠다. 프로젝트 매니저 없이, 팀원들 스스로가 자기 생각을 적극적으로 말하고 결과를 만들기 위해 노력하였다. 사진 공유 사이트를 만들다보니 백엔드의 업무량이 많았을거라 생각했고, 고생한 백엔드 분들께 감사했다. 백엔드가 먼저 배포에 성공하여 데이터를 받는 부분에서 매우 수월하게 프로젝트를 진행할 수 있었다. 프론트 또한 배포에 성공하여 매우 기분이 좋았다. 프로젝트 최종 발표 때, 배포한 사이트에서 직접 시연을 하는 유일한 팀이 되었다.
