본문 바로가기 메뉴 바로가기

Aairon 개발 블로그

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Aairon 개발 블로그

검색하기 폼
  • 분류 전체보기 (144)
    • Retrospect (6)
    • Web (13)
    • JavaScript (16)
    • Nextjs (17)
    • React (21)
    • HTML & CSS (6)
    • DevEnv (22)
    • Git (15)
    • Deploy (8)
    • Record (16)
    • CS (3)
  • 방명록

팝업 (1)
자바스크립트로 팝업창 구현

쿠키 설정을 쉽게 하기 위해 npm라이브러리 js-cookie를 사용했다. 대략적인 flow는 아래와 같다1. index.html에 접속하면 pop up창이 뜬다.2-1. pop up 창에서 인풋 박스에 체크를 하면 popupCheck라는 키값과 no라는 밸류를 가진 쿠키를 브라우저에 저장한다2-2. 동시에 pop up창은 닫힌다3. index.html은 항상 popupCheck 쿠키가 있는지 확인한다. popupCheck 쿠키의 밸류가 no라면 popup을 띠우지 않는다 popUp.html 더 이상 보지 않기 closePopup 함수를 통해 인풋박스가 체크가 되면 (getElementById로 확인) 쿠키를 세팅한 후self.close() 메소드를 통해 자기 자신( popup창 )을 닫는다 index...

JavaScript 2019. 7. 8. 23:51
이전 1 다음
이전 다음
공지사항
  • 프론트엔드 개발자 장철희 입니다

Blog is powered by Tistory / Designed by Tistory

티스토리툴바