Differences

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

--- software_development:html_css_javascript [2020/02/14 14:47] – prgram
+++ software_development:html_css_javascript [2025/07/07 14:12] (current) – external edit 127.0.0.1
@@ Line 9: / Line 9: @@
 https://domain.ksidc.net/
+==== 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');
+$(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 ====
@@ Line 16: / Line 68: @@
 <code javascript>
+// Use event delegation, to catch clicks on links that may be added by javascript at any time.
-<code>''// 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 37: / Line 88: @@
     console.log("Exception when catching telephone call click!", e);
   }
-});''
+});
 </code>
-</code>
-====   ====
 ==== Image resize - area map ====
@@ Line 47: / 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 155: / Line 203: @@
 </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/