• 프로젝트 아이디어, 프로젝트명, 팀명 결정
• 사용할 tool, stack 결정
• 와이어프레임 작성, flow chart 작성

• 👍

  • 많은 준비 없이 회의를 시작했는데, 유원님이 진행을 정말 잘해주셨고 (Like 안유재석), 코드스테이츠에 들어오면서 조금씩 갖고있던 프로젝트에 대한 얘기들을 서로 나눌 수 있었다. 회의결과 고양이 커뮤니티 사이트를 만들어 보기로 했다. 프로젝트명과 팀이름은 투표로 정했는데, 프로젝트명은 내 아이디어가 선정되었다. 😎 고양이의 울음소리를 딴 니야옹 (yourCat)이 프로젝트명이 되었고, 팀이름은 주현님의 아이디어로, 모두가 서로의 의견에 '좋습니다~ 좋습니다~' 라는 말을 많이 하신다며 죠스라는 팀이름을 제시하셨고 바~로 선정되었다.🦈
  • 프로젝트의 와이어프레임과 플로우차트를 작성했다. nav 컴포넌트 하나를 디자인하는 과정에서도, 각자의 생각이 다르며 고려해야 할 것도 많다는 것을 다시 느낄 수 있었다. Folw-chart에서 어떤 요청이 발생할지, 어떤 데이터가 오고갈지를 생각하면서 만드는게 너~무 어려웠지만 그리고 나니 클라이언트와 서버가 어떻게 통신할지 대략적으로 알 수 있었다.

• 👎

  • 초기단계부터 너무 세세하게 정하려고 했던 것 같다. 와이어프레임을 처음 짜는데 구체적인 내용까지 자꾸 욕심내게되서 시간을 효율적으로 쓰지 못했다. 좀더 큰 골자를 짠 뒤에, 세부적인 내용을 추가하는 방향으로 진행될 수 있도록 신경써야 할 것 같다.
  • 몽고DB... 사실 좀 쉽게 봤는데 그동안 계속 SQL만 사용해 왔어서인지, 그동안 알았던 개념들과 자꾸 충돌해서 공부하기도 이해하기도 까다롭다는 생각이 들었다. schema나 api작성에 앞서, 몽고DB의 데이터 구조나 사용법에 대해서 더더더 공부해야 할 것 같다.

• node, npm 등 개발환경 통일
• 커밋규칙, 코드규칙등 세부 규칙 설정
• DB Schema, API 문서 작성

• 프로젝트 아이디어, 프로젝트명, 팀명 결정
• 사용할 tool, stack 결정
• 와이어프레임 작성, flow chart 작성

• 👍
  • 회고를 작성의 필요성을 느꼈다. 되돌아보면서도 성장할 수 있는데 앞만 보고 왔나보다.
  • 투두리스트 같이 적은양의 코드를 작성할 땐 플로우차트의 필요성을 느끼지 못했지만, 규모가 클 수록 코드가 복잡할 수록 필요한 참고자료가 될 수 있음을 깨닳았다.
  • 생각했던 로직을 직접 만들어낼 수 있다는게 정말 재밌고 재밌다.
• 👎
  • 회의를 할 때 아이디어는 계속 생각났지만 아이디어를 구현하는데 걸리는 시간을 고려하지 못했던 것 같다.
  • 스택을 선택하는데 기준을 잡기 어려웠고, 각각의 장단점을 파악하기엔 시간이 너무 부족했다. 플로우차트 작성 시 주어진 시간에 따라 변경될 수 있는 기능들은 어떻게 처리해야할지 감이 안온다.
  • 기능 추가시 필요한 부분, 변경될 부분을 따로 텍스트로 해놔야겠다.
  • 직접 뭔가를 만들어내는거에 조금 부족한 면이 있는 것 같다. 구조를 잘 잡는 법을 깊게 고민해봐야 할 것 같다.

• node, npm 등 개발환경 통일
• 커밋규칙, 코드규칙등 세부 규칙 설정
• DB Schema, API 문서 작성

• 프로젝트 아이디어, 프로젝트명, 팀명 결정
• 사용할 tool, stack 결정
• 와이어프레임 작성, flow chart 작성

• 👍

  • 어떤 프로젝트를 할까 의견을 나누다가 반려동물 사이트로 의견이 모아졌다. 내가 고양이로 좀 더 특화하면 어떨지 의견을 제시했는데 모두 동의해주셔서 감사했다!
  • 우리 팀원들이 항상 "죠습니다(좋습니다)"라고 하셔서 팀명을 죠스로 제시했는데 모두 너무나 좋아해주셨다.
  • 회의 전에 각자 페이지 목업을 그려오고, 회의 때 그것을 토대로 얘기한 게 시간 활용 측면에서 좋았다. 우리 팀원들 모두 레이아웃도 잘 짜고 여러 도구들을 잘 활용하는 것 같아서 정말 멋지다고 생각한다👍
  • 컴포넌트별 Flow-chart에 대해서 얘기했는데 각자 만들어서 준비를 해오고, 발표를 하고, 그것을 들으며 질문을 하고 그런 과정들이 멋지다고 느껴졌다.
  • 같이 스터디를 했던 분들이라 서로 대화하는 법도, 의견을 맞추는 법도 잘 맞는 것 같아서 기쁘다!

• 👎

  • 본격적으로 어떤 웹을 만들지 얘기하면서 어느정도 디테일하게 들어갈지 조절이 필요할 것 같다. 시작 단계에서 너무 세세하게 다 정하면 너무너무 시간이 많이 들 것 같다는 생각이 들었다.
  • 어떠한 기능을 구현하려면 어떻게 해야할 것인지, 어떤 방법을 써야할 지(ex. 로그인 여부를 어떻게 계속 체크할 것인가) 얘기하려면 그것에 대한 지식이 잘 정립되어 있어야한다는 걸 알았다. 공부를 열심히 해야겠다!

• node, npm 등 개발환경 통일
• 커밋규칙, 코드규칙등 세부 규칙 설정
• DB Schema, API 문서 작성

• 프로젝트 아이디어, 프로젝트명, 팀명 결정
• 사용할 tool, stack 결정
• 와이어프레임 작성, flow chart 작성

