개요

1. 일시 및 장소 : 11.07.(월) 13:00 ~ 17:00, zoom 회의실
2. 참여자 : 전원
3. 목적 : 6주간 수행할 프로젝트 아이디어 선정
4. 회의 중요도 : 상

주요 고려 사항

1. 아이디어 자체의 퀄리티 보다는 구현 과정에서 원하는 기술을 학습하고 성장할 수 있는지?
2. 새로운 기술을 배우고 적용하는 것이 아닌 부스트캠프에서 배운 기술을 충분히 복습하고 확실히 내 것으로 만들 수 있는지?
3. 팀 프로젝트가 진행되는 기간 동안 모든 멤버들이 관심을 가지고 집중할 수 있는 내용인지?
4. 내가 개발자가 아닌 이용자가 되었을 때도 실제로 사용해보고 싶은 생각이 드는지?

선정 방식

1. 각자의 아이디어를 브레인스토밍 형식으로 자유롭게 팀원들과 공유
2. 공유된 아이디어를 통해 얻을 수 있는 것과 우려되는 점을 함께 생각
3. 아이디어 투표 후 선택에 대한 서로의 생각 공유
4. 다수결의 방식으로 선정하는 것이 아니라 서로의 생각이 일치할 때까지 토론 및 투표 반복

아이디어 후보

1. 인구 밀도 정보 안내 서비스
   • 내용
     • 서울시 주요 지역의 인구 밀도 정보를 제공하는 사이트 구축
     • 사용자는 서비스를 통해 쾌적한 지역에서 놀 수 있는 정보를 얻을 수 있음
   • 얻을 수 있는 것
     • 외부 API 사용법 및 관련 데이터 처리 방식
       • 서울시에서 제공하는 도시정보 API 사용
       • 네이버, 카카오 등에서 제공하는 지도 API 사용
     • 지도 관련 다양한 UI 구현
       • 밀도에 따라 지역의 색을 다르게 표시
       • 확대 시 더 자세한 지도를 보여주기
       • 지도에서 이동할 때 보이지 않는 부분을 표시하는 방식
       • 서버에서 데이터를 불러올 때 로딩 처리
     • 반응형 웹 구현
       • 사용자가 외부에서 사용할 수 있도록 모바일 페이지 구축 필요
     • 웹소켓 사용
       • 정보의 정확성을 높이기 위해 지역별 단톡방 구현
     • 기타
       • 과거 데이터를 통해 미래 시점의 인구 밀도에 대한 예측 서비스를 만들어 볼 수 있음
         • 코로나와 같은 예외적인 상황에 대한 고려 필요
       • 지역 검색 서비스를 구현하며 디바운싱에 대한 학습
         • 클라이언트와 서버 모두 처리?
       • 북마크 기능을 구현하며 로컬 스토리지 등 학습
   • 우려되는 점
     • 가장 중요한 기능이 외부 API에 크게 의존함
       • 특히, 서울시 도시정보 API를 사용하며 치명적인 문제가 발생할 경우 프로젝트 자체가 흔들릴 수 있음
       • 프로그래밍보다도 API를 학습하고 사용하는데 많은 시간이 필요할 수도 있음
     • 모바일 중심 제작
       • 기획 의도 상 모바일 환경 중심으로 구현하게 될 것으로 보이는데 FE 지망생으로서 데스크톱 환경 구현이 우선이 아닐지?
       • 그렇다고 반응형으로 구현하면 너무 많은 시간이 소요되지는 않을지?
2. 지인들과 맛집 공유 사이트
   • 내용
     • 불특정 다수가 모두 이용하는 평점 시스템이 아닌 특정 사람들과 이용할 수 있는 맛집 평점 공유 사이트
     • 사용자는 방을 만들어 해당 방에서만 공유되는 맛집의 평점 및 후기 정보를 생산할 수 있으며, 오픈채팅방과 같이 익명의 다수와도 공유할 수 있음
   • 학습할 수 있는 것
     • 지도 API 사용
       • 내가 참가한 방의 맛집 리스트를 지도에 표시
       • 지도에서 내가 원하는 음식점 검색 기능
       • 네이버 지도 API에서 음식점 리스트를 가져와 사용
     • 사용자 데이터에 대한 다양한 작업 수행
       • 로그인이 필수적으로 구현되며 관련 기능 학습
       • 사용자에 대한 다양한 정보(맛집 평가, 방 정보) 등에 대한 처리
     • 웹 소켓 사용
       • 사용자 간 정보 공유를 위한 채팅 구현
     • 기타
       • 기존의 서비스를 사용자의 관점에서 새로 해석하고 사용자 친화적인 프로그래밍 고려
   • 우려되는 점
     • 필수 구현 기능이 많음
       • 특히, 로그인 구현이 필수적인데 이에 따라 추가적인 필수 구현 기능이 너무 많지 않을지?
     • 백엔드 관련 작업이 많음
       • 풀스택 과정을 지향하고 있지만 그래도 프론트엔드 관련 작업이 많은 주제가 좋지 않을지?
3. 타자 연습 서비스
   • 내용
     • 자신의 타수를 확인하고 상대방과 경쟁할 수 있는 게임형 사이트
       • cmd 해킹 테마를 만들어서 연습 해킹할 줄 아는 개발자처럼 보이게 하기
     • 사용자는 SNS를 통해 자신의 점수를 상대방과 공유하며 타자 연습을 더욱 열심히 할 수 있음
   • 학습할 수 있는 것
     • 수많은 이벤트 처리
       • 키보드 이벤트가 매우 많을 것으로 보이며, 이에 따라 다수의 이벤트 처리에 필요한 성능 최적화를 학습할 수 있음
     • 경쟁 시스템 깃허브 연동
       • 웹소켓이나 깃허브 연동을 통해 상대방과 타수 경쟁을 할 수 있는 기능 구현
     • 기능
       • 다양한 테마를 구현하며 CSS와 context api를 깊게 학습할 수 있음
       • 복사, 붙여넣기 방지 기능 등을 구현할 수 있음
   • 우려되는 점
     • 타수의 기준을 정하기 어렵지 않을지?
       • 우리만의 기준을 정하면 오히려 쉽게 해결할 수도 있다는 의견
     • 실시간 서비스인 만큼 에러 처리 등에 큰 어려움이 있지 않을지?
     • 모든 단축기에 대한 이벤트 처리가 어려울 것으로 보임
     • 백엔드의 역할이 너무 적을 것으로 보임
4. 쇼핑몰 사이트
   • 내용
     • 쿠팡, 네이버 쇼핑과 같은 쇼핑몰 사이트 클론 코딩 혹은 경매 시스템 구현
   • 학습할 수 있는 것
     • 이용자 관련 예외 처리
       • 실제 쇼핑몰은 이용자가 많아 이용자 관점에서 편의성을 많이 생각해볼 수 있음
       • 또한, 이용자의 행동에 반드시 제약을 두어야 하는 것들을 생각해볼 수 있음
     • 이미지 처리
       • 이미지가 많이 사용될 것으로 보여 이와 관련된 성능 최적화 학습
       • 이미지를 활용한 다양한 파생 기능 구현 가능
     • 검색 기능 구현
       • 쇼핑몰에 필수적인 검색 기능을 구현하며 이와 관련된 로딩 및 최적화 관련 기능을 학습할 수 있음
     • 레이아웃 관련 학습
       • 쇼핑몰은 수많은 레이아웃이 있어 레이아웃의 구성 방법에 대한 학습
       • UI와 로직을 분리할 수 있도록 고려
     • 기타
       • 실시간 상품 랭킹을 구현하며 실시간 처리에 대한 학습 가능(SSE?)
   • 우려되는 점
     • 구현할 기능이 무한대로 늘어날 수 있음
     • UI 디자인에 많은 시간이 필요할 수 있음
     • 다른 아이디어들과 다르게 지속적으로 서비스를 운영할 수 없으며, 사용자가 실질적으로 이용할 수 있는 완성형 사이트가 아님
       • 단순 클론 코딩

아이디어 선정 논의

• 첫 번째 선정
  • 4번 아이디어에 대한 선호도가 가장 높았음
  • 프론트엔드 개발자가 배워야 할 필수적인 기능들을 가장 다양하게 학습할 수 있음
  • 다만, 쇼핑몰 사이트를 클론 코딩으로 만들더라도 실제로 전혀 이용할 수 없어 완성형 프로젝트라고 볼 수 없는 점이 가장 크게 걸림
    • 이로 인해 우리 조의 색이 전혀 드러나지 않을 것 같음
• 두 번째 선정
  • 1번, 2번 아이디어에 대한 선호도가 가장 높았음
  • 두 아이디어 모두 장단점이 명확해 이에 대해 지속적으로 논의하고 각 아이디어의 단점에 대해 우리가 실질적으로 대처할 수 있을지 논의
  • 장단점을 지속적으로 논의하고 우리가 대처할 수 있을지
• 세 번째 선정
  • 1번 아이디어에 대한 만장일치 선호
  • 두 아이디어에서 공통적으로 만들 수 있는 기능이 생각보다 많음
    • 지도 API 사용, 채팅 구현, 반응형 사이트 구축 등
  • 다만, 2번 아이디어는 로그인 기능 등 1번 아이디어 대비 필수 구현 기능이 많아 현실적으로 4주 안에 모두 구현할 수 있을지 의문
    • 또한, 백엔드 작업량이 많아 모두가 FE를 지망하는 우리에게 적합할지?

아이디어 선정 결과

• 인구 밀도 정보 안내 서비스
  • 외부 API를 함께 학습하고 사용해보며 학습에 필요한 시간을 최소한으로 줄여보기
  • 반응형으로 제작할 수 있게 고려하되 데스크톱 사이트를 우선적으로 구축