[Korean FE Article] 그것을 위해 자바스크립트를 사용할 필요는 없습니다
글 링크: https://velog.io/@eunbinn/You-dont-need-JavaScript-for-that
소개
자바스크립트를 사용하지 않고 HTML과 CSS로도 구현 가능한 기능들의 예시를 설명하고 있는 글입니다. 이 글에서 말하는 것 처럼 HTML과 CSS 기능은 브라우저에서 처리하기 때문에 성능이 좋고 브라우저에 최적화 되어있으며 사용자 설정에 따라 변경이 쉽고 일반적으로 접근성이 더 좋습니다. 또한 브라우저 제작팀과 사양 작성팀도 JS가 필요했던 많은 기능들을 CSS와 HTML로 포팅하고 있습니다.
기존에 구현해 본 경험에 의존해 HTML로도 구현 가능한 부분을 JS로 구현하고 있었을 수 있습니다. 이 글에서 설명하고 있는 예시를 포함해, 이번 기회에 HTML로 작성이 가능한 기능들이 어떤 것이 있는지 알아보는 것은 어떠신가요? :)
목차
가장 적은 힘의 원칙(Rule of Least Power)
하지만 그걸 위해선 JS가 필요합니다!
커스텀 스위치
Datalist, 기본적인 자동 제안 기능
더 많은 기능을 갖춘 색상 선택기
아코디언 메뉴
대화 상자 모달
마치며