• 👍
  • 다들 프로젝트를 마음에 품고있었던 것 같다. 엄청나게 많은 아이디어가 쏟아져나왔다! 얘기하는게 너무 즐겁다! 내가 어쩌다보니 진행을 맡게 되었는데 다들 즐거워했으면 좋겠다. 이렇게 좋은 사람들과 같이 하게 되니까 더 시너지가 날 것 같다라는 생각이 들었다. 다들 화이팅~!!
  • 와이어프레임과 플로우차트를 작성했는데 이것 또한 많은 이야기가 오고가야 한다는 것을 알게 되었다. 다들 미리 준비해서 하는게 너무 멋있었다. 하지만 정해야 할 것도 너무너무 많아서 이래서 소통을 잘하는 개발자를 선호하는구나.. 라는 생각이 들었다. 너무 즐거운 경험이였다!
• 👎
  • 너무 안일하게 생각했다.. 정할게 너무너무너무너무너무 많다.... 생각보다 많은양을 정해야하는데 시간은 제한되어 있고 마음은 급하고 내 공부량은 부족하다고 생각해서 많은 생각이 드는 어제오늘이였다...
  • 우리는 너무 큰 숲이 아니라 작은 나무들만 보고 있었던 것 같다는 느낌이 드는 날이였다. 내일은 더 많은 것들을 정하고 시작해야하는 날인데 조금 걱정이 된다.

• node, npm 등 개발환경 통일
• 커밋규칙, 코드규칙등 세부 규칙 설정
• DB Schema, API 문서 작성

• node, npm 등 개발환경 통일
• 커밋규칙, 코드규칙등 세부 규칙 설정
• DB Schema, API 문서 작성
• user API 구현

• 👍

  • 점점 회의 시간을 효율적으로 쓰는 것 같다!! 어제보다 짧은시간안에 팀 규칙과 서버 쪽 스키마와 api 등 많은 것들을 정할 수 있었다. 다들 회의가 진행되면서 어떤 것이 중요하고 어떠한 흐름으로 진행해야 하는지 알게 된 것 같다
  • 오늘 프로젝트가 진짜 시작됐다는 느낌을 팍! 받았다. 그동안 많은 것들을 정해왔다고 생각했지만, 막상 시작하려니 정해야 할 것 들이 너무많았다. repository가 만들어진 순간부터 시간가는 줄 모르고 많은 것들을 정한 것 같다. 각 폴더의 구조와 공통적인 초기 세팅을 잡고, 이외에도 이슈카드 생성, branch 규칙, commit규칙, PR 규칙 등 규칙이란 규칙은 엄청 정한 것 같다. 미리 준비했음에도 이렇게 시간을 잡아먹을 줄은 몰랐는데, 초기에 탄탄하게 잡아놔야 나중에 덜 고생한다는 마음으로 집중했던 것 같다.

• 👎

  • 매우매우 사소한 실수때문에 꽤 많은 시간을 허비한 것 같다. 오타나 메소드 사용 실수와 같은 사소한 것들로 시간이 허비된게 너~무 아깝다.

  • 기능 구현 중 작은 기능이라도 완성될 때마다 커밋을 해야하는데 자꾸 까먹는다!! 나도모르게 쭉 진행하다가 뒤늦게서야 커밋을 하는 경우가 여러번인 것 같다. 아직 습관이 덜 들어서 그런 것 같으니 계속 기능별 로 커밋하려는 생각을 의식적으로라도 해야겠다.


• content API 구현

• node, npm 등 개발환경 통일
• 커밋규칙, 코드규칙등 세부 규칙 설정
• DB Schema, API 문서 작성
• user API 구현
• 로그인/회원가입 모달창 기능 구현 및 뼈대 작성

• 👍
  • 여플로우차트 작성할 때 백지장에서 로직을 생각하는데 힘들었지만 작성하고 보니 로직이 머릿속에 쏙쏙 들어오는 것 같다.
  • 회의도 많이하면 느는구나... 점점 빨라지고 있다. 얼른 더 익숙해져서 4주차를 대비하자.
  • 깃 레포지토리의 여러기능을 써봤다. 익숙하진 않았지만 새로운것은 늘 신기하다.
  • 완성됐을 떄의 코드를 생각하며 작성해가는 과정이 바람직하다고 생각하며 항상 노력중이다. 생각대로 됐을 때 정말 기분이 좋다. 중간중간 리팩토링하는게 좀 힘들긴 하지만, 점점 익숙해지다보면 리팩토링 하는 양도 줄것 같다.
  • 코드 리뷰에서 얻어갈 수 있는 부분이 정말 많은 것 같다. 서로 같이 성장해가는 느낌이다.
• 👎
  • 기능 하나하나는 작은단위라 생각했지만, 모이고 나니 거대하다. 필수기능 부가기능 등으로 중요도를 나눠서 개발해나가야겠다. 디자인 부분에서 의사소통의 미스가 있었다. 전체적인 틀의 기준을 제대로 정하지 않은 탓이였는데, 이런 애매할 수 있는 내용은 꼭 확실히 하고 넘어가도록 하자.
  • 배포 부분에서 문제가 있었다. https로 진행하고자 했는데 AWS에서 적용이 되는데 걸리는 시간이 느린 탓인지 안됐고, 시간이 지나도 안된다. 발급받은 커스텀도메인을 적용할 수 없었던게 너무 아쉽다. 어디서 오류가 나는 건지 감이 잘 오지 않는다..
  • 리덕스가 공통으로 쓰이는 부분이고, 내가 당장 필요해서 팀원들에게 리덕스 부분을 손보겠다고 알렸고 구조를 살짝 잡아놨다. 한명이 하는게 편하긴 하지만 이렇게 하는게 맞나 싶기도 하다.

• 로그인/회원가입 기능 서버통신 추가
• 사진첨부 컴포넌트 구현

• node, npm 등 개발환경 통일
• 커밋규칙, 코드규칙등 세부 규칙 설정
• DB Schema, API 문서 작성
• Calculator Page(급여량 계산기), Landing Page, Nav bar 구현

