기타
이거도 모달, 저거도 모달, 이게 모람
두줄요약
팝업·모달·논모달의 동작 방식과 서비스 흐름상 차이를 정리했습니다. 상품 상세처럼 후속 탐색이 필요한 화면은 페이지 단위 구성이 적합함을 설명합니다.
구조와 흐름
- 팝업: 기존 브라우저와 독립된 별도 브라우저 창
- 모달: 기존 화면 위 레이어로 표시되는 부모-자식 관계의 인터페이스
- 논모달: 창을 띄운 상태에서도 부모 화면 조작이 가능한 방식
선택 이유
- 서비스 흐름과 무관한 이벤트·안내문 성격의 팝업
- 다음 단계 진행과 원래 화면 복귀가 필요한 서비스 관련 작업의 모달
- 탐색·리뷰·구매 등 후속 작업이 이어지는 상품 상세의 페이지 처리
장단점
- 모달: 사용자 시선 집중과 작업 완료·취소 흐름 제공
- 논모달: 부모 화면 동시 조작 가능, 콘텐츠 과다 시 시선 분산 위험
- 팝업: 브라우저 옵션으로 차단 가능한 제약
적용해볼 점
- 콘텐츠 목적, 후속 작업 범위, 명확한 종료 지점 기준의 모달·페이지 구분
- 일률적 규칙보다 상황별 의사결정 프레임워크 참고
