깃 허브
데모 영상

오늘의집을 모티브로 한, 2차 프로젝트!
두 번째 프로젝트인 만큼 스스로가 구현할 수 있는 것도, 구현해보고자 하는 것도 더 많을 것이라 생각했는데.. 생각보다 쉽지 않았던🥲 2차 프로젝트를 돌아보며..

---

🌈 2차 프로젝트 목표

• hooks와 styled component, git rebase 등 새로 배운 스킬 바로 적용해보는 역량 키우기!
• 1차에서는 코드 리팩토링 과정을 거의 못 했었는데..ㅠ 2차에서는 하나의 기능을 구현 하더라도 convention에 따라 질 좋은 코드를 작성하기!

:: 기본 목표

• 원스톱 인테리어 플랫폼 오늘의집은 커뮤니티, 스토어, 인테리어 시공 크게 세 가지로 구성되어 있는데, 그 중에서도 SNS에서 핫 한 집구경 컨텐츠, 커뮤니티 페이지를 구현하는 것을 목표로 했다.
• 커뮤니티 메인 페이지와 사진페이지의 주 기능을 구현하고자 기획적인 부분이 조금 추가되었다

:: 공통 목표

1. Sprint Routine은 잘 지켜서 프로젝트를 완료했나?

:: Checklist

• Sprint Routine을 잘 지키면서 프로젝트를 진행했나요?
• Meeting 내용은 잘 정리 되었고, 팀원 모두에게 잘 공유 되었나요?
• 모두가 Meeting 내용을 잘 반영 했나요?
• 팀원 모두가 정해진 미팅 시간 약속은 잘 지켰나요?
• 제대로 지켜지지 않은 원인은 무엇인가요?
• 회고는 잘 이루어 졌나요?

:: Sprint Meetings

• 1st sprint(5/24월~ 20금): 각자 맡은 페이지 기능 구현

• 2nd sprint(5/21토 ~ 6/2수): 코드 리펙토링 및 오류 해결

• Retrospective Meeting

  • 매일 진척도 체크 및 완료 가능 여부 미리 체크 ➔ 스케줄 관리가 가능했다

2. Trello 관리는 제대로 이루어지고 있나?

• Daily Standup Meeting
  • 어제 한 일, 오늘 할 일, BLOCKER
  • Daily Work Log 정리

:: 프로젝트 기간

• 2021.05.24 ~ 06.04_ 2주 새로운 기술 배우느라 체감상 1주...ㅠ

:: 팀원

• Frontend
  • 김유림
  • 안정현
  • 안준현
  • 이지연
• Backend
  • 김경래
  • 최대환(PM)

✨기술 스택

• HTML
• JavaScript(ES6+)
• React hooks
• styled component

🎈아키텍처

---

💡구현 사항 간략한 한줄 요약

• 메인페이지
  • 필터링 기능
  • 컴포넌트 재사용으로 컨텐츠 페이지 구현
  • API 연결하여 페이지네이션 구현하기

💡구현 사항들 자세한 내용

1차 프로젝트에서 메인 페이지를 담당하면서 슬라이더, 무한 스크롤 등을 구현 해보았기에 2차에서는 도전해보지 않았던 다른 기능을 해 보고 싶었다.
그 중 필터링 기능과 페이지네이션 기능을 담당하게 되었고.. 기획적인 부분에서 해당 기능들이 메인으로 옮겨지게 되어 결과적으로 메인페이지를 담당하게 되었다

• 메인페이지
  

  • 필터링 기능
    💬 생각보다 오래 걸렸던 기능.. 기능적인 부분은 초반에 구현 완료했으나, 조회하고자 하는 값을 선택하면 선택된 main 과 sub category의 색이 변경되고 유지되도록 하는 UI적인 부분이 어려웠다. 멘토님의 멘토링이 없었다면.. 할 수 있었을까?😅 싶을 정도로 어렵게 느껴졌던... 그러나 다 구현해놓으니 뿌듯뿌듯😊

  • 페이지네이션
    💬 초반에 구현 잘 해놓고 마지막에 나를 힘들게 했던 아이🥲 페이지네이션을 처음 구현해보면서 back과 연결 전 미리 연습해보고자 목 데이터로 구현하고, 멘토님이 나중에 back에서 받아올 로직이라면 지금 구현하는 건 의미없다고 했던 이유를 마지막 날 멘붕오고서야 체감했던..-_ -a
    back 준비가 된 후 로직 변경하면서 코드가 섞였다... 그래서 초반에는 되는 줄 알았는데.. 사실 되지 않아 프로젝트 종료 전날 발견한 오류로 자괴감*1000000000.. 코드는 거짓말하지 않는다!

---

:: 잘한점, 아쉬웠던점, 힘들었던점 ?!