• 👍
  • 4인 페어를 했다. 다 같이 페어를 하며 이것 저것 설정하고 만드니까 재밌었다. 아 이런 게 협업이구나!
  • 중간에 새로운 dev를 만들고 rebase하는 작업을 했는데 이해하기까지는 오래 걸렸는데 막상 로직을 정리하니 간단했다! 이렇게 git이랑 조금씩 친해지고 있다!
  • 내가 맡은 부분을 계획보다 일찍 완성했다. 세부 디자인을 좀 뒤로 미뤄서 그런 것도 있지만 일이 빨리 진행되는 것 같아 기쁘다.
• 👎
  • 저번 회의에서 페이지의 디자인을 누가 할 것이냐를 정했었는데, 오늘에서야 당시의 대화를 서로 다르게 해석하고 있었다는 것을 알게 되었다. 올바르게 소통 하는 것이 중요한 것 같다ᅲᅲ 애매한 말을 지양하고 확실한 말을 쓰도록 하자.

• 포토 페이지 구현

• node, npm 등 개발환경 통일
• 커밋규칙, 코드규칙등 세부 규칙 설정
• DB Schema, API 문서 작성
• 튜토리얼 페이지 구현

• 👍
  • 완전완전 많은것들을 정했다! 어제의 회의를 바탕으로 오늘은 조금 더 한 주제에 집중하는 회의방식 덕분에 많은 것들을 속도내서 빨리빨리 정할 수 있었던 것 같다. 벌써 코드를 작성하다니 너무너무 행복하다!
  • 튜토리얼 페이지를 구현할 때 썸네일을 넣고 싶었는데 이상하게 그 부분이 잘 안되어서 삽질을 많이 하는 중이였다. 그래도 우리 팀원들과 동기분의 도움을 받아서! 좋은 소스로! 썸네일까지 나오는 작업을 완료했다👏👏👏👏 너무 행복했다
• 👎
  • 완벽하게 이해했다고 생각했는데 의사소통에 문제가 있었다... 너무 화들짝 놀랐었다. 회의 시간이 길어서 그런가..? 라는 핑계를 대기에는 내 의사소통에 문제가 있었던 것 같다. 빠른 시일에 알아서 다행이였지만 앞으로는 많이 주의해야겠다.
  • 중간에 rebase를 하는 작업에서 순간 멘탈이 터질뻔 했다ᅲ 내 엔터 하나에 무슨 오류가 생길지 모르는 이 기분은 정말 너무 아찔했다. 결과적으로는 잘 해결이 되었지만 아직도 오류에 이렇게 두려워하다니ᅲᅲ

• 게시판 글 작성, 수정, 삭제 기능 구현

• 게시판 CRUD API 구현
• 댓글 작성 API 구현

• 👍
  • 몽고DB 쿼리문에 점점 익숙해지는 느낌이다!! 처음에는 공식문서를 계속 보면서 찾기 바빴는데, 이제는 자주쓰이는 것들은 손에 익어서 작업속도가 빨라진게 느껴졌다.
  • 서버쪽을 맡다보니까 콘솔로 테스트하는 습관, 오류메시지를 읽는 습관이 길러지는 듯한 느낌이다. 코드스테이츠 들어와서 콘솔찍는게 어렵다고 생각했던적이 많았는데 이제는 좀 오류들과 많이 가까워진 느낌적인느낌????!
• 👎
  • 스키마를 기껏 짜놓고 타입을 잘못넣는 실수를 했다. 몽고DB는 NoSQL이라서 데이터를 설정하고 넣을 때 좀더 신중해야 할 것 같다.
  • 몽고DB 쿼리에 익숙해진만큼 뭔가.. 쿼리기계가 된 기분이든다...? API만드는 기계 그자체.. 기본기능을 먼저 구현하고있어서 더 그런것 같다. 댓글다는 기능을 만들면서 자바스크립트로 데이터를 가공하니 훨씬 재밌었다. 빨리 기본기능을 다 구현해서, advanced한 것들도 구현해보고싶다.

• 댓글 삭제 API구현
• 이미지업로드 미들웨어 구현

• 회원가입 모달 구현
• 고양이 정보 작성 모달 구현
• 사진 업로드시 화면에 렌더링하고 상태에 저장되고 전달 props에 따른 렌더링(크기, 곡률)이 변화하는 컴포넌트 구현.

• 👍
  • input 타입이 파일인 엘리먼트의 기본 디자인을 숨겨야 해서 좀 까다로웠지만 이벤트를 연결하고 css도 수정해서 원하는 형태와 기능을 가지는 컴포넌트를 완성할 수 있었다. 오래걸렸지만... 뿌듯하다.
  • 오류를 만나면 검색해가며 얻어가는게 많다. 하지만 깊게 들어가기엔 아직 지식이 많이 부족한 듯 하다. 공부할게 많아서 좋으니 좋은점으로 하겠다!
• 👎
  • 코드가 안풀리면 너무 해결하는데 집착하는 듯 싶기도 하다. 다른 곳 갔다가 돌아오면 문득 떠오르는 경우도 많아서 너무 몰입하지는 말자!
  • 라이브러리 남용의 기준... 내가 작성하는거기 때문에 내가 정하는 부분이지만 감이 아직 오지 않는다. 내가 구현할 수 있는 부분과 없는 부분, 시간 등을 고려해서 상황에 맞게 쓰도록 하자! 하던것만 마저하고..
  • 에러를 정리할 때 그때그때 기록하자. 까먹는것도 꽤 많을 것 같다.

• 멀티스텝폼 구현
• 서버 요청응답 기능 추가
• 라우터 추가

• 포토 페이지 레이아웃 만들기
• 포토 페이지 기능 계획

• 👍
  • 포토페이지를 카드 형식으로 CSS를 했는데 디자인이 이뻐서 아주 맘에 든다.
• 👎
  • 오늘 시간이 많지 않아서 코드를 많이 적지 못했다ᅲᅲ

• 포토 페이지 업로드 폼 만들기
• 포토 페이지 렌더

• 게시글 Create 기능 구현

