프로그래머스 프론트엔드 데브 코스 프론트엔드 과정의 기록입니다.
8월 30일 (월)
📚 TIL
1. 업무 관리 툴 Notion 클로닝 프로젝트 진행
2. 코딩테스트 대비 문제 해결하기
📮 Feelings
1. 업무 관리 툴 Notion 클로닝 프로젝트 진행
어제까지 완료한 기본적인 레이아웃 구상을 토대로 오늘은 기본 요구사항 기능들 중에서 Editor 관련 요소를 제외하고 문서 추가, 삭제, 조회에 관한 기능을 구현하였다.
작은 작업 단위로 기능들을 나눈 후 더미데이터를 통한 기능 동작 이상이 없음을 확인하였으며 구상했었던 레이아웃을 지키며 컴포넌트들의 관계를 구현하였다.
라우터 기능을 구현하며 각각의 상태에 대한 변경을 직접 접근 방법이 아닌 컴포넌트 별로 독립적인 상태 변경이 이루어지도록 구현하였다. 여기서 각각의 라우팅을 최대한 Notion과 같은 동작 방식으로 이루어지도록 사이드바와 Editor의 상태 변경을 함께 렌더링하도록 구현하였다.
2. 코딩테스트 대비 문제 해결하기
프로그래머스 - 위클리 챌린지 5주차
입력값의 최대범위를 생각해보며 완전 탐색 유형으로 해결법을 접근하게 되었다.
중복 순열 알고리즘을 구현하여 flag를 통해 원하는 값을 얻었으면 나머지 불필요 연산들이 이루어지지 않게 하여 문제를 해결할 수 있었다.
마치며 🙏
Notion의 사이드바를 구현하며 하루를 마치게 되었다. 그래도 기본적인 기능사항에 대하여 이상 없이 구현하게 되어서 다행이였다.
아직 수정하고 싶은 부분들이 많지만 일단 기록사항에 남겨두고 기본 틀을 만든 후 리펙토링 하려고 구상하고있다. 아직까지 미숙한 부분이 많다고 느껴지며 코드의 길이가 길어질수록 방향을 자주 잃게 되는 것 같다.
구현한 코드에 대해 큰 틀에 대하여 까먹지 않도록 지속적으로 코드 전체를 읽어보며 리펙토링이 필요한 부분을 기록해두어야겠다.
📅 Future Action Plans
-
업무 관리 툴 Notion 클로닝 프로젝트 - 루트 문서 삭제 시 해당 하위 문서 전체 삭제 알고리즘 구현하기
-
코딩테스트 대비 문제 해결하기
