일일 회고 2주차 - geombong/issue-tracker Wiki

2022/6/20 (월)

Millie

  • J와 함께 컴포넌트 설계를 했다. 처음 써 보는 툴인 excalidraw라는 것을 사용해 보았는데 사용법은 간단했다. 컴포넌트의 구조가 좀 더 명확해졌고 소통하는 과정에서 프로젝트의 방향성도 좀 더 잡을 수 있어서 좋았다. labels, milestones 페이지는 보류하기로 했다.
  • 각자 OAuth 학습을 한 후 밤 10시에 다시 만나서 1시간 가량 프로젝트에 어떻게 적용할지 회의를 했다. 우연히 줌에 백엔드 분들도 로그인에 대해 열띤 토론을 하고 있었어서 함께 이야기를 나눌 수 있었다.
  • webpack을 수정했고 이젠 production mode로 빌드가 잘 된다. netlify로도 배포가 성공적으로 되었다.
  • Axios를 학습해보고 Mock 로그인을 아주 간단하게 구현해봤다.

J

  • 오전에 병원에 다녀오느라 오후부터 참여했다. 확실히 오전에 못하니 시간이 훨씬 더 짧게 느껴졌다..
  • 리뷰 반영 후 컴포넌트 설계를 했다. 머리로 생각하는 것 보다 시각화 하는게 확실히 정리가 잘 되는 느낌이다.
  • GitHub 로그인 구현을 위해 OAuth 학습을 먼저 했다. 생활코딩 강의를 듣고 OAuth의 흐름에 대해서 어느정도 이해를 할 수 있었다.

Tany

검봉

  • 주말에 큰 산 하나를 넘어서 다행히 오늘부터 OAuth를 진행할 수 있었다. OAuth로그인을 처음구현해보는거라 걱정이 많지만 그래도 타니와 함께 하면 충분히 해낼수 있을거 같다.
  • OAuth가 생각보다 알아야할것도 많고 생각할것도 많아 쉽게 끝나지 않을거같아 조금 걱정이 되지만, 1주차와 같이 너무 조급해하지말고 할 수 있는것부터 하나씩 빠르게 처리해봐야겠다.

2022/6/21 (화)

Millie

  • 분업을 본격적으로 하기 위해 Epic 이슈를 발급했다. 우선 페이지 단위로 발급을 하고 하위 이슈로 저번에 J와 함께 작성한 User Story를 넣어주었다.
  • New issue 페이지의 UI를 구현 중이다. ContentsHeader, Textarea 공통 컴포넌트를 추가적으로 만들었다.
  • 컨디션 관리를 잘 해야겠다는 생각이 정말 많이 들고 있다.

J

  • 수업, 특강, 스터디까지 하고나니 너무 늦게 작업을 시작했다. 피곤한 상태로 시작하니 집중이 안되고 2배로 힘든 느낌이다. 체력이 회복이 얼른 되었으면 좋겠다.
  • Home(Issue List) UI 구현
    • Details 태그를 처음 사용해봤다. 마크다운에만 있는 기능인줄 알았는데 HTML 태그로 사용가능했다는 걸 처음 알았다. ie는 지원이 안되지만 이제 ie는 크게 신경쓰지 않는 분위기인 것 같다.
    • Details를 알아보다가 GitHub에서 만든 Details-menu라는 것을 알게 되었다. 한번 사용해보려 했지만 TypeScript로 어떻게 해야할지 모르겠고 알아보기에는 시간이 충분하지 않아서 사용하지 않았다. 기회가 되면 한번 알아보면 좋을 것 같다.
    • component props, styled-component props 등등 타입 지정하면서 작업하다보니 속도가 더 느린 기분.. 손이 엄청나게 빨라졌으면 좋겠다.
  • Light/Dark 모드를 구현하다보니 뭐 하나 만들때 마다 Theme 색상을 지정해주면서 하는 중이다.. 미리 다 지정 해놓을걸 그랬나.. type에도 추가하고 각 Theme에도 추가해줘야하다보니 색상이 헷갈릴때가 있는 것 같다.😅

Tany

검봉

  • OAuth를 검색하고 구글링하면서 정보를 얻어 조금씩 코딩을 하고 있다. 하나하나 알아가면서 코딩하는건 매번 쉽지 않고, 고통스러울때도 있지만 배움에 고통은 당연한거라 생각하며 즐기려고 노력하고 있다.
  • 남의 코드를 이해하고 나의 입맛에 맞게 코드를 변경해보고 이런저런 작업을 하는중인데 하나를 건드리면 두개가 안된다 하하 하지만 학습하고 코딩하는것 보단 나한테는 이게 더 맞는 방식인거 같다.

2022/6/22 (수)