• 👍
  • 오늘은 게시글을 Create 기능을 구현했다. 물론 아직 서버랑 통신하는 부분과 유저정보를 받아와야 하는 부분을 마무리 지어야 하지만 오늘 자기 전까지는 해결할 수 있을 것 같다. 한가지 기능 이라도 구현해서 다행이다.
• 👎
  • 세 가지 기능 구현을 계획했었는데 한 가지밖에 하지 못했다.... 기한 내에 그래도 마무리 하려면 자기 전까지 좀 더 보고 생각해서 기능을 구현해야겠다. 어제도 자면서 많이 생각했었는데 오늘도 자면서 생각해봐야겠다.

• 게시판 기능 구현 완료
• 서버와 연결

• 이미지파일 업로드 기능 구현
• 클라이언트에서의 이미지파일 S3 업로드 테스트

• 👍
  • 오늘의 목표였던 이미지파일을 S3에 업로드하는데 성공했다. 먼저 서버의 local storage에 폴더를 만들어서 저장하는 방법을 구현한 뒤에, 오후에 S3의 버킷과 연결하여 클라우드에 저장하는 기능을 구현했다. 처음에 이미지 파일을 저장하는 방법을 공부할 때, '이거 무슨말이야?'라는 생각이 가장 먼저 들었는데, 하다보니 또 되는게 신기하고 재밌었다. 어렵다고 생각했던만큼 구현했을 때 느낀 성취감은 말도못했다!
  • 다만 클라이언트에서 formdata로 전송할 때, 객체 데이터를 같이받아서 하나의 API로 처리하고 싶었는데 formData는 문자열 형태로만 전송이되서, 객체를 전송하려면 객체를 다른 형태로 저장하는 방법을 사용해야했다. 그러면 하나의 API로 처리한다는 간편함보다 오히려 로직의 복잡도가 늘어날 것 같아서 이미지 업로드를 수행하는 API를 따로 만들어줬다. 다른 방법이 없을지 조금 더 찾아봐야겠다.
• 👎
  • 이미지파일을 S3에서 삭제하는 기능을 구현하려고 생각해보니 생각보다 까다로웠다. 기존에 구현했던 회원정보수정, 회원탈퇴, 게시글 수정 등이 이루어졌을 때, 이미지파일이 변경된다면 기존에 S3에 저장되어있던 파일들을 삭제해줘야한다. 데이터를 주고받는 것과 db에서 쿼리하는 것도 복잡하고, 기존의 API로직도 수정해줘야해서 처음 로직을 짤 때 조금더 꼼꼼이 짤껄하는 후회를했다. 뿐만아니라 북마크 좋아요 기능을 구현할 로직을 생각해보니, 기존 스키마도 조금 변경해야할 것 같다. 나는 스키마 안 엎을줄 알았는데... 이러면서 성.장 하는 거겠지!

• 회원정보나 게시글 삭제할 때, DB정보뿐만 아니라 S3클라우드의 이미지파일도 같이 삭제하기
• 좋아요,북마크 API 기능 구현

-멀티스텝폼 구현

• 서버 요청 응답기능 추가

• 👍

  • 자잘한 오류를 제외하면 로그인/회원가입 기능의 전체적인 플로우 기능을 완성했다. 서버와 통신시 백엔드 팀원분이 작성해주신 메세지가 콘솔창에 뜰때 만큼 안심되는 경우가 없는 것 같다.

  • 모달창을 연속적으로 넘기는 방법을 고민했을 때 팀원분이 멀티스텝모달 키워드와 참고 사이트를 제공해주셨다. 해당 사이트는 라이브러리를 사용한 것에 대한 내용이였는데 왠지 라이브러리 없어도 될 것 같다는 생각에 직접 구현해 보니 돼서 정말 기뻤다. 그 코드를 못봣다면 절대 구현 못했을 것 같다.

• 👎

  • 사소한 실수로 코드 전체를 훑어보고 커밋까지 되돌려가며 비교하는 등에 시간을 너무 오래썼다.
  • 팀원들에게 도움이 될 수 있다는 생각에 중복되는 부분을 해결해주는 컴포넌트를 작성했지만 업무영역을 침범하는 결과를 야기했다. 앞으로는 역할 분담을 더 철저히 해서 팀원들간 중복된 영역이 나오지 않도록 미리 신경을 써야겠다.

• 멀티 스텝 폼 모달로 변경
• 오류메세지 모달창띄우기

• 포토 페이지 업로드 폼 구현 노력
• 포토 페이지 렌더

• 👍
  • 오늘 일을 계기로 기능별로 역할 분담을 다시 했다. 원래 이렇게 기능별로 해야 코드 중복이 없어질 것 같고 좋은 것 같다.
  • 오늘 팀장님이 정말 빛이 났던 것 같다. 팀장님 너무 멋져!! 최고의 팀장이야.
• 👎
  • 이미지첨부 기능을 팀원분이 라이브러리로 만들어놓으셨고 서버로 전송은 각자 하면 된다고 얘기가 되었다. 그래서 오후에 서버로 전송을 어떻게 하면 될 지 열심히 연구했는데 저녁을 먹고 돌아오니 팀원분이 그 부분도 라이브러리에 넣어놓았다고 하셨다. 포토페이지의 핵심기능들이 다 만들어져 버려서 속상했다. 나도 재밌는걸 하고 싶었으니까. 이미지 업로더가 여러 페이지에서 쓰이니까 한 사람이 만들면 되는 건 맞았다. 그런데 사전에 그 부분이 협의되지 않았고 누가 만들어놓을건지도 협의되지 않았다. 그래서 이런 부분을 코드리뷰 시간에 이야기 했고 얘기가 잘 풀려서 다행이다.

• 댓글 기능 구현

• 게시판 Read 기능 구현 노력

• 👍
  • READ에 대해 정말정말 많이 공부를 했다^^... Create는 인증이 안되서 그냥 약간 가상으로 하는 느낌이였는데 서버랑 통신을 하면서 하니까 새로운 경험이였다.
