TIL Day - 15

프로그래머스 데브코스

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

✓ TIL DAY - 15

---

🗓오늘은... 

3주차 과제 마무리와 PR

두 번째 과제를 마무리하고 Pull Request하는 시간을 가졌다. 강의를 통해 좀 더 나은 방법들을 배우게 되면 이를 리팩토링하는 방식으로 진행하여 마지막 날인 오늘까지 강의를 모두 듣고 제출하게 되었다.

이번 과제에서는 다른 팀원들의 쉬운 리뷰를 위해 요구사항을 구현하고 최대한 컨벤션을 지켜서 가독성이 좋은 코드를 구현해보는 것이었다. 추가적인 기능을 구현하는 것도 좋지만 과제인 만큼 요구사항을 얼마큼 깔끔하게 작성하는지가 중요할 것이라고 생각하였다. 그리고 궁금했던 점들도 따로 정리하여 PR 포인트로 작성하였다.

주말을 이용해 팀원들의 코드 리뷰를 진행하며 배우고 최대한 좋은 개선 방법을 남겨볼 계획이다.

 

1주일간 3개의 Todo List 기능을 구현해보며...

오늘 강의는 API에 CRUD 기능을 가진 서버와 소통하는 Todo List를 구현했다. 이전에 Todo 프로젝트를 두번 정도 진행본 경험이 있고 이때도 최대한 빨리 개념을 익히려고 노력했고 CSS 작업도 진행했지만 1주일 이상 소비했던 것 같다. 이러한 경험을 바탕으로 완전히 다른 개념의 Todo List를 작성한 것은 아니지만 이렇게 핵심 개념들을 빠르게 또 직접 코드를 작성해보며 학습해보고 '이 정도의 속도로 학습해야 하는구나'라는 것을 느끼게 되었고 무언가를 배울 때 필요에 따라 학습해야 할 부분과 당장 학습해야 할 부분을 나누는 것이 필요하다는 걸 느끼게 되었다. 팀원들과 힘든 점을 나누며 서로 이해가 부족한 부분들을 채우려고 도와주기 때문에 가능한 것이라고도 생각한다. 

새롭게 배운 것

• request 전송시 header와 body에 담아야 하는 내용의 형태와 방법
• 낙관적 업데이트, 비관적 업데이트
• 더 나은 사용자 경험을 위해 해결하면 좋을 예외 처리들
• 이벤트 버블링을 이용하여 이벤트를 다루는 법

오늘 깨달은 점

• 다양한 데이터 디스트럭팅 방법
• Local Storage 키 값을 변수로 만들어 더 안전하게 사용하는 법
• 서버 통신 중에 이동하면 오류가 발생하므로 이를 예외 처리하는 것이 좋다.
• Form 작성 도중 새로고침이나 꺼짐에 대비하여 keyup 이벤트를 활용하는 법
• SPA에서 url 내용을 통해 각 데이터에 접근할 수 있도록 하는 방법
• URL에 한글은 인코딩 작업이 필요하다.

참고했던 자료

한글 인코딩 문제에 관한 글

자바스크립트(javascript)에서 URL 인코딩

innerHTML의 문제점

Why textContent is better than innerHTML and innerText?

이벤트 버블링과 캡쳐링 - 생활 코딩

이벤트 전파(버블링과 캡처링) - 생활코딩