프로그래머스 프론트엔드 데브 코스 프론트엔드 과정의 기록입니다.
8월 28~29일 (토, 일) - 4주차 회고
📅 Week 4 ToDo
1. JavaSciprt 심화 학습
2. CS 스터디 모임 활동
나의 발표 주제
팀원들과의 공유 학습 주제
-
TCP와 UDP
-
개발자도구 Network 탭을 통한 웹 성능 지표
-
JavaScript 이벤트 버블링, 캡처링
-
JavaScript Promise
-
JavaScript call, apply, bind
-
Node.js 아키텍처
3. 업무 관리 툴 Notion 클로닝 프로젝트
4. 멘토링 (with. Lucas)
5. 코딩테스트 대비 문제 풀기
📚 TIL
1. 4주차 학습 내용 복습
| 제목 | 내용 | 링크 |
|---|---|---|
| Day 16 | TIL | 링크 |
| Day 17 | TIL | 링크 |
| Day 18 | TIL | 링크 |
| Day 19 | TIL | 링크 |
| Day 20 | TIL | 링크 |
2. 코딩테스트 대비 문제 해결
📮 Feelings
4주차 심화 학습 내용 복습
4주차에 작성한 TIL들을 보며 간단히 학습 내용들을 복습하며 그 중에서 history API에 관하여 사용법 자체는 익숙해졌지만 그 후의 SPA의 라우팅 동작을 통해 각각의 컴포넌트들에 변경된 상태를 반영하는 코드를 구현하는데에 미숙함이 느껴져서 구글링을 통해 여러 라우팅 구현 코드들을 찾아보았다.
그 후에 자동저장편집기의 서버와의 통신 방법 그리고 렌더링과 관련하여 구현해보며 어느 정도 코드 구현에 능숙해졌다고 생각하며, 처음에는 코드의 틀을 어떻게 잡을지 많이 막막했는데 컴포넌트 설계 과정에서 상태가 필요한지 상태변경이 이루어지는지에 대한 중점을 두고 구현하니 확실히 코드를 짜기에 용이함을 느꼈다.
코드를 짜내기 막막하다면 내가 설계에 대한 생각을 하지 않고 코드를 짜려고 하는구나 하며 나를 돌아보게 된 경험이였다. 어렵겠지만 App 컴포넌트를 기반으로 각각의 컴포넌트의 독립적인 핵심 기능이 무엇인지에 대하여 생각하며 코딩을 할 수 있도록 더 많은 노력을 해야겠다.
코딩테스트 대비 문제 해결
프로그래머스 - 위클리 챌린지 4주차
입력값의 최대범위를 생각해보며 완전 탐색 유형으로 해결법을 접근하게 되었다.
그 후 Map 객체를 통하여 문제의 요구사항에 대한 데이터 처리를 통하여 문제를 해결할 수 있었다.
Week 4 회고 🙏
벌써 프로그래머스 데브코스 프론트엔드 과정을 시작한지 한 달의 시간이 지나갔다. 이번 4주차를 돌아보는 시간을 가지기 위해 포스팅을 작성하였다.
이번 4주차는 개인 프로젝트를 진행하는데에 많은 시간을 들였다. 지난 3주차 까지의 기본 지식을 토대로 새로운 것을 구현해내는 난이도 높은 활동으로 나에게 다가왔다.
학습하며 정리해왔던 내용들임에도 불구하고 응용하여 내가 웹을 구현한다는 점이 여전히 어렵게 느껴지지만 그래도 하루하루 구현이 이루어지는 나의 프로젝트를 보며 실력 상승이 이루어지고 있음을 느끼게 되었고 나를 포기하지 않게 해주는 것 같다.
이번 4주차에는 다른 활동 역시 많이 겹쳤기에 온전히 개인 프로젝트에만 시간을 쓰기가 어려웠지만 한 편으로 다양한 공부를 할 수 있어서 좋은 주차였다. 하지만 다음 주는 개인 프로젝트 최종 기간이므로 하루 학습에 80% 정도를 온전히 프로젝트에만 집중하려고 한다.
프로젝트 역시 진행하면 할 수록 Vanilla JS를 활용한 SPA 개발에 대하여 데이터간 흐름과, 렌더링 순서에 대하여 이해도가 상당히 올라가게 된 것을 느낄 수 있었다.
이번 4주차 역시 성공적으로 마쳤다는 생각에 기분이 좋았고 다음 5주차는 4주차 보다 더 성장한 나의 모습을 볼 수 있기를 바라며 그러기 위해 하루하루를 최선을 다하자고 다짐한다.
📅 Future Action Plans
- 업무 관리 툴 Notion 클로닝 프로젝트 - 사이드바 구현하기
