[우아한테크캠프 3기] 1주차 페어 프로그래밍 프로젝트 회고

안녕하세요 해랑쓰입니다 ( _ _ ) 

원래 매일같이 회고를 쓰려고 했는데 첫 페어 프로그래밍 프로젝트에 들어가면서 시간이 부족하여 못쓰게 되었네요 핫핫

 

집이 좀 멀다보니 퇴근하면 7시 반 ~ 8시 가까이 되서 밥먹고 요가하고나면 집에서 뻗거나 좀 자고나서 다시 프로젝트를 하는 일상이라

생각보다 바빴습니다

 

일단 일주일동안 작업했던 결과물입니다

 

배포한 프로젝트 페이지 주소

https://market-13.herokuapp.com/

깃헙주소

https://github.com/woowa-techcamp-2020/market-13/blob/develop/README.md

 

클릭하면 보여요... ㅎ 왜 안움직일까요 ㅠ

 

 

 

보통 자바스크립트를 공부하면 로그인/ 회원가입 페이지를 많이 만들어보기 때문에 처음에는 어렵게 생각하지 않았는데 

요구 조건을 모두 구현하려니 2명이서 개발하는 데도 양이 장난아니더라구요 💦

 

여러 사이트에서 항상 보는 회원가입 페이지에도 얼마나 개발자들의 노력이 들어가는 지 알게 되었습니다.. 👀

 

아이디, 비밀번호, 비밀번호 확인 등등 유효성 검사를 하고 핸드폰 인증할 때 알림 메세지, 모듈, 카운트 다운 시간 구현 등등

프론트엔드 단에서도 회원가입을 구현하려면 해야할 작업이 정말 많았어요 ㅎㅎ

 

대부분의 html 마크업 작성은 view template engine으로 pug를 이용해서 작성했습니다 

처음으로 pug를 작성해봐서 걱정을 많이 했었는데 우테캠 3기 슬랙에서 좋은 사이트들을 많이 공유해주시더라구요 👍

 

html코드를 pug파일로 변환시켜주는 사이트 

https://html-to-pug.com/

 

첫 html파일은 이 사이트로 변환시켜서 pug문법이 어떻게 되는지 보고 그 이후에는 쭉 pug파일로 작성했습니다

그만큼 pug가 작성하기 간편하고 쉬워요 굿굿 

 

데이터베이스틑 embeddedDB만 사용이 가능해서 고민했는데

저희는 json파일 형태로 fs모듈로 사용자를 추가하고 조회하도록 구현했습니다.

nedb나 sqlite를 사용한 조들도 많았는데 바닐라 자바스크립트로 직접 디비와 객체를 구현하니

프로젝트를 진행하는데 시간을 상당부분 절약할 수 있었습니다.

 

이번 프로젝트를 하면서 다른 팀원과 함께 쭉 같이 시간을 보내며 프로젝트의 기능 개발 계획, 진행정도 및 방법을

지속적으로 논의를 했는데, 같이 코드를 작성해보면서 같은 것을 코딩하더라도 스타일이 다른 것이 정말 많이 느껴졌습니다.

 

그래서 서로 상충하는 부분을 어떻게 할 지 계속해서 협의를 해오다보니

이래서 요즘 협업의 중요성에 대해서 계속 강조하는구나를 느끼게 되었습니다.

그냥 단순히 개발을 하는 것보다 이러한 과정이 일의 상당 부분을 차지하는 것 같아요 

 

지금은 코로나 때문에 이번 기수에는 프로젝트 진행을 온/오프라인으로 참여할 수 있는데

저희 조는 둘다 항상 오프라인으로 진행했습니다. 

그래서 바로바로 서로 봐주면서 개발할 수 있는 부분이 좋았어요.

중간에 안되는 부분이 있으면 바로바로 화면을 보여주면서 체크해줄 수 있으니까요.

 

다음주부터 진행하게 될 프로젝트는 2주 프로젝트여서 하루이틀은 온라인으로 참여할 생각합니다.

강남 부근으로 출퇴근한 것은 처음이었는데 운이 안좋으면 1시간 넘게 서서가는 바람에 ㅠㅠ

이게 생각보다 체력적으로 많이 힘들었거든요 흑흑😂

 

 

 

프로젝트를 진행하면서 팀원과 친해지고 다른 우테캠 사람들과 얘기하면서 재밌게 지내고 있어요 

점심시간에는 우슐랭이라고 있는 맛집 목록에서 골라서 먹기도 하고 리뷰 남기기도 합니다 .. ㅋㅋ 

 

 

프로젝트 진행할 때에도 간식을 준비해주세요 ㅎㅎ 

우아한테크캠프 담당자분들이 준비해주시기도 했는데

이전 우테캠 기수분들이 사다주신적도 있어요

 

 

이번 프로젝트를 진행하면서 다른 팀원과 같이 실시간으로 얘기하면서 코딩을 하고

알지만 해보지 않았던 지식/기술을 활용해볼 수 있었던 것이 좋았습니다.

두 번의 코딩테스트와 인터뷰를 통과하고 온 사람들이라 그런지 다들 실력이 장난아니예요 👀👍

아는 지식을 공유하는 것을 서슴치않기도 하구요.

 

다음주 프로젝트는 어떨지 기대되기도하고 걱정되기도 하는데 저에게는 체력적으로 잘 관리하는 게 제일 중요했습니다 ㅎㅎ 😂

다들 프로젝트에 집중하느라 집에서나 회사에서나 추가작업을 하기도 했는데 기간이 길어질수록 지칠 수 밖에 없더라구요

 

주말에는 무조건 휴.식. 입니다 

 

 

프로젝트 끝나고 모니터까지 지급해주셔서

(이렇게 좋은 모니터 처음이야.. 저 핸드폰 받침부분으로 보이는 곳의 용도에 대해서는 의견이 갈림 ㅋㅋㅋㅋ)

다음주부터는 모니터도 활용하면 서 페어프로그래밍을 할 수 있어요 🎉

 

제 실력이 많이 늘어서 인턴이 끝날 적에는 회고뿐만 아니라 배운 것에 대한 정리글을 올릴 수 있는 여유가 생기는 그날까지

파이팅하겠습니다👊👊

 

 

# 이번주 프로젝트하면서 공부한 내용

 

쿠키와 세션개념 https://victorydntmd.tistory.com/34#:~:text=%EC%BF%A0%ED%82%A4%EC%99%80%20%EC%84%B8%EC%85%98%EC%9D%98%20%EC%B0%A8%EC%9D%B4&text=%EA%B7%B8%20%EC%9D%B4%EC%9C%A0%EB%8A%94%20%EC%84%B8%EC%85%98%EB%8F%84,%EC%9D%98%20%EC%9E%90%EC%9B%90%EC%9D%84%20%EC%82%AC%EC%9A%A9%ED%95%A9%EB%8B%88%EB%8B%A4.

[HTTP] 쿠키( Cookie )와 세션( Session )

 

express-session

https://velopert.com/406

[Node.JS] 강좌 10-3편: Express 프레임워크 응용하기 – express-session 편 | VELOPERT.LOG

pug사용

https://pugjs.org/api/getting-started.html

Getting Started – Pug

우편번호, 주소 검색 api

http://postcode.map.daum.net/guide

Daum 우편번호 서비스