TIL - Day 26

프로그래머스 데브코스

프로그래머스 데브코스 프론트엔드 3기

✓ TIL DAY - 26

---

🗓 오늘은...

새로운 팀, 새로운 과제

오픈 미팅 이후부터 새로운 팀에 속하게 되었다. 이번 팀은 4명으로 구성되었고 짧게 인사를 나누고 서로 이전 팀에서 진행했던 내용들을 공유하며 좋은 점만 가져오려고 노력했고 이후 아이스브레이킹용 캐치마인드 같은 게임을 하면서 조금은 친해질 수 있었다.

새롭게 시작된 것은 팀뿐만이 아니라 과제도 있는데 다행히도 이번에는 0부터 만드는 것은 아니고 강의를 통해 학습한 내용을 보완하고 기능을 추가하는 프로젝트를 진행하게 되었다. 바로 브랜치를 만들고 강의 내용부터 커밋을 시작했다.

 

지난 프로젝트를 통해 성장하긴 했구나..

이번 강의에서 배운 내용들이 지난 노션 클로닝 프로젝트 이전에 공부했다면 좋았겠다는 생각을 하였지만 고민을 해봤기 때문에 이번 강의를 이해하며 갈 수 있는 것이라는 생각이 더 커져서 나름 뿌듯하기도 하였다. 이번에는 classList를 사용하셔서 통일감 있게 모든 프로젝트에 classList를 사용해서 작성해보았다. 노션보다 컴포넌트적인 규모는 작지만 상태 값은 더 복잡해진 느낌이 들었다. 웃기면서 좋았던 점은 팀은 바뀌었지만 이전 팀원들이 바뀐 API 주소를 공유해주셔서 편하게 강의를 진행할 수 있었다.😁

 

앞으로 진행할 내용

과제의 요구사항이지만 앞으로를 위해서 최적화나 데이터 검증에 대한 학습이 필요할 것 같다. 아직까지도 쉽지않은 의존성에 대해서도 과제를 진행해보며 조금 더 탐구해보려고 한다.

새롭게 배운 것

• 모달 컴포넌트 구현 방법
• 로딩 컴포넌트 구현 방법
• 상태값을 활용한 breadcrumb 구현 방법

오늘 깨달은 점

• keyCode는 deprecated 되어 event.key를 사용한다.
• 정합성 체크를 위한 typeof 활용법

참고했던 자료

typeof

typeof - JavaScript | MDN