intro

이번에도 그리.. 뒷 부분 제대로 못 읽고 갔다.

문/식 try catch -> 에러 다루는 부분 다시 볼 필요가 있다.
코드스피츠에서 문/식에 관한 내용 레이블도 다루고 그래서 보다 읽기 쉬웠다.
역시 아는 만큼 보인다를 다시 한 번 느꼈다.

• js30 01을 하면서 배운 점

속성값 audio [data-key="${keyCode}"]이렇게 띄고 찾았었나 audio[data-key]=${keyCode}] 이렇게 찾았었나 아무튼 data 속성 값 완전 이상하게 찾느라 시간 다 보냄 삽질 한 점이 아쉽고 KeyCode숫자로 받아 온걸 바로 해서 변환하느라 오래걸렸었었다.

알고리즘 적 로직 그냥 받아온 것 querySelector로 중첩으로 찾으면 되는데 그 생각을 못하고 전체를 다 탐색한 점은 좀 아쉽다.
audiosEl&&audiosEl.play() 처음에는 이렇게 처리하려고 했었는데 Element가 없으면 아예 돌지 않도록 하는 것이 더 좋은 로직이여서
if(audiosEl===null) return; 답을 참고해서 추가

addEventListenr 컬백 함수를 이름 붙여서 추상화 시켜서 앞으로 빼놓는 걸 습관화 하자 _= 하드코딩한 부분이 아쉽다.

prettier설정 이상하게 되어 있나보다 … 언제 날 잡고 잘 맞춰 놔야 되는데 ㅜㅜ

todayPlan

js30 02