# popup

팝업창 만들기
지난번에 사용자의 주목을 끄는 웹 UI로 모달을 만들었습니다. 이번에는팝업창을 만드는 방법을 알아보려고 합니다.모달때에도 설명했지만 모달과 팝업 모두 사용자의 이목을 끌기 위한 UI라고 설명드렸습니다. 다만 모달은 부모 페이지에 조작이 불가능한 반면, 팝업은 팝업창도,

[React Native] 확장성 좋은 Snackbar, Popup 개발하기
react-native-global-components 앱을 개발하다보면 Snackbar(Toast), Popup, BottomSheet 등 Modal 형태의 UI 로 사용자와의 인터렉션을 필요로 하는 컴포넌트들이 있다. 이런 컴포넌트들을 개발하다보면 여러가지 상황에

[React] 공통 팝업 (모달) 만들기
프로젝트 진행 중, 로그인 후에 에러 메세지를 보여줄 모달창이 필요해졌다.다른 프로젝트에서도 최대한 재사용이 가능하도록 만들어 보기로 했다.우선 관련된 모든 파일은 한 폴더 내에서 작업하기로 함

event - form, EventHandler, load, popup, positon
addEventListener(type, listener);addEventListener(type, listener, options);addEventListener(type, listener, useCapture);addEventListener('이벤트', 함수, 이벤

팝업 종류와 쓰임
✏️ 실무 초기에 ‘팝업’이라는 단어만 알았지 팝업 종류에 대해 잘 알지 못하여 디자이너의 요청 사항에 당황했던 적이 있었다. 더 이상 그날의 실수를 하지 않기 위하여, 팝업의 종류와 쓰임에 대해 정리해 보았다.
event - form, EventHandler, load, popup, positon
form 기본 구조 을 요소와 연결하는 방법 에 id 속성을 넣고, 에 id 와 같은 값의 for 속성을 넣기. htmlEventHandler onblur 엘리먼트의 포커스가 해제되었을때 발생 DOMEventHandler 로드될때 함수가 발생하는 것이 아니라,
React popup창 에러
리액트 모달창 구현이렇게 했는데 자꾸만 바닥에 붙어있었음이유는 어이ㅓㅈㅄ게도이렇게 하고 popup 창에만 위치 조정 css를 줌부모태그인 b-popup은 그냥 밑에 달려있어서 올라오는데 시간이 걸렸던 것정신차려 ㅜㅋ
[FrontEnd] 팝업창 구현
처음엔 모달창으로 만들려고 했으나 기존의 윈도우 위에 생기고, 기존 창에 접근할 수 없음기존의 창과 구분되는 새로운 창이 열리도록 해야함 window.open을 사용window.open('path','popup창 이름', '화면 크기 및 위치'): 새로운 창을 띄움pa
팝업 중앙 노출
https://stackoverflow.com/questions/4068373/center-a-popup-window-on-screen
.png)
[JS] 오늘 하루 동안 이 창을 열지 않음!
📚 document.cookie를 사용한 모달창 '오늘 하루 동안 이 창을 열지 않음'기능 구현하기!
iOS Safari Window.open 팝업 제한
기본적으로 Safari 에서는 사용자 Click Event 에서만 window.open 을 통한 팝업을 허용하고 있다.보안 정책 중 하나로 Script 만으로 무분별한 팝업 호출을 제한하고자 하는 목적이다.Ajax Callback 이나 다른 Function 의 호출 s

[frontEnd] Pop-up vs Modal
현재 열려있는 브라우저 페이지에 또 다른 브라우저 페이지를 띄우는 것브라우저에서 팝업창 여닫기를 제어할 수 있다.브라우저 설정에 의해 팝업창을 강제로 막아놓았을 경우 보이지 않는다.현재 열려있는 브라우저 페이지 위에 레이어를 까는 것제거할 필요 없이 페이지를 이동하면
[함께 고민해보는 시간] 모달.. 어떻게 사용해야할까?
2021년까지 에이전시를 운영하거나 자사서비스를 기획/개발하며 여러 서비스를 만들어본것 같습니다. 성공한 서비스보다 실패한 서비스가 상당히 많았지만.. 여러 서비스들을 만들어보면서 다른 서비스들을 벤치마킹하다보니 여러가지를 배우고 느끼고 고민해보게 되었는데 제가 고민했

TIL 36 | 모달창과 팝업창의 차이
위코드 5주차! children에 대한 수업을 하면서 모달창에 대해서 배우게 되었다.엇...? 그게 모달?우선 팝업창이란 현재 열려있는 브라우저 페이지에 또다른 브라우저 페이지를 띄우는 것을 말한다. 창 + 창n 인 것이다. 브라우저에서 이 창을 열기 닫기를 제어할 수
.jpg)
TIL 9. JavaScript로 팝업창 구현(alert(), prompt(), confirm())
원하는 효과페이지 접속 시 팝업창 호출접속자의 이름 입력이름 + 추가 질문질문의 답변에 따라 다른 문구 출력팝업창 구현을 위한 함수\-. alret("메시지"): 경고창을 띄울 때 사용\-. prompt("내용", "입력창 default 값"): 질의응답 창을 나타낼
popup 띄우기
동작을 수행할 때, 확인하는 과정이 필요하다.때문에, function을 이용해 팝업창을 띄워줄 수 있다. function popup_to_confirm
팝업 하루 동안 보이지 않도록 설정하기
앱 서비스를 웹으로 접속하는 경우 앱을 설치하도록 유도하는 팝업을 띄우는 경우가 있는데 이러한 경우 팝업을 끄고 나서도 계속 팝업이 노출되면 사용자의 경험에 안좋은 영향을 끼칠 수 있다.그래서 팝업을 끌 경우 다음날까지 보이지 않도록 설정하기로 했다.방법은 매우 간단하