>잘한점👍

• git 과 친해졌다?! ➔ 손머지 안한 점!

• 적절한 목표 설정 ➔ 하나를 하더라도 제대로 하자!

  • 1차에서는 리펙토링을 거의 못 했었는데 2차에서는 이 부분을 놓치지 않으려 노력했다

    ✔️Before 하지말라는 건 다 했던 부끄러운 나의 옛날 코드..

    

    ✔️After 불필요한건 다 걷어내고 깔끔해진 현재의 코드

    

• Trello를 활용한 스케줄 관리

  • 1차에서는 지연된 부분이 있었는데 2차는 계획된 일정을 잘 지켰다!

• AWS ➔ 24시간 언제든지 작업 가능

  • back에서 초반에 AWS서버 구축으로 고생하셨다,ㅠ 감사합니다! 덕분에 24시간 작업할 수 있었어요!👍

• 소통 ➔ 프로젝트 초반부터 F↔︎F, F↔︎B, B↔︎B 소통 활발

  • 프로젝트 초반부터 특히 back분들과 key값 query 등을 맞춰본 점이 한결 수월하게 프로젝트를 진행할 수 있었다!

• 효율적 시간사용 ➔ 배달음식과 함께한 2차 프로젝트, 지역경제 활성화😁

>아쉬웠던점🥲

• 추억을 많이 못 남겼다...🥲 We need some paparazzi...
• 기업협업 관련 자소서 정리, 준비 활동 등이 겹쳐서 1차에 비해서 week1 때 주의가 다소 분산 되었다 ➔ 흔들리지 않는 몰입 자세의 중요성!
• 새롭게 배운 부분을 맛만 본 것 같다 ➔ 기업협업 때 본격적으로 탐구해보자!

>힘들었던점🤕🤮

• 체력고갈 ➞ 집중력 저하로 사소한 오류 조차 눈에 띄지 않는 현상.. 😨😨😨
  똥멍충이가 된 기분은 아직도 잊혀지지 않는다.........
• 크게 다르지 않는것 같은데.. 왜 hooks이 어려웠을까...😑 물론, 지금도 어렵긴 하지만.. class 다시 못 쓸 듯;;;; 😂

>개선 방향

• git 의 다양한 기능 탐구! merge, pull, rebase 말고도 무궁무진하다! 😘
• ASW(EC2, RDS, S3) 및 DOCKER 등 서버 관련 도구 공부하기!
• 리액트 등 언어나 프레임워크에 대한 깊은 공부 필수!
• <프론트-백> 간 원할한 커뮤니케이션을 위해 백은 프론트에 대해서, 프론트는 백에 대해서 얕더라도 최소한의 지식 확보!
• 이제는 실전! 그 동안 많은 도움을 주신 멘토분들의 부재 ➞ 개발자의 운명인 홀로 서기를 위한 자생력 증진!
  매우매우매우 보고싶을거에요 멘토님들..ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ
• 생소한 언어와 프레임워크를 배움과 동시에 사용해야하는 극한의 환경 ➞ 힘들 땐 역시 동기 밖에 없는 것 같다. 지금처럼 서로 알려주고 끌어주고 의지하고 힘내자!🤗 20기 Forever!!!😉

---

✅ 프로젝트 후

• 순식간에 지나갔던 1차와는 달리, 끝낼 수 있을 것인가?란 생각을 많이 했던.. 힘든 순간이 많았던 2차 프로젝트.. 특히 체력 고갈로 집중력 부족, 그로 인해 새로 배운 스킬에 대한 적응도 힘들었던... 체력관리 잘하자.ㅠ
• 개발자로서의 진짜 시작을 앞두었기에 마음이 더 무거웠던 2차 프로젝트..
• 그러나 그럼에도 무언가를 배우는 건 언제나 즐겁고, 😘😘
• 함께했던 팀원분들이 너무 좋았기에!! 마무리한지 얼마나 지났다고 벌써 미화되어버린 기억들ㅎㅎㅎㅎㅎ
  

---

2차 프로젝트 발표 후 담임 멘토이신 경훈님이 하셨던 말씀이 마음속 깊이 박혔다. 함께 일하고픈 개발자가 되는 것. 경훈님 자체가 너무 좋은 분이신데 함께 일하고 싶은 개발자가 되기 위해 아직도 고민하고 노력하신다는 말씀에..
프로젝트 끝나고 주말 내내 이 말을 곱씹으면서 나는 누군가에게 함께 일하고 싶은 마음이 들게 했을까? 어떤 개발자가 함께 일하고 싶은 개발자일까? 함께 일하고 싶은 개발자가 되려면 어떻게 해야할까?를 주말 내내 생각했고 아마 앞으로도 쭈욱 나에게 주어진 풀어야 할 숙제가 될 것이다.