• 👎
  • Read 하는 기능에 대해서 굉장히 만만하게 봤었는데 잘 안된다.. 내가 뭔가를 놓치고 있는건지.. 생각보다 시간이 오래 걸린다. 오늘도 카테고리랑 상세페이지 read부분 두가지를 하는데 둘 다 건드려만 놓고 완성은 못했다. 작업속도가 너무 더딘 느낌이라서 하는게 없는 느낌이다.
  • 오늘은 처음 프로젝트의 설계와 계획을 잘못했다는 걸 뼈저리게 느낀 날이였다. 이래서 처음 기획과 분배가 중요하다고 말하는 거였구나 라는 걸 다시한번 깨달았다. 우리 모두 한번도 프로젝트를 해본 적이 없기 때문에 남들이 하는 방식이 아니라 우리끼리 편하다고 생각하는 방식인 페이지 별로 분배를 해서 작업을 진행하고 있었다. 그러다 보니 업무의 분배가 균일하지 못했고 프로젝트의 기여도에 차이가 생기기 시작했다. 나는 특히나 전체적으로 팀의 업무 분담에 대해서 살펴야 하는 사람이였었는데 내가 할 일이 바쁘다는 핑계로 그 부분을 잘 살피지 못했었다. 나의 부족한 배려와 안일함 때문에 한 사람을 소중하게 생각하지 않게 되는 결과를 초래했고 이는 모두의 잘못이라고 치부하기에는 내 역할이 주는 책임을 무겁게 받아들이지 못했던 결과라는 생각이 들었다. 그래도 서로간의 오해가 쌓이는 시간을 두지 않고 바로잡을 수 있도록 시간을 만들어준 사람이 있어서 지금까지의 프로젝트 진행 방식을 고치고 새롭게 다시 시작할 수 있었다. 이래서 다들 컴포넌트별로 구성을 하는구나... 다시 한 번 기능별로 정리를 하니 알 수 있었다. 확실히 페이지마다 겹치는 기능들이 있었고 이 방법이 더 효율적인 방법일 수 밖에 없다는 생각이 들었다. 내가 쓴 페이지 뿐만 아니라 다른 페이지도 보면서 새로운 기능들을 구현할 수 있다는 생각에 앞으로의 작업들이 더 즐거워 질것만 같아서 다행이라는 생각이 들었다.

• 게시판 Read 구현 마무리

• 댓글 수정 기능 구현
• 북마크 기능 일부 구현

• 👍
  • 몽고DB의 강력함을 느낀 날이었다. collection의 document들이 참조형식으로 들어간 DB Schema에서 데이터를 쿼리하고 수정하다보니, 몽고DB가 얼마나 유연한 데이터베이스인지 몸소 느낄 수 있었다. 심지어 관계형 데이터베이스가 아님에도 mongoose의 populate 메서드를 쓰면 관계형데이터베이스의 join과 같은 기능들을 자유롭게 사용할 수 있었다. 북마크 기능을 구현하고, 댓글을 수정하는 과정에서 populate를 3중으로 쓰기도 했는데, ‘어? 이게돼?’라는 말이 절로나왔다. DB가 객체형식이다보니 쿼리가 막혔을 때, javascript의 객체 문법을 시험삼아 써보면, 몽고DB가 옳다구나 하면서 알아듣는게 참 신기했다.
• 👎
  • 프로젝트 후기들을 보면서, 꼼꼼하지 못하게 넘어간 부분은 뒤에서 꼭 화를 일으킨다는 말을 정말 많이봐왔다. 나는 그게 그냥 형식적으로 하는 말인줄 알았다... 하지만 난 오늘알았다. 그들이 오늘의 나에게 미리 해준 충고였다는걸... 회원가입 API를 짤 때, 고양이정보가 있는지 없는지로 분기하여 조금은 단순하게 로직을 짠게 화가 된 것 같다. 오늘에서야 다른 API에서 데이터를 처리할 때 해당 부분이 문제가되어 버그로 발견되었다. 그때도 분명 ‘클라이언트랑 얘기해서 조금더 상세하게 짜야될 것 같기도 하고...’라는 생각을 했었는데, 기본작업 먼저 다 마무리하고 나중에하자는 안일한 생각이 오늘의 내 뒷통수를 때렸다. 서버는 클라이언트와 DB를 연결하는 과정이므로 서버에 문제가 생기면 다른 업무에도 지장이 갈 수 밖에 없다는 걸 절실히 느낀 하루였다.

• 북마크 기능 구현 완료
• catInfo관련 버그 수정

• 멀티 모달 스텝 완성
• 로그아웃 기능
• 포스트맨 테스트 요청/응답 테스트

• 👍
  • 멀티스텝 모달을 완성했다. 단계가 많다보니 자잘하게 신경쓰지 못했던 부분에 대한 오류가 발생해서 처리하는데 어려움이 있었지만 완성된 결과물을 보니 매우 뿌듯하다. css도 적용해보니 꽤 그럴 듯 하다.
  • 이제 마무리하고 새로운 기능구현에 들어가는데 어색함이 많다. 아직 많은 양의 데이터를 다뤄본 적이 없어서 어색하지만 빠르게 적응하고 끝낼 수 있도록 포스트맨으로 요청응답을 미리 확인해놓고 빠르게 빠르게 하려고 한다!
• 👎
  • 만들어뒀던 이미지 컴포넌트에 문제가 생겼다. 이전에 테스트를 진행할 때 임시로 response를 응답하도록 서버 폴더를 수정한 뒤 테스트를 해서 제대로 테스트를 못했던 것 같다. useEffect를 통해 렌더링되는 사진url이 변경될 경우 formData를 서버에 요청보내는 방향으로 생각했지만 요청을 보내는 데이터가 빈 파일 이여서 팀원분이 트러블을 겪었다. 테스트를 했다고 생각했는지, 망각을 해버렸는지... 데이터 요청 응답을 잘 확인해야겠다. useEffect에 대한 이해도...아직 부족한 듯 하다.
  • 리덕스 전역상태관리에 점점 불편함을 느끼고 있다. 로그인 유무를 확인하기 위해 원하는 함수 안에서 임포트해온 함수를 실행하면 토큰유무를 리턴하는 함수를 작성하고자 했지만 hook을 불러올 수 없다는 이슈 때문에 애를 먹었다. 결국 해결할 수 없었다... recoil이라는 라이브러리는 이런 면에서 편리한 것 같은데 진작에 찾았으면 어떘을 듯 싶다..
  • 서버쪽에 대한 이해가 조금 부족해지는 듯 싶다. 아무래도 로그인 기능에만 치중하다 보니 게시글 데이터를 다뤄보지 않아서 그런 것 같긴 하지만, 서버쪽에 대한 이해도 어느정도 필요할 듯 하다.

