본문 바로가기

전체 글94

모달 팝업의 뜻과 용도 모달 팝업이란?**모달 팝업(Modal Popup)**은 웹 페이지 위에 나타나는 작은 창으로, 사용자가 팝업과 상호작용할 때까지 메인 콘텐츠를 사용할 수 없게 만드는 팝업입니다.**"모달"**의 의미:"Modal"은 모드(Mode)에서 나온 말로, 특정 작업에 집중해야 하는 상태를 뜻합니다.모달 팝업이 활성화되면 배경을 흐리게 처리하거나 클릭 불가능하게 만들어, 사용자가 팝업을 먼저 처리하도록 유도합니다.특징강제성: 팝업이 닫히기 전에는 메인 페이지와 상호작용할 수 없음.사용 목적:중요한 메시지 전달 (예: 경고창, 확인 요청).추가 정보 표시 (예: 사진 확대 보기, 폼 입력).디자인적 요소:보통 페이지 중앙에 뜸.배경을 어둡게(투명하게) 처리하여 팝업이 돋보이게 함.모달 팝업의 예경고 메시지"정말 .. 2024. 11. 20.
팝업의 용도와 만드는 법 팝업이란?팝업(Popup)은 웹 페이지에서 별도의 창이나 알림처럼 작은 창이 나타나는 것을 의미합니다.사용 목적: 알림 표시, 추가 정보 제공, 광고, 폼 입력 등.종류:새 창 팝업: 브라우저의 새 창을 띄움.모달 팝업: 현재 페이지 위에 작은 창이 뜸(주로 CSS와 JavaScript로 구현).간단한 팝업 만들기 (모달 팝업)1. HTML (구조 만들기)    팝업 열기                  ×       이것은 팝업입니다!             2. CSS (디자인 추가하기) /* 숨기기 */ .hidden {   display: none; } /* 팝업 배경 */ #popup {   position: fixed;   top: 0;   left: 0;   width: 10.. 2024. 11. 20.
HTML, CSS, 지바 스크립트의 연관성 HTML, CSS, 자바스크립트는 웹 페이지를 구성하는 핵심 기술로,각자의 역할이 다르지만 서로 유기적으로 연관되어 작동합니다.  1. HTML (구조)역할: 웹 페이지의 뼈대를 만든다.예: 제목, 문단, 이미지, 링크 등 콘텐츠 요소를 정의.비유: 건물의 구조물(벽, 기둥, 창문 등). 2. CSS (디자인)역할: HTML로 만든 구조에 스타일(디자인)을 입힌다.예: 색상, 폰트, 배치, 애니메이션 등 시각적 표현.비유: 건물에 색을 칠하고, 장식을 추가하는 작업. 3. 자바스크립트 (동작)역할: 웹 페이지에 동적인 기능과 상호작용을 추가한다.예: 버튼 클릭, 입력 폼 검증, 데이터 불러오기 등.비유: 건물에 전기와 기계장치를 넣어 움직이게 만드는 작업. 연관성HTML이 콘텐츠를 배치하면,CSS는 그것.. 2024. 11. 20.

티스토리툴바