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 38: / Line 90: @@
 });
 </code>
-====   ====
 ==== Image resize - area map ====
@@ Line 153: / 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/