# popup

25개의 포스트
post-thumbnail

팝업창 만들기

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

2023년 3월 10일
·
0개의 댓글
·
post-thumbnail

[React Native] 확장성 좋은 Snackbar, Popup 개발하기

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

2023년 1월 7일
·
4개의 댓글
·
post-thumbnail

[React] 공통 팝업 (모달) 만들기

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

2022년 12월 7일
·
0개의 댓글
·
post-thumbnail

event - form, EventHandler, load, popup, positon

addEventListener(type, listener);addEventListener(type, listener, options);addEventListener(type, listener, useCapture);addEventListener('이벤트', 함수, 이벤

2022년 12월 6일
·
0개의 댓글
·
post-thumbnail

팝업 종류와 쓰임

✏️ 실무 초기에 ‘팝업’이라는 단어만 알았지 팝업 종류에 대해 잘 알지 못하여 디자이너의 요청 사항에 당황했던 적이 있었다. 더 이상 그날의 실수를 하지 않기 위하여, 팝업의 종류와 쓰임에 대해 정리해 보았다.

2022년 12월 2일
·
0개의 댓글
·

event - form, EventHandler, load, popup, positon

form 기본 구조 을 요소와 연결하는 방법 에 id 속성을 넣고, 에 id 와 같은 값의 for 속성을 넣기. htmlEventHandler onblur 엘리먼트의 포커스가 해제되었을때 발생 DOMEventHandler 로드될때 함수가 발생하는 것이 아니라,

2022년 10월 27일
·
0개의 댓글
·

LWC Modal/Popup 띄우기

기본으로 제공되는 Modal 사용하기/ Custom Modal 만들기

2022년 9월 2일
·
0개의 댓글
·

React popup창 에러

리액트 모달창 구현이렇게 했는데 자꾸만 바닥에 붙어있었음이유는 어이ㅓㅈㅄ게도이렇게 하고 popup 창에만 위치 조정 css를 줌부모태그인 b-popup은 그냥 밑에 달려있어서 올라오는데 시간이 걸렸던 것정신차려 ㅜㅋ

2022년 7월 29일
·
0개의 댓글
·
post-thumbnail

7/12 17일차

오늘은 리코일을 공부했다.공부했는데.. 공부해도 잘 모르겠다..

2022년 7월 13일
·
1개의 댓글
·

[FrontEnd] 팝업창 구현

처음엔 모달창으로 만들려고 했으나 기존의 윈도우 위에 생기고, 기존 창에 접근할 수 없음기존의 창과 구분되는 새로운 창이 열리도록 해야함 window.open을 사용window.open('path','popup창 이름', '화면 크기 및 위치'): 새로운 창을 띄움pa

2022년 6월 26일
·
0개의 댓글
·

팝업 중앙 노출

https://stackoverflow.com/questions/4068373/center-a-popup-window-on-screen

2022년 6월 10일
·
0개의 댓글
·
post-thumbnail

[JS] 오늘 하루 동안 이 창을 열지 않음!

📚 document.cookie를 사용한 모달창 '오늘 하루 동안 이 창을 열지 않음'기능 구현하기!

2022년 2월 11일
·
0개의 댓글
·

iOS Safari Window.open 팝업 제한

기본적으로 Safari 에서는 사용자 Click Event 에서만 window.open 을 통한 팝업을 허용하고 있다.보안 정책 중 하나로 Script 만으로 무분별한 팝업 호출을 제한하고자 하는 목적이다.Ajax Callback 이나 다른 Function 의 호출 s

2022년 2월 10일
·
0개의 댓글
·
post-thumbnail

[frontEnd] Pop-up vs Modal

현재 열려있는 브라우저 페이지에 또 다른 브라우저 페이지를 띄우는 것브라우저에서 팝업창 여닫기를 제어할 수 있다.브라우저 설정에 의해 팝업창을 강제로 막아놓았을 경우 보이지 않는다.현재 열려있는 브라우저 페이지 위에 레이어를 까는 것제거할 필요 없이 페이지를 이동하면

2022년 2월 4일
·
0개의 댓글
·

[함께 고민해보는 시간] 모달.. 어떻게 사용해야할까?

2021년까지 에이전시를 운영하거나 자사서비스를 기획/개발하며 여러 서비스를 만들어본것 같습니다. 성공한 서비스보다 실패한 서비스가 상당히 많았지만.. 여러 서비스들을 만들어보면서 다른 서비스들을 벤치마킹하다보니 여러가지를 배우고 느끼고 고민해보게 되었는데 제가 고민했

2022년 1월 26일
·
1개의 댓글
·
post-thumbnail

TIL 36 | 모달창과 팝업창의 차이

위코드 5주차! children에 대한 수업을 하면서 모달창에 대해서 배우게 되었다.엇...? 그게 모달?우선 팝업창이란 현재 열려있는 브라우저 페이지에 또다른 브라우저 페이지를 띄우는 것을 말한다. 창 + 창n 인 것이다. 브라우저에서 이 창을 열기 닫기를 제어할 수

2021년 8월 8일
·
0개의 댓글
·
post-thumbnail

TIL 9. JavaScript로 팝업창 구현(alert(), prompt(), confirm())

원하는 효과페이지 접속 시 팝업창 호출접속자의 이름 입력이름 + 추가 질문질문의 답변에 따라 다른 문구 출력팝업창 구현을 위한 함수\-. alret("메시지"): 경고창을 띄울 때 사용\-. prompt("내용", "입력창 default 값"): 질의응답 창을 나타낼

2021년 7월 10일
·
0개의 댓글
·

popup 띄우기

동작을 수행할 때, 확인하는 과정이 필요하다.때문에, function을 이용해 팝업창을 띄워줄 수 있다. function popup_to_confirm

2021년 6월 11일
·
0개의 댓글
·

팝업 하루 동안 보이지 않도록 설정하기

앱 서비스를 웹으로 접속하는 경우 앱을 설치하도록 유도하는 팝업을 띄우는 경우가 있는데 이러한 경우 팝업을 끄고 나서도 계속 팝업이 노출되면 사용자의 경험에 안좋은 영향을 끼칠 수 있다.그래서 팝업을 끌 경우 다음날까지 보이지 않도록 설정하기로 했다.방법은 매우 간단하

2021년 5월 31일
·
0개의 댓글
·