![]()
형태 html drag & drop css#att_zone{ width: 660px; height: 220px; padding:10px; border:1px dotted #00f;}.attach_div{ display:inline-block; position:relative; width:100px; height:80px; margin:5px; border:1px solid #00f; z-index:1;}.attach_img{ width:100%; height:100%;}.attach_input{ width:25px; height:25p..
![]()
//https://joshua-dev-story.blogspot.com/2020/09/javascript-ip.html#toc-54-1 콜백으로 확인가능 $.getJSON("http://ipinfo.io", function(data) { $("#ip").val(data.ip); }); $.get("http://ip-api.com/json", function(data) { $("#ip").val(data.query); }); //api key 없으면 ip만 줌 $.getJSON("https://extreme-ip-lookup.com/json", function(data) { $("#ip").val(data.query); }); jQuery 방식
![]()
var media1 = window.matchMedia( '( max-width: 330px )'); //ipone4,5,SE 320px var media2 = window.matchMedia( '( max-width: 285px )'); //갤럭시 폴드 280px ~ 319px var popBody = 변경해야 하는 대상; if(media1.matches == true) if(media2.matches == true) popBody.css({ 'min-height' : '200.6px'}); //갤럭시 폴드 popBody.css({ 'min-height' : '181.88px'});//ipone4,5,SE else popBody.css({ 'min-height' : '145.5px'});//기본크기 위..
로딩창을 html 로 따로 만드는 것이 좋다 loading const loading_page = document.getElementById("load"); window.onload = function(){ loading_page.style.display = 'none'; } CSS#load{ width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: block; opacity: 0.8; backgr..
