본문 바로가기

백중원30

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.
210927(월) - 데모데이(10/28)까지 정리 목차 데모데이(10/28)까지 일정 정리 데모데이(10/28)까지 일정 정리 다음 데모데이까지 할 일이나 협업 방식에 대해서 마지막 스프린트를 시작하면서 새롭게 계획했다. 이번 스프린트의 큰 주제는 리팩토링이다. 데모데이까지 약 한 달 정도의 시간이 있는데, 새로운 기능 추가보다는 현재 코드를 더 나은 방향으로 수정해나가는 작업이 주가 될 예정이다. 리팩토링 components 폴더 내 디렉토리 구성, 에러 처리, 서비스 파일 위치, 커스텀 훅의 의존성 분리 등 리팩토링 목록을 리스팅 했다. 커뮤니케이션 지난 스프린트에서 처음 코드 리뷰를 도입해 보면서, 각자 느꼈던 부분을 회고했다. 생각들을 종합하자면 장점으로는 시간을 유동적으로 활용할 수 있었던 점, 리뷰로 상대방이 짠 코드를 더 꼼꼼하게 볼 수 있.. 2021. 9. 27.