구현하기

🧐 모달 팝업이란모달 팝업(modal popup)은 사용자의 현재 화면 흐름을 잠시 멈추고, 중요한 정보를 보여주거나 선택을 요구하는 화면 위의 작은 창을 의미합니다.

이전에 기본적인 팝업 UI 컴포넌트를 직접 구현해보며, 팝업 구조와 작동 방식을 익혔습니다.이번에는 그 연장선으로 팝업을 실생활에 응용하는 방식을 고민해보았고,"사용자의 관심을 끌 수 있는 간단한 인터랙션"을 목표로 MBTI 설문 팝업을 만들어보았습니다.

아코디언은 접었다 폈다 할 수 있는 콘텐츠 박스를 말하기도 하고 메뉴를 펼쳤다 접었다 할 수 있기도 합니다.검색한 바로는 마치 실제 악기 '아코디언'을 펼쳤다 접었다 하는 것처럼 클릭하면 내용이 나타났다 사라졌다 하는 방식이라서 이름이 붙여졌다고 합니다.

💡 순수 js로 먼저 to-do 만들기 1단계: 입력 → 출력! 가장 기본적인 JavaScript 실습

배열과 객체로 확장하는 자바스크립트 투두리스트

자바스크립트로 간단하게 만들어본 to-do 마지막 단계! localStorage와 친해져보아요