Dev Log | 청소년 쉼터 지도 개발 일지 3

주제 Shelter: 청소년 쉼터 지도

프로젝트 레포 https://github.com/codestates/shelter

프로젝트 기간 2020.06.29 - 2020.07.10 (12일)

진행 기간 3일

남은 기간 9일

2020.07.01 Day 3

드디어 지루하던 Requirements 정의 작업이 끝나고 코딩을 시작하였습니다.

물론 시작 전에 멘토 엔지니어분과 프로젝트 전반에 대해서 같이 점검을 했고 굉장히 도움되는 피드백을 많이 받았습니다.

그 중 이 프로젝트의 목적을 명확히 하자는 피드백이 참 와닿았습니다.

개발 경험 및 공부에 더 집중할 것인지, 개발 의도에 맞게 타겟 유저들이 잘 이용할 수 있는 서비스를 만드는데 집중할 것인지 프로젝트의 방향성을 명확히 하자는 의미입니다.

팀원들과 얘기를 해봤는데 아이러니 하게도 아이디어를 제안한 제가 오히려 기술/학습 쪽에 무게를 더 두고 있었고 팀원들은 모두 서비스 목적과 의미 쪽에 더 무게를 두고 있었습니다.

저는 취업을 위해서 포트폴리오에 싣기 좋은 주제를 골랐던 것 뿐이었습니다. 그런데 이런 저의 아이디어를 공감하고 지지하는 생각과 의지들이 모이고 그것들이 작지만 하나의 움직임을 만들어내는 것을 직접 보니 참 많은 생각이 들었습니다. 긍정적인 자극과 책임감도 많이 느꼈고요.

그리고 회원 관리 _{회원 가입, 로그인, 로그아웃, 회원 권한 등} 에 대한 엔지니어분의 피드백도 수용해서 세부내용이 조금 변경됐습니다.

맨 처음 회원 관리를 구현하는 사이클에선 최소한의 기능으로 최소한의 시간을 들여 일단 구현하고, 시간이 남으면 그때 새로운 회원 관리 모듈이나 라이브러리 등을 정하고 적용해보기로 결정했습니다.

이 외에도 팀원의 코딩 스타일을 vscode extension인 prettier로 통일하고 commit, PR rule 을 다시 한 번 더 점검하며 팀 규칙을 보강하였습니다.

서버 및 클라이언트 기본 구조 설정

오늘은 서버와 클라이어트 각각 초기 설정을 하고 기본 구조를 세웠습니다.

서버의 경우, express를 이용해 서버를 구축했고, cors, bodyparser, morgan 등의 미들웨어를 추가했으며 각 api별로 라우팅을 하였습니다.

클라이언트는 회의 결과 이번 프로젝트를 react-redux로 구현하기로 정했습니다.

개인적으로 react는 몰라도 redux는 가장 자신없는 부분이어서 많이 막막했는데 팀원인 snaag님이 거의 개인과외 수준으로 2시간 동안 붙잡고 알려주셔서 그래도 무슨 느낌인지는 알겠는 정도까진 온 것 같습니다. _{압도적 감사}

클라이언트도 서버처럼 초기 설정을 했습니다. react 프로젝트를 생성하고 react-redux, redux, react-router-dom 등의 패키지를 설치했고, 라우팅과 컴포넌트 뼈대만 간략하게 작성했습니다.

Back to top ↑