• 게시판 업데이트 렌더링
• 게시판 삭제 기능 추가
• 게시판 업데이트 요청기능 추가

• 댓글 Create 기능 구현
• 댓글 Read 기능 구현

• 👍
  • 포토페이지를 제쳐두고 댓글 코드를 작성하니까 너무 신났다! 처음으로 서버랑 통신을 했다!! 반갑다 서버야! 서버에서 받아온 데이터로 렌더도 하구. 생각보다 댓글 기능 구현이 어렵지 않아서 계획된 시간보다 빨리 진행되는 느낌이다.
• 👎
  • 오늘도 사진업로더 적용으로 시간을 썼다. 생각해보면 라이브러리를 만드신 분이 고치시는 게 맞는 것 같은데 그걸 내가 끙끙 대고 있었으니ᅲᅲ 이런게 삽질이고 개발이구나...
  • 이제 코드 칠 시간이 3일 밖에 안남았다. TODO 리스트를 쫙 적어봤는데 할 게 너무 많다ᅲᅲᅲᅲ

• 댓글 Edit 기능 구현
• 댓글 Delete 기능 구현

• 게시판 Read 기능 구현

• 👍
  • 드디어 드디어 토요일까지 열심히 공부를 한 덕분에 Read 기능을 완성했다! 드디어!! 드디어!!! 큰 산을 하나 넘은 느낌이라서 너무 행복하다. 해낸 느낌이야~~
  • 실제로 데이터가 잘 나오는지 확인하고 싶어서 내 DB에 하나씩 찍어서 넣었는데 다들 웃어줘서 너무 행복했다. 더 웃기고 싶다.
• 👎
  • 코드를 깔끔하게 적고 싶었는데 그러지 못했다... 심지어 중복이라니! 근데 그게 해결이 안되다니!! 미치겠다 왜 안되는거지? 근데 지금은 거기에 시간을 쓰기보다는 다른 기능을 구현하는게 우선이니까 일단은 놔둬야하는게.. 약간 찝찝하다....... 으으.. 신경쓰여.....
  • 앞으로의 시간을 정리해 봤을 때 시간이 얼마 남지 않았다는 걸 알았다. 그 동안 좀 빨리 할걸.. 남은 시간을 보니 아쉬운 마음이 들기는 한다...

• 사이드바 렌더 기능 구현

• 북마크, 좋아요 기능 구현
• 이미지 삭제 버그수정

• 👍
  • 오늘 클라이언트에서 북마크,좋아요 기능을 구현할 예정이라 서버쪽에서 미리 관련기능을 구현해놔야할 것 같다는 생각에, 모든걸 마무리하고 upstream에 push까지하고 잤다. 자기전에 끝내야겠다는 생각이 드니, 최대한 효율적인 방법들을 생각하게되었고 어제의 실수를 반복하기 싫었기때문에 로직도 꼼꼼이 짜려고 노력했다. 서버를 혼자 계속 담당하다보니 클라이언트에서 어떤 데이터가 필요한 지, 어떻게 데이터를 받으면 좋을지 계속 생각하게 되었고 그러한 생각의 속도가 점점 빨라지는게 스스로도 느껴져서 조금은 뿌듯한 마음이 들었다.
• 👎
  • DB에서 데이터를 출력할 때 최대한 원하는 데이터와 가깝게 출력하려고 노력해야한다는 걸 느끼는 중이다. 일단 큰 범위로 출력하고 가공을 하려고 하니, 유지보수도 어렵고 예상치 못한 에러가 발생하는 경우가 많았다. 몽고DB가 자유로운 만큼 쿼리할때부터 꼼꼼이 해야겠다.
  • 배포와 관련해서 이해하는데 어려움이 많다. Route53으로 여러 도메인을 설정하는데 S3로 직접 연결하려고하니까 버킷의 이름과 도메인의 이름이 같아야했다. 다른 방법이 있는지 찾아보고있는데, 원리에 대한 이해가 선행되지 못하다보니 시간이 굉장히 많이 걸리는 느낌이었다. 배포는 좀더 시간을 들여 공부해봐야 할 것 같다. ᅲᅲ

• 토큰 갱신 미들웨어 추가
• isAuth API 추가

• 게시판 업데이트 렌더링
• 게시판 삭제 기능 추가
• 게시판 업데이트 요청기능 추가

• 👍
  • 로그인 모달을 완료하고 글 수정 삭제 기능을 구현하니 재미가 다시 붙었다. 로그인/회원가입 기능은 서버로부터 받아오는 데이터가 많지가 않은 반면 글 수정 삭제기능은 데이터를 다뤄서 화면에 직접 띄우는 것이라 눈으로 확인이 되니깐 더 재밌었던 것 같다. 데이터베이스도 연결해서 확인을 하니 더 재미가 붙더라. 오늘은 기능구현을 엄청 빨리 끝냈는데, 순기님의 친절한 API덕분인 것 같다.
  • 이전에는 리덕스에 저장되는 유저정보 관련 상태가 토큰뿐이여서 토큰으로 관리했는데 수정 부분에서 액세스 가능 여부를 체크해야했기 때문에 서버에서 추가적인 작업이 필요함을 느꼈다. 백엔드 팀원분과 얘기하며 이런이런 부분이 필요할 것 같다는 얘기를 하다보니 이제는 진짜 협업하는 느낌이 난다.
  • 유저 정보를 저장해놔야 게시글 수정말고도 댓글 수정기능 유저정보 수정기능에 필요함을 느꼈다. 사이드바 렌더링 시 이러한 과정이 중복으로 있어서 팀원분이 작업중이던 부분을 로그인 부분으로 옮기는 과정이 필요했고 성공적으로 잘 끝나서 기쁘다.
