Projects57 211005(화) - 커스텀 훅으로 분리 목차 커스텀 훅으로 분리 문제의식 목표 기준 리팩토링 진행 결과 커스텀 훅으로 분리 문제의식 우리 애플리케이션의 특성상 다양한 페이지에서 서로 접근이 가능하다. 이 부분에 관해 살펴보니, myPageCommentReview, myPageLikeReview, myPageReview, reviewEditPage, reviewPage 등에서 reviewDetailPage로 이동이 가능했는데, 모두 동일한 함수를 각 페이지에서 선언 및 사용하고 있었다. 다른 페이지에서도 이와 동일한 상황이었다. 동일한 함수를 사용하고 있으므로 함수로 분리할 수 있으나, useHistory를 사용하고 있어서 커스텀 훅으로 분리할 수 있다고 생각했다. 목표 목표는 현재 사용되고 있는 모든 커스텀 훅을 사용해서 history.pus.. 2021. 10. 5. 211004(월) - 서비스 API 관련 부분 리팩토링 목차 서비스 API 관련 부분 리팩토링 문제의식 목표 기준 리팩토링 진행 결과 서비스 API 관련 부분 리팩토링 문제의식 후기 글을 작성하는 함수를 예시로, 코드를 추가하거나, 코드에 문제가 발생했을 때, 총 3개의 파일(함수가 사용되는 컴포넌트 파일, service/index.js, requests.js)을 확인해야 하는 번거로움이 있었기 때문에 그 과정을 줄이고 싶었다. 또한, service/index.js에 있는 함수들은 두 번째 사진과 같이 동일한 형태가 반복되고 있었고, 디렉터리 구조를 봤을 때 마지막 사진처럼 서비스 관련 로직들이 분산되어 있어 리팩토링이 필요했다. 목표 이번 리팩토링의 목표도 지난 리팩토링과 동일하게 '새로운 개발자가 쉽게 이해할 수 있는 코드'였다. 기준 이번.. 2021. 10. 4. 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. 이전 1 2 3 4 5 6 ··· 15 다음
