[JAVASCRIPT/CSS] 로딩창 만들는 방법 1. html 2. css .loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 9999; } .loader-bar { position: absolute; top: 50%; left: 50%; width: 100px; height: 10px; margin-top: -5px; margin-left: -50px; background-color: white; animation: loader-bar 2s ease-in-out infinite; } @keyframes loader-bar { 0% { transfor..
[JAVASCRIPT] 팝업으로 여는방법 알아보기 팝업 열기 위 코드에서 openPopup() 함수는 새 창을 열고 https://www.example.com 페이지를 로드합니다. 두 번째 인자 "popup"은 창의 이름을 지정합니다. 마지막 인자 "width=500,height=500"는 창의 크기를 지정합니다. window.open() 메서드는 매개 변수로 URL, 창 이름 및 창 속성을 받습니다. 창 속성은 옵션으로, 창의 크기, 위치, 스크롤 막대, 상태 표시줄 등을 지정할 수 있습니다. 그러나 팝업 창은 일부 브라우저에서 차단될 수 있으므로 주의해야 합니다. 따라서 팝업 창 대신 모달 창을 사용하는 것이 좋습니다.
[JavaScript] 카카오 우편번호 api 사용방법 알아보기 1. 카카오 개발자 사이트에서 API 키 발급받기 카카오 개발자 사이트(https://developers.kakao.com/)에 가입하고 로그인한 후, API 키를 발급받아야 합니다. 발급받은 API 키를 웹페이지에서 사용하여 우편번호 검색 기능을 구현할 수 있습니다. 2. 카카오 우편번호 API 라이브러리 불러오기 먼저 HTML 파일의태그 안에 아래 코드를 추가하여 카카오 우편번호 API 라이브러리를 불러옵니다. 3. 주소 검색 창 생성하기 아래와 같이 JavaScript 코드를 작성하여 주소 검색 창을 생성합니다. 우편번호 검색 위 코드에서 new daum.Postcode()는 카카오 우편번호 API를 호출하는 코드입니다. oncompl..
부모창에서 자식창으로 값 전달 방법 5가지 알아보기 1. URL 파라미터를 통한 값 전달 부모창 window.open("child.html?data=value"); 자식창 var data = new URLSearchParams(window.location.search).get("data"); console.log(data); // "value" 2. window.opener를 통한 값 전달 부모창 var data = "value"; var childWindow = window.open("child.html"); 자식창 window.opener.data = "new value"; 3. postMessage를 통한 값 전달 부모창 var childWindow = window.open("child.html")..