엘리님 강의 14강 : 내가 부족했던 점 정리하기
내가 구현하지 못한 부분(내 파일: HTMLCSSMINI 폴더에 있음)
토글 기능 자바스크립트로 구현하기. 사실 If 문으로 구현까지 할 수 있었지만, UI 요소를 완벽하게 못 따라했다. 뷰포트 크기가 최대일 때 토글버튼 숨기기에 실패했음. classlist, toggle까지 오기는 했으나, 다른 블로그의 문서 내용을 잘 이해하지 못했고, CSS에서 선택자 쓰는 법에 대한 활용도가 좀 부족했다.
JS classList들이 뭐지? MDN문서 참조 시, HTML 태그들에 걸려있는 클래스 이름을 추가 , 제거, 또는 토글하여 줌. 이를 자바스크립트 함수와 연결시켜서 원하는 조건에서 특정 기능을 수행할 수 있음
Element.classList - Web API | MDN
코드 작성 시 클래스 이름은 체계적이고 단계적으로 명명하자
자바스크립트 파일 연결 시 defer, async에 주의하기