프로그래머스 프론트엔드 데브 코스 프론트엔드 과정의 기록입니다.
8월 27일 (금)
📚 TIL
1. 업무 관리 툴 Notion 클로닝 프로젝트 요구사항 기획하기
2. 코딩테스트 대비 문제 해결하기
📮 Feelings
1. 업무 관리 툴 Notion 클로닝 프로젝트 요구사항 기획하기
Vanilla JS만을 활용하여 업무 관리 툴 Notion을 구현하는 클로닝 프로젝트를 시작하였다. 기본적인 요구사항을 정리해보며 레이아웃을 꼼꼼히 기획하는 시간을 가지게 되었다.
기본적인 루트 페이지에서 시작하여 하위 페이지를 포함시키는 데이터 구조에 대한 구상을 정리해보며 어느정도 감이 잡히게 되었다. 그리고 편집기의 저장과 같은 버튼이 따로 없는 UI를 구현해야 하므로 API를 활용하여 서버에 데이터를 저장하고 프론트에서 렌더링이 정확하게 이루어지게 하기위해 상태 관리에 대하여 곰곰히 고민하게 되었다.
History API를 활용하여 SPA의 형태로 프로젝트를 구현하기 위해 API 사용법 역시 꼼꼼히 정리하였고 어느정도 기초 초안이 그려졌다. 서두르지말고 천천히 기능을 수행할 수 있게 구현하도록 노력하여야겠다.
2. 코딩테스트 대비 문제 해결하기
프로그래머스 - 위클리 챌린지 2주차
2차원 배열의 범위가 2 <= 입력값 <= 10으로 행과 열의 최대 입력 수는 각각 10으로 입력값의 최대범위를 100 이하로 선정하여 완전 탐색 유형의 문제로 해결법을 접근하였다.
이중 for문을 통하여 전체 요소를 순회하면서 각 조건들을 순차적으로 해결해나가며 성적은 산출하는 함수는 따로 구현하여 문제를 해결할 수 있었다.
조금 까다로웠던 점은 행의 값은 한 학생이 받은 점수가 아니라 한 학생이 각각의 학생들에게 부여한 점수라는 점이였다. 그래서 각 행의 1열에 해당하는 값에 접근을 통해 각각의 조건을 성립시켜야 한다는 것에 주의하자.
마치며 🙏
이번 Notion 클로닝 프로젝트에 대해 설렌 반, 걱정 반인 상태의 하루를 보내게 되었다. 부수적으로 필요한 CSS에 대해서도 구현을 할 수 있도록 CSS 공부 역시 철저히 할 계획이다.
이번 주말을 통해 API 활용법을 복습을 통해 좀 더 숙지하여 나만의 생각을 담아 프로젝트를 해결해 나갈 수 있도록 해야겠다.
다음주 월요일 부터는 온전히 이 프로젝트의 구현이 진행되어야 하므로 이번주에 다룬 구현 내용들을 확실하게 숙지하는 주말이 되어야 할 것 같다.
📅 Future Action Plans
-
4주차에 다룬 JavaScript API 활용법 복습
-
CSS에 대해 공부한 내용 github를 통해 간단히 복습
-
코딩테스트 대비 문제 해결하기
