프로그래머스 프론트엔드 데브 코스 프론트엔드 과정의 기록입니다.
8월 26일 (목)
📚 TIL
1. ToDoList 구현
2. Editor 구현
📮 Feelings
1. ToDoList 구현
Vanilla JS로 ToDoList의 요구사항에 해당하는 기능들을 Component 단위로 구현하였으며, 전체적으로 각 Component에 CSS 작업을 수행하며 ToDoList의 구현을 완료하였다.
추가적으로 하고 싶은 작업은 각 Component의 state에 대하여 validation을 좀 더 상세하게 처리하는 과정을 추가로 구현하고 싶어졌다.
2. Editor 구현
Vanilla JS로 간단히 자동저장편집기에 대한 기능들을 구현해보는 연습을 하게 되었다. 진행중인 Notion 클로닝 프로젝트에 핵심적으로 구현해야할 기능이기에 구현에 필요한 API들을 Component에 반영하는데에 익숙해지도록 반복적으로 코딩을 진행하였다.
많이 연습했지만 아직 서툰 느낌이 든다. 각 기능의 상태 흐름을 제대로 파악하는데에 중점을 두고 렌더링이 이루어지는데에 중점을 두고 다시 연습해야겠다고 느끼게 되었다.
마치며 🙏
이번 Vanilla JS를 응용한 SPA App들을 구현하는 과정에서 너무 처음부터 전체적인 틀을 상세하게 그린 다음에 Component 들을 구현하려 하다보니 자꾸 방향을 잃게 되는 것 같다.
머리 속의 생각은 최소 단위의 기능 부터 개발을 진행하자고 생각하는데 그게 쉽지가 않은 것 같다. 조급해 하지말고 천천히 최소 기능 부터 제대로 다룰 수 있도록 강제성을 부여해야겠다.
그 다음 각 Component들을 상호작용 하는 부분에 대하여 개발을 진행해가는 방식에 익숙해지도록 계속 연습해야겠다. 그 과정에서 최소 단위 Component를 조금씩 변형해가는 방법 역시 익숙해지도록 해야겠다.
아직은 시간이 오래걸리지만 확실한건 처음보다 훨씬 숙련된 나의 모습을 볼 수 있었다. 나를 믿고 꾸준히 연습해서 결과물을 만들어야겠다.
📅 Future Action Plans
-
업무 관리 툴 Notion 클로닝 프로젝트 요구사항 기획하기
-
코딩테스트 대비 문제 해결하기
