20220919 TIL

오늘 한 공부

• section1 기술면접 대비
• section1 회고 블로깅
• TIL이란 무엇인가에 대해 찾아봄
• My Agora States 추가 기능 구현 - Local Storage에 JSON 형태로 데이터 저장
• 모던 자바스크립트 deep dive 구매(만 함) (ㅎㅎ)

간단 정리

section1 기술면접 대비

• section1에서 배운 것 중 가장 중요한 (기술 면접 질문 빈도가 높을 만한) 부분만 뽑은 예상 질문을 전달 받고, 그 중에서 하나 뽑아서 답변 준비
• Q. event.preventDefault 메서드는 언제 왜 사용하는지 알려주세요
• (나의) A. preventDefault()는 기본적으로 정의된 이벤트를 작동하지 못하게 하는 메서드입니다. input 태그에서 submit 버튼 클릭시 페이지가 전환/새로고침 되는 동작이 이에 해당됩니다. 그러나 이러한 동작은 오히려 웹페이지의 원활한 이용을 방해하기도 합니다. 예를 들어, 폼 제출 버튼을 누를 때마다 페이지가 새로고침 된다면 유저 입장에서는 사용이 굉장히 불편하다고 느낄 것입니다. 따라서, 유저의 편의를 위해서는 event.preventDefault 메서드를 적절하게 이용해야 해야 합니다.
• 나머지 질의응답은 레퍼런스 파일로 받음

section1 회고 블로깅

!velog에 내용 옮겨서 링크 붙이기!

TIL

• Today I Learn의 약자. 개발을 하면서 당장 눈 앞에 놓인 문제만 처리하기에 급급하고 기록을 하지 않으면, 결국 머릿속에 남는 것은 아무것도 없음. 문제 해결을 위해 찾아본 지식, 문제 발생 원인과 과정 등을 기록해서 내 것으로 만들어야 장기적으로 봤을 때 효율적으로 개발 능력을 키울 수 있음
• 형식은 쓰는 사람마다 다른 듯. 지금 하고 있는 것처럼 (오늘 할 공부 - ) 오늘 한 공부 - 간단 정리 - 느낀 점 양식으로 쓰는 사람도 있고... 아예 각 잡고 깃헙에 코드까지 올리는 사람도 있어서 어떤 방법을 써야 할지 지금 약간 고민 중.
• 그렇게 각 잡고 쓸 거면 TIL과 기술 블로그에 어떤 차이가 있는 건지 이해가 잘 안 됨... 일단 좀 더 찾아보고 고민해봐야 할 듯.

My Agora States 추가 기능 구현 - Local Storage에 JSON 형태로 데이터 저장

• localstorage.getitem(), localstorage.setitem() / JSON.parse(), JSON.stringify 등 사용.
• ... 해서 localstorage에 객체화 된 폼 데이터를 JSON 객체 형태로 저장하는 것까지는 성공했는데, 새로고침하면 ul에 prepend 되었던 li가 지워지는 문제가 있음. 내일 마저 해결해야 함

느낀 점

• localstorage에 JSON 저장해서 DOM으로 화면에 렌더링하는 기능은 노마드코더 모멘텀 앱 클론코딩할 때 이미 구현해봤던 거고, 그래서 수월하게 완성할 수 있을 줄 알았는데 뭐가 문제인지 모르겠다. 눈물나네...
• 뭔가 대단하고 엄청난 걸 쓰고 싶어서 한도 끝도 없이 미루기보다는, 일단 조악하게나마 배운 내용을 기록하는 게 중요하다. TIL 뽑아서 책 낼 것도 아니고 그냥 개인 기록인데 뭘 그렇게 부담을 가졌는지... 고질적인 문제지만 아직도 고쳐지질 않아서 약간 슬픔.
• 기술 면접 때 똑같은 질문 선택하신 분이 답변하는 것도 들었는데, 버블링/캡처링/원치 않는 이벤트 전파(...?) 같은 요소가 들어가있었음. 전에 유튜브로 가볍게 보긴 했는데 내용 기억이 안 나고 솔직히 이해도 잘 안 되어서... 이 부분 좀 더 공부해야 할 듯