Differences

This shows you the differences between two versions of the page.

--- software_development:html_css_javascript [2019/11/12 08:03] – [Overflow (말줄임표) - ellipsis] prgram
+++ software_development:html_css_javascript [2025/07/07 14:12] (current) – external edit 127.0.0.1
@@ Line 5: / Line 5: @@
 [[https://www.w3schools.com/|https://www.w3schools.com/]]
-====   ====
+==== 계정 ====
+https://www.hostmeca.com/
+https://domain.ksidc.net/
-disable Telephone Link on Desktop
-[[https://jsfiddle.net/az96o8Ly/|https://jsfiddle.net/az96o8Ly/]]
+==== Location ====
+<code javascript>
+location.hash ="#n"
+$(location).attr('hash')
+</code>
+==== List, Dictionary ====
+<code javascript>
+prod = { "key":"value" };
+for (var key in prod) {
+  key
+  prod[key]
+}
+</code>
+==== CSS Style ====
 <code javascript>
+$('#mask').removeClass('active');
+$('#mark').addClass('active')
+$('html').css('overflow', 'initial');
-<code>''// Use event delegation, to catch clicks on links that may be added by javascript at any time.
+$(this).attr('id')
+</code>
+<code css>
+@media (min-width: 768px) {
+  /* wide mode css */
+  .classname {
+    attr : value !important; /* override */
+  }
+}
+</code>
+==== String ====
+<code javascript>
+function comma(str) { // 숫자에 컴마 및 원 붙이기
+  str = String(str);
+  return str.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,') + "원";
+}
+</code>
+==== resize ====
+<code javascript>
+$(window).on('resize', function() {
+  if ($(window).width() >= 768) {
+    set_tablet_mode();
+    status = "t";
+  } else {
+    status = "m";
+  }
+});
+</code>
+==== disable Telephone Link on Desktop ====
+[[https://jsfiddle.net/az96o8Ly/|https://jsfiddle.net/az96o8Ly/]]
+<code javascript>
+// Use event delegation, to catch clicks on links that may be added by javascript at any time.
 jQuery(document.documentElement).on('click', '[href^="tel:"]', function(e){
   try{
@@ Line 33: / Line 88: @@
     console.log("Exception when catching telephone call click!", e);
   }
-});''
+});
 </code>
-</code>
-====   ====
 ==== Image resize - area map ====
@@ Line 43: / Line 95: @@
 [[https://github.com/stowball/jQuery-rwdImageMaps|https://github.com/stowball/jQuery-rwdImageMaps]]
-<code html4strict>
+<code html>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 <script src="https://mattstow.com/experiment/responsive-image-maps/jquery.rwdImageMaps.min.js"></script>
@@ Line 83: / Line 135: @@
 ==== 통신사/Device 찾기 ====
 <code javascript>
 // 홈페이지_기업_인트렌치컨설팅_통신사확인_태그
 <script>
-var transactionXmlHttpRequest; \\ var itemXmlHttpRequest; \\ var telecomType;
+  var transactionXmlHttpRequest;
+  var itemXmlHttpRequest;
+  var telecomType;
- \\ if (window.XMLHttpRequest) \\ { \\   // code for modern browsers \\   transactionXmlHttpRequest = new XMLHttpRequest(); \\   itemXmlHttpRequest = new XMLHttpRequest();
-} else { \\   // code for IE6, IE5 \\   transactionXmlHttpRequest = new ActiveXObject('Microsoft.XMLHTTP'); \\   itemXmlHttpRequest = new ActiveXObject('Microsoft.XMLHTTP'); \\ }
+  if (window.XMLHttpRequest)
+  {
+    // code for modern browsers
+    transactionXmlHttpRequest = new XMLHttpRequest();
+    itemXmlHttpRequest = new XMLHttpRequest();
-// 서버 연결 \\ transactionXmlHttpRequest.open('POST', 'http://ip-api.com/json', true); \\ // 데이터 전송 \\ transactionXmlHttpRequest.send(encodeURI(""));
+  } else {
+    // code for IE6, IE5
+    transactionXmlHttpRequest = new ActiveXObject('Microsoft.XMLHTTP');
+    itemXmlHttpRequest = new ActiveXObject('Microsoft.XMLHTTP');
+  }
- \\ transactionXmlHttpRequest.onreadystatechange = function() {
+  // 서버 연결
+  transactionXmlHttpRequest.open('POST', 'http://ip-api.com/json', true);
+  // 데이터 전송
+  transactionXmlHttpRequest.send(encodeURI(""));
-  if (transactionXmlHttpRequest.readyState == 4 && transactionXmlHttpRequest.status == 200)  \\   { \\     telecomType = JSON.parse(this.responseText);
-    //console.log( "Telecom Type : "+telecomType.isp );
+  transactionXmlHttpRequest.onreadystatechange = function() {
-    //return telecomType.isp; \\   } \\ };
+    if (transactionXmlHttpRequest.readyState == 4 && transactionXmlHttpRequest.status == 200)
+    {
+      telecomType = JSON.parse(this.responseText);
+      //console.log( "Telecom Type : "+telecomType.isp );
+      //return telecomType.isp;
+    }
+  };
 </script>
 // 맞춤 자바스크립트  수정
-function(){ \\    return telecomType.isp; \\ }
+function(){
+     return telecomType.isp;
+}
-function(){ \\   var pc_device = "win16|win32|win64|mac|macintel";  // 디바이스 종류 설정 \\   var this_device = navigator.platform;  // 접속한 디바이스 환경
-  if( pc_device.indexOf(navigator.platform.toLowerCase()) < 0 ){ \\       return "MO" \\   }else{ \\       return "PC" \\   } \\ }
-</script>
+function(){
+    var pc_device = "win16|win32|win64|mac|macintel";  // 디바이스 종류 설정
+    var this_device = navigator.platform;  // 접속한 디바이스 환경
+    if( pc_device.indexOf(navigator.platform.toLowerCase()) < 0 ){
+        return "MO"
+    }else{
+        return "PC"
+    }
+}
+</code>
+==== 웹 폰트 사용 (나눔고딕) ====
+https://www.letmecompile.com/%EB%82%98%EB%88%94%EA%B3%A0%EB%94%95-%EA%B5%AC%EA%B8%80-%EC%9B%B9%ED%8F%B0%ED%8A%B8webfont-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0/