context | 커머스/서비스기획

Alert / Confirm / Prompt 비교 표구분AlertConfirmPrompt기능단순 메시지를 사용자에게 알림.사용자로부터 확인(Yes) 또는 취소(No)를 요청.사용자로부터 입력 값을 요청.사용 목적정보 전달 (예: 오류, 경고 메시지).사용자의 행동 확인 (예: 데이터 삭제 여부).사용자 입력을 필요로 할 때 (예: 이름 입력).버튼 구성하나의 버튼만 표시 (예: "확인").두 개의 버튼 표시 (예: "확인" / "취소").입력 필드와 확인/취소 버튼 표시.사용자 액션메시지 확인 후 창 닫기.확인 또는 취소를 선택.텍스트 입력 후 확인 또는 취소를 선택.UI 구성 요소메시지, 확인 버튼.메시지, 확인 버튼, 취소 버튼.메시지, 입력 필드, 확인 버튼, 취소 버튼.반환 값없음.true (확인..

모달 레이어 팝업 차이 표구분모달(Modal)레이어 팝업(Layer Popup)팝업(Popup)동작 방식화면의 특정 부분 위에 나타나며, 배경 상호작용이 차단됨.현재 화면 위에 추가 레이어로 나타나지만 배경 상호작용은 가능함.새로운 브라우저 창 또는 탭으로 열림.배경 상호작용차단 (사용자가 팝업을 닫기 전까지 다른 화면 조작 불가).가능 (배경 화면과 레이어 팝업 모두 상호작용 가능).별도의 창에서 동작하므로 배경 화면과 독립적으로 작동.사용 목적사용자에게 중요한 정보 전달, 확인 또는 액션 수행 요구 (예: 경고 메시지, 폼 입력).부가적인 정보나 기능 제공 (예: 툴팁, 드롭다운 메뉴).광고, 알림, 또는 독립적인 추가 콘텐츠 제공.화면 위치화면 중앙 고정 위치에 주로 나타남.화면 내 원하는 위치에 ..

🤔 Web이 만들어지게 된 계기우리가 사용하고 있는 Webpage(이하 웹페이지)가 만들어지게 된 계기는 운영체제(OS: window, mac)와 프로그램(OA: microsoft, 한글 등) 상관없이 일정한 형식이 통일하게 보일 수 있도록 하기 위함이다. ✅ Web의 구성 요소1. HTML (Hypertext Markup Language)프로그래밍 언어라고 이해하기보다는 브라우저(ex. 크롬, 엣지, 파이어폭스, 사파리, 네이버 웨일)가 볼 수 있는 문서를 적는 언어이다.HTML에서 사용되는 코드는 "태그"라고 일컫는다.각 태그의 역할은 웹페이지의 내용을 구조화한다.예를 들면, 여러 개의 문단, 글 머리 목록이 구조화된 것이거나 사진이나 데이터 테이블일 수도 있다.다시 말하면, HTML로 웹페이지에 ..