software_development:html_css_javascript

Differences

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

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
software_development:html_css_javascript [2020/02/14 14:47] prgramsoftware_development:html_css_javascript [2025/07/07 14:12] (current) – external edit 127.0.0.1
Line 9: Line 9:
 https://domain.ksidc.net/ 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 ==== ==== disable Telephone Link on Desktop ====
  
Line 38: Line 90:
 }); });
 </code> </code>
- 
-====   ==== 
  
 ==== Image resize - area map ==== ==== Image resize - area map ====
Line 153: Line 203:
  
 </code> </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/
 +
 +
  • software_development/html_css_javascript.1581691676.txt.gz
  • Last modified: 2025/07/07 14:13
  • (external edit)