본문 바로가기

분류 전체보기179

211004(월) - 서비스 API 관련 부분 리팩토링 목차 서비스 API 관련 부분 리팩토링 문제의식 목표 기준 리팩토링 진행 결과 서비스 API 관련 부분 리팩토링 문제의식 후기 글을 작성하는 함수를 예시로, 코드를 추가하거나, 코드에 문제가 발생했을 때, 총 3개의 파일(함수가 사용되는 컴포넌트 파일, service/index.js, requests.js)을 확인해야 하는 번거로움이 있었기 때문에 그 과정을 줄이고 싶었다. 또한, service/index.js에 있는 함수들은 두 번째 사진과 같이 동일한 형태가 반복되고 있었고, 디렉터리 구조를 봤을 때 마지막 사진처럼 서비스 관련 로직들이 분산되어 있어 리팩토링이 필요했다. 목표 이번 리팩토링의 목표도 지난 리팩토링과 동일하게 '새로운 개발자가 쉽게 이해할 수 있는 코드'였다. 기준 이번.. 2021. 10. 4.
210926(일) - 211002(토) 목차 측정 도구 변경 측정 기록 측정 분석 측정 관련 달라질 부분 (개선할 부분) 이번 주 목표 측정 도구 변경 기존 Toggl라는 서비스를 이용했다. 하지만, 같은 서비스를 이용하고 있는 프론트 크루인 도비가 이전부터 사용했는데 30일만 무료로 이용할 수 있었다는 안타까운 소식과 함께 대안으로 Clockify라는 무료 서비스를 소개해 주었다(도비 고마워👍). Clockify는 무료로 이용할 수 있다는 장점이 있지만, Toggl에 비해 어설픈 UI와 통계 부분에서 내가 원하는 정보를 못 본다는 점에서 완벽한 대체재는 되지 못한 것 같다. 그래도 무료라는 점에서 감사해야겠다. 측정 기록 공부 시간 잡다한 시간(거의 논 시간..) 측정 분석 측정한 시간에 대해서 말하면, 뭐 이건 거의 논 수준이다. 사실 논.. 2021. 10. 3.
211001(금) - 컴포넌트 디렉터리 구조 변경 목차 컴포넌트 디렉터리 구조 변경 문제의식 목표 기준 리팩터링 진행 결과 컴포넌트 디렉터리 구조 변경 프로젝트를 시작하면서 컴포넌트 디렉터리 구조에 대해 페어와 많은 이야기를 나눴지만 우리 프로젝트에 어떤 구조가 잘 들어맞는다라는 것을 찾지 못해, 계속 고민을 해보자며 보류하고 있었다. 특별한 변경 없이 components 폴더 안에 컴포넌트를 추가해 갔는데, 도메인에 상관없이 사용될 수 있는 컴포넌트와 우리 도메인의 성격을 띤 컴포넌트로 나눌 수 있어서 common 폴더만 따로 분리한 상태였다. 현재 디렉터리 구조는 다음과 같은 형태다. 문제의식 확실히 컴포넌트 개수가 많아지니, 한눈에 찾기는 쉽지 않았다. 하지만, 프로젝트를 진행하면서 컴포넌트의 이름은 파악하고 있고, 컴포넌트도 cmd + p로 검색.. 2021. 10. 1.
210930(목) - 전체 회의 README.md 논의 / 프론트엔드 회의 및 회고 목차 전체 회의 README.md 논의 프론트엔드 회의 및 회고 글 작성 시 개행 / favicon / Open Graph 전체 회의 READMD.md 논의 우리 팀의 프로젝트 READMD.md가 깔끔하게 비워져있다. 이 부분을 어떻게 채울까 지난번에 잠깐 이야기를 했는데, 팀원 서로가 프로젝트 README.md에서 보여줘야 할 내용에 생각이 달랐다. 그래서 오늘 깔끔하게 정했다. 우리 팀이 정했던 방식은 각자 README.md에 들어가야 한다고 생각하는 부분을 노션에 작성하고, 취합하여 겹치는 내용 순으로 README.md의 콘텐츠로 결정하는 식이었다. 전체적인 틀을 이렇게 잡고 세부적인 부분은 논의를 통해 진행했다. 의견이 갈리는 경우는 투표, 동률이 나오는 경우는 사다리 타기로 결정했다. 추가적으로.. 2021. 9. 30.