<aside> 💡 우리가 웹 브라우저에서 데이터를 탐색할 때 다양한 요소들을 만나게 됩니다. 원하는 데이터에 접근하기까지 어떤 요소들을 통과해야 하는지 판단하고, 그에 맞는 템플릿을 찾는데 활용해보세요 :)

</aside>

INDEX

🌐 웹 구성

주소표시줄

확장프로그램(Extensions)

헤더 (Header)

섹션 (Section)

사이드 (Aside)

아이프레임 (iframe)

푸터 (Footer)

🖱️ 마우스 동작

클릭

스크롤

롤오버 / 마우스오버

💻 불러오기 방식

무한스크롤

더보기버튼

페이지네이션


👩‍💻 UI 컴포넌트

버튼

토글 / 스위치

라디오버튼

체크박스

스텝퍼 / 스피너

드롭다운

링크

캘린더 / 데이피커

📃 메뉴

GNB

LNB

바로가기메뉴(컨텍스트)

🗂️ 중첩 페이지

팝업(Popup)

모달(Modal)


1. 웹 브라우저 & 웹사이트 구성

2. 마우스 동작

3. 정보 불러오기(Load) 방식

4. UI 컴포넌트

5. 메뉴

6. 중첩 페이지