Millie

  • 2주차 첫 번째 PR을 보냈다. 벌써 3번째 PR이다. 시간이 정말 빠르다!
  • NewIssue 페이지의 UI는 구현을 완료했다. textArea를 만들었는데 input에 type=file을 이렇게 써먹을 수 있다는 것을 배워갔다.
  • DropDown이 여기저기에서 쓰이는데 조금씩 다르다. 이것을 props에 따라서 달라지게 할 수 있도록 재사용이 가능하게 구현해 보고 있는데 조금 까다롭다고 느껴진다. 경우가 많은데 이것을 제이가 문서화를 해줘서 그래도 헷갈리지 않게 해내고 있다.
  • 내일은 OAuth를!!!

J

Tany

검봉

  • 드디어 OAuth 기능을 서버에 배포하였다. 비록 미완성이지만 유저의 정보를 가져오고 토큰이 생성되는것 까지 확인하니 뭔가 뿌듯했다. 내일 인터셉터를 달고 예외처리를 하여 완정된 기능으로 만들어 봐야겠다.
  • 프론트 분들께서 API 초안에 대해 추가 및 수정해야 할 내용을 말씀해주셨다. 초안을 쭉 보면서 "이때는 왜 이렇게 밖에 생각하지 못했지?" 라는 생각이 들었다. 역시 이런건 한번에 완벽하게 만들기에는 아직 내가 많이 부족한거 같다. 좀 전까지 수정하면서 쭉 내용을 살펴봤는데 이상한게 한 두개가 아니라 내일 타니와 이야기 해봐야할거 같다.

2022/6/23 (목)

Millie

  • MSW를 처음 활용해서 mock data를 가져와 화면에 그려줘봤다. 예전에는 json-server를 활용했었는데 MSW라는 것을 알게되었다. 추후에 json-server와 면밀하게 비교해서 정리를 해 볼 예정이다.
  • 콜라가 중첩 라우팅이 안 된다고 해서 나도 확인해보니 제대로 안 되고 있었다. CRA에서는 잘 되는데 안 되는 것을 보면 webpack의 설정 문제인 것이 유력해서 구글링을 했더니 역시 그게 맞았다. output에 publicPath를 '/'로 설정해 주니 잘 되었다.

J

Tany

검봉

  • 인터셉터를 달고 토큰을 검증하는 로직을 대략적으로 완성하였다. 토큰 없이는 메인과 로그인 화면에만 접근이 가능하며 그외 모든 url에 접근을 하기 위해서는 로그인을 해서 토큰을 얻어야만 가능하다.
  • 환경변수 설정하는거 때문에 타니와 한참을 삽질을 했다. 보안에 신경쓰면서 코딩을하고 코드를 올리는건 참 어려운거 같다.
  • 우선 인터셉터까지 배포를 완료해서 서버에서 기능을 직접 사용해 볼 수 있게 되었다. 아직 완벽하게 만들어진건 아니지만 그래도 하나씩 발전해 가는게 참 재미있다.
  • 성격이 꼼꼼하지 못해서인지 API 문서를 반복적으로 수정하는 일이 발생하고있다. 여러모로 다른 팀원들에게 죄송하다. 한번에 끝내야 서로 좋은데 문서 작업을 좀 더 꼼꼼하게 할 수 있도록 노력해야겠다.

2022/6/24 (금)

Millie

  • MSW를 활용해서 query에 따라 데이터를 필터링해서 보여줘야 하는데 처음 해 보는 거라 사용법을 잘 몰라서 시간이 좀 걸렸다. 앨런의 도움으로 필터링하는 로직을 참고해서 구현해 볼 수 있었다. 제대로 mock server를 구현하려면 꽤나 시간이 들 것 같은데 이렇게 해 보는 것도 재미있는 경험이다. 주말에 좀 더 구현해보려고 한다.
  • 밤 9시에는 J와 만나 OAuth 로그인을 구현해 보려고 했다. 하다가 Whitelabel 에러 페이지가 뜨기도 하고 막히는 게 있어서 검봉을 호출했는데, 잘 알려주셔서 감사했다. 이 역시 주말에 좀 더 학습을 하고, 각자 어느정도 구현해본 후 월요일에 마무리를 해 보려고 한다.

J

Tany

검봉

  • 아직 너무 많이 부족한거 같은데, 벌써 다음주가 마지막이라니 시간이 정말 빠른거같다. 이전의 나를 돌아보며 얼마나 성장한건지 생각해보지만 크게 성장하지 못한거 같다.
  • 주말동안 이번주 프로젝트하면서 몰랐던 것을 정리하고, 다음주부터 빠르게 API 개발을 진행해야겠다. 여러번 수정을 했는데도 아직 많이 부족한거 같다.
  • 다음주가 마지막이니 조금 더 속도를 내야겠다, 마지막까지 다함께 웃으며 마무리할 수 있었으면 좋겠다 ㅎ_ㅎ