• 👎
  • 커스텀훅에 해결할 수 없는 오류가 생겼다. 기능적으로 중요한 부분인데 아무리 고쳐도 두번눌러야 정상작동한다.. 훅으로 받아온 함수를 두번 실행하는 것으로 개발을 진행 할 수 있었으나, 근본적인 해결책이 되지않고 나중에 커스텀 훅 이슈가 해결이된다면 코드를 다시 작성해야 하기 때문에 굉장히 찝찝하다. 기능 구현도 진행해야되기 때문에 틈틈이 문제해결을 시도해봐야겠다.

• 커스텀훅 오류 해결
• 북마크 페이지 렌더링
• AuthCheck 기능 추가
• 로그아웃 기능 추가

• 랜딩페이지 디자인
• 급여량 계산기 디자인
• 포토페이지 디자인
• 로그인/회원가입 모달 디자인

• 👍

  • 오늘은 CSS 기계가 되었다. 우리 니야옹의 대문인 랜딩페이지부터 작업을 했는데 글을 오른쪽 정렬할 때 잘 안되어서 애먹었다. 결국 해결은 했지만 ᄒᄒ 급여량 계산기도 와이어프레임이랑 비슷하게 구현을 해냈다!

  • 또 하나의 간판인 로그인 모달도 디자인이 항상 신경 쓰였는데, 결과물이 아주 만족스럽게 나왔다!!!

  • 코드 한 줄 한 줄마다 슉슉 바뀌는 CSS를 하니까 정말 재밌었다 ᄒᄒᄒ

• 👎
  • 기능 구현을 하려면 로그인 권한이 있어야하거나 서버가 구현되어 있어야 해서 일단 기능은 제쳐두고 오늘은 디자인을 했다. 기능 구현을 거의 못한 점이 좀 아쉽다.

• 포토페이지 Create 완성
• 포토페이지 Read 완성
• 포토페이지 Delete 기능

• 사이드바 랜더링 기능 구현

• 👍
  • 오늘은 프로젝트를 하다가 중간에 카페를 가서 친구랑 코드작업을 했다. 밖에 나갔다 와서 기분이가 매우매우 좋았다. 이런 날도 있어야지~!!
• 👎
  • 왜 나만 영호님이 만들어준 컴포넌트를 제대로 활용하지 못하는 느낌이 드는거지? 내가 어디서부분을 이해하지 못하고 있는건지 아직 감이 안 잡힌다. 시간이 늦었지만 영호님 데려가서 다시 물어봐야겠다.
  • 로그인 유지만 되면 거의 모든 기능이 금방 처리할 수 있을 거라는 생각이 들어서 마음이 급해진다. 2주 짜리 프로젝트임을 잊지말고 천천히 생각해야하는데 하다가 보면 마음이 조급해진다.

• 로그인 이슈 다시 확인하고 정리
• 사이드바 리팩토링
• 로그아웃 기능 구현

• HTTPS 배포테스트 완료

• 👍

  • https로 서버와 클라이언트를 배포하고 연결까지 테스트하는데 성공했다. 처음에는 http로만 배포를 하려고 했었는데, 하다보니 막히는 것도 많아서, ‘이렇게 막힐바에 똑같이 막히는 https로 배포하자’라는 생각이 들어서 https로 배포를 하기 시작했다. 하면서 느낀건 내가 지레 겁먹었다는 점이다. http나 https나 배포를 처음하면 어려운건 매한가지인 것 같고, 막상 하나하나 해결하다보니 생각보다 많은 것을 배울 수 있었다. 처음 배포를 접했을 때 EC2니, S3버킷이니, Route53, CloudFront,로드밸런서... 무슨 처음듣는 말들만 나와서 @_@가 됐는데 지금은 하루이틀 붙잡으면서 했다고 꽤 친숙한 느낌이 든다.

  • 또한 개발공부는 처음부터 이해하는게 아니라 하다보면 이해가 된다는 말을 배포를하면서 진짜 많이 느낀 것 같다. 처음에 다른사람이 헬프데스크에 올린 질문과 답변들을 읽었을 때는, 도대체 무슨 말들을 하는 건지 알 수가 없어서 많이 답답했는데 오늘 읽어보니 고개가 절로 끄덕여졌다. 많은 것을 느낀 하루였다.

• 👎

  • 이번 프로젝트에서 서버를 담당하면서 후회되는 점 중 하나는 API문서를 미리 꼼꼼이 작성하지 않았다는 점이다. 완벽하진 않더라도 데이터의 흐름이나 형태들을 생각하면서 개괄적으로 틀을 잡아놓고, 프로젝트를 진행하면서 추가,수정하는 방향으로 진행했어야 했다. 지금생각해보면 처음에 작성한 API문서의 완성도는 대략 10%?20%도 안될 것 같다. 그러다보니 프로젝트를 진행하면서 기능구현과 함께 API문서를 작성해야했고, 굉장히 많은 시간을 뺏겼다. 또한 작성해야되는 API의 내용이 많다보니 작성과정에서 실수들이 종종 생겼고, 이는 API문서를 보고 기능을 구현해야하는 클라이언트 팀원들에게 피해를 주게 되었다.

  • 나도 4주차프로젝트때 프론트엔드를 담당하게 될텐데, 클라이언트 입장에서 서버에서 데이터가 잘 안받아진다고 서버코드까지 살필 여유는 없을 것이다. 결국 API문서에 많이 의존하게 된다는 점에서, 생각할수록 API문서를 꼼꼼이 작성하는게 중요하다는 생각을 했고 반성도 많이하게되었다.

• 실제 배포 전 준비작업
• 서버 버그픽스
• 클라이언트 기능구현 서포트

• 북마크 페이지 렌더링
• 훅 AuthCheck 기능 추가
• 커스텀훅 오류 해결
• 로그아웃 기능 확인

• 👍
  • 드디어 이틀동안 나를 괴롭히던 훅 오류를 해결했다. 문제는 리덕스 스토어의 같은 곳에 여러번 데이터를 재할당했던게 문제였다. 원하는건 두번째 액션의 payload인데 첫 번째 액션에서 미리 선언했던 훅이 실행돼 출력값에 필요 없는 데이터가 들어갔던 것이다.. 오류를 해결해서 너무 다행이다 많이 늦었지만..
  • 마감기한에 맞추려고 스케쥴을 촉박하게 짜놨었는데, 일찍 끝내고 팀원들을 도울 수 있게 되었다. 어떻게든 구상한 부분까지 끝내도록 노력할 것이다. 다들 화이팅
• 👎
  • 디자인 패턴에 대한 이해가 부족한 것 같다. 알고리즘 풀때부터 내 고질적인 문제는 너무 바텀업 방식에 치우쳐있다는 것이다. 컴포넌트에 기능들을 하나하나 추가하다 보면 어느새 두꺼워진 코드가 눈앞에 있고, 이를 해결하기 위해 또 고민하는 등 시간을 중복으로 사용하는 느낌이다. 짧은 기간이라 공부가 많이 부족했다고 생각되고 앞으로 디자인 패턴을 공부해서 리팩토링을 진행해볼 필요가 있겠다.

• 로그아웃 버튼 사이드바에 적용
• 남은 기능구현 or CSS
• 잠 안자기..

• 모달 바깥 영역 클릭 시 닫기 구현
• 포토페이지 Create, Read 완성!
• 댓글 Create, Update

• 👍

  • 모달 창의 바깥을 누르면 닫아지도록 구현하고 싶었는데 끙끙대고 나서 결국 성공했다!! UX를 좋게 하기 위해선 개발자가 똑똑해야 하는 걸 느꼈다..

  • 지긋지긋해진 포토페이지가 드디어 동작한다!!! 서버로 전송도 되고 서버에서 받아와서 렌더도 된다!! 우아 신난다!!

  • 댓글 기능도 어느정도 구현했다 오예

• 👎

  • 마감일이 다가오고 팀원들한테 너무 질문을 자주 하는 것 같아서 질문을 아꼈더니 내 문제가 아닌 것을 내 문제로 고민하고 있었다ᅲᅲ 질문은 바로 바로 하자ᅲ

  • 으악 나만 아직도 할 일이 잔뜩 남았다.. 언제 다하지..? 마감이 다가오니까 더 조급해져서 코드가 잘 안쳐진다ᅲᅲ

• 댓글 Delete
• 북마크 기능

• 사이드바 1차 기능 구현
• 마이페이지 렌더기능

• 👍
  • 생각보다 작업이 빨리 끝날것 같은 근거 없는 자신감이 생기는 날이였다. 왜지? 뭔가 오늘따라 그래서 그런지 이것저것 손을 많이 댄 것 같다. 새로운 기능을 구현하는것도 중요하지만 내가 했던 기능을 수정하면서 전체적으로 봤던 날이라서 그런 것 같다. 완벽한 기능은 없지만! 그래도 당분간은 잘 작동하는 내 기능들을 보면서 뿌듯함을 가져서 자신감이 생긴 것 같다.
• 👎
  • 뭔가 믿기지가 않는다 프로젝트가 끝나간다니.. 나는 아직 한참 남은 느낌인데 마감일은 다가온 느낌? 2주가 2주가 아닌 느낌이라서 그런가? 조금 더 흐름을 빨리 파악했더라면 속도가 빨랐을 것 같은데 라는 아쉬움이 든다. 그렇지만 이래서 페어를 했던 분들 중에 일단 뭐라도 만들어 보라고 추천해주셨던 이유를 알것도 같았다. 이번에 만들게 되면서 더 많이 배운느낌? 그래서 진짜 그 추천을 받고 시간을 내서라도 뭐라도 완성을 한번 해봤을 걸 그랬나.. 라는 아쉬움이 드는 날이였다.
  • 그래도! 아직! 해야하는 기능들이 많이 남았다!!!!! 빨리 해야한다!!!! 너무 프로젝트 규모가 커서 그런지 몰라도 이제 2주 프젝이 끝나가는데 4주 걱정이 벌써 된다. 내가 지치지 않고 계속 잘 달렸으면 좋겠다.

• 마이페이지 수정 기능
• 사이드바 기능 구현 완료

• 👍
  • 여기에 좋았던 점!
• 👎
  • 여기에 속상했던 점!

• 👍
  • 여기에 좋았던 점!
• 👎
  • 여기에 속상했던 점!

• 댓글 Delete
• 포토 Delete
• 북마크 기능

• 👍

  • 북마크 기능을 구현했다! 우리 웹사이트 핵심 기능인데 시간이 없어서 못하면 어쩌나 했는데 할 수 있어서 다행이다.

  • 포토페이지 삭제 기능도 댓글 삭제 기능도 구현했다.

  • 시간이 촉박하다 보니, 막히는 부분이 있으면 고민 시간을 줄이고 팀원들에게 물어봤는데, 페어 프로그래밍 느낌으로 슉슉 진행되어 기분이 좋았다.

• 👎
  • 북마크 기능이 핵심 기능인데 일의 순서에서 좀 앞으로 갔어야 했을 것 같다. 막바지에 작업하다 보니 충분히 고민해 볼 시간 없이 후다닥 코드 치기에 바빴던 것 같다.

• 전체 CSS

• 👍
  • 여기에 좋았던 점!
• 👎
  • 여기에 속상했던 점!

• 👍
  • 여기에 좋았던 점!
• 👎
  • 여기에 속상했던 점!

• 👍
  • 여기에 좋았던 점!
• 👎
  • 여기에 속상했던 점!

• 전체 CSS

• 👍

  • 기능은 대부분 완성되어서 디자인을 모두 담당하기로 한 내가 CSS를 하나하나 다 했다.

  • 끝 없이 나타나는 에러를 해결하기 위해 팀원분들이 고생을 많이 하셨다ᅲᅲ 정말 멋지다

• 👎
  • 가끔 나타나는 완벽주의 기질이 CSS를 할 때 나타나서 스스로 힘들었다. 버튼 모양 색깔이 조금 비슷하면 어때서! 어떤 색깔이 제일 나은가 요리조리 바꿔보고..

• 프로젝트 발표 준비

• 👍
  • 여기에 좋았던 점!
• 👎
  • 여기에 속상했던 점!