44일차 TIL(심화주차 발제 / 프로젝트 계획)

아웃소싱프로젝트를 진행한다

외부 api를 받아 오거나 (지도 or youTube), 설문조사 중 하나를 택하여야 한다.

대부분 youTube는 별로 관심이 없어 보였고 지도 api를 받아 오거나 설문조사 쪽으로 의견이 나뉘었다.

고심끝에 서울시 공공체육시설 예약현황을 실시간으로 제공하는 page를 구현해 보기로 하였다.

api 자체의 퀄리티도 좋았고 자료 자체도 많았다.

그만큼 불러와서 사용하기 유용한 부분도 많다고 생각해서 의견 조율 끝에 합의에 도착하였다.

 

개발 프로세스 가이드로는

CRA 프로젝트 셋업

.prettierrc 파일 만들기

Firebase 셋업 (서버 및 DB 셋업)

환경변수(.env) 셋업

git 브랜치 관리 권장사항

등이 있었다.

무엇보다 git과 gitHub를 생각보다 어려워하는 분들이 많았던거 같다. 따로 강의까지 진행하면서

처음부터 친절하게 다시 알려주셨다.

 

* 아는 돌도 두드려 다리보자

• 코드 관리를 시작하자! **git init**
• 코드를 저장하자! **git add** & **git commit**
• 현재 변경의 상태를 확인하자! **git status**
• 저장 내역을 확인하자! **git log**
• 코드 복사본을 만들자! **git branch**
• 복사한 곳(브랜치)로 이동하자! **git switch** or **git checkout**
• 협업의 시작을 위해 다른 사람이 올린 github 에 있는 코드를 가져오자! **git clone**
• git clone <주소>
• github에 내 코드를 백업하자 **git push**
• github에 있는 코드를 내 컴퓨터로 가져오자 **git pull**

 

우선 회원가입 및 회원 관리 기능은 필수가 아니라서 빼놓고 진행하기로 하였다.

json과 충돌을 일으킨다는 다수의 의견이 있었다.

 

일단 할당된 과업은,

1. api를 가져와서  첫 화면 진입 렌더 시 검색과 필터링을 통해 해당 검색 값에 맞는 장소들을 배열로 보여주는 파트

2. 검색 값들을 클릭하면 해당 id에 준하는 상세페이지를 만드는 것이다. 여기에는 댓글 기능이 추가된다. (해당 장소의 홈페이지 주소로 이동하기)

3. 지도 api 렌더링하기 zoom in, zoom out 등 좌표 값에 해당하는 마커 표시

 

나는 개인적으로 부트캠프 전에 작업하던 프로젝트에서 시도하다가 실패한 3번이 하고 싶었는데,

자신은 없었지만 재미있을 거 같아서 내심 틈을 노리고 있었다.

함께 계획을 세우다 보니 어려워져서 쉽게 나설 수가 없었다.

결과적으로 팀원분과 함께 2번을 맡게 되었다.

팀원분이랑도 의견을 나눴지만 쉽게 끝날거 같다는 말을 많이 나누었다. 그래서 날씨 패널도 추가해서 삽입하기로 하였다.

 

다들 전 팀에서 힘들었던 부분이 있으셔서 그런지 첫 계획단계에서는 최소화로 계획하였다.

그러다보니 주된 필수 기능말고는 각자 맡은 기능구현 후 추가적으로 살을 붙이기로 하였다. 

안해본 시도를 해볼 수 있는 기회가 있었으면 좋겠다.