Language/HTML

Language/HTML

    Language/HTML

    <head>의 css, js파일에 조건걸기 (<link>, <script> 파일 import)

    꼭 CSS, JS를 항상 import 해야할까?? 안녕하세요 프론트엔드개발자 웹코기입니다. 프로젝트 규모가 커지다보면 css, js 파일의 개수가 많아지게 되는데요. 프로젝트의 페이지를 하나씩 열때마다 모든 css, js가 읽히는 것이 너무 비효율적이라고 생각했습니다. 해당 페이지에 들어갔는데 그 페이지에 필요없는 코드도 읽어버리면 그만큼 속도가 느려지게 될테니까요...!! react와 같은 프론트엔드 프레임워크를 사용하면 이 문제가 자연스럽게 해결되겠지만 ... 그렇지 않은 경우에는 1) ... 대신 이렇게 할 경우, 내부 함수를 즉시 사용하려면 DOM이 모두 준비됐을 때 실행해야 먹힙니다. 따라서 함수를 사용하려면 window.load안에다가 꼭 넣어줍시다. $(document).ready(funct..

    google material-icons 홈페이지에 적용하기 (outlined, filed, Rounded, sharp, tow tone)
    Language/HTML

    google material-icons 홈페이지에 적용하기 (outlined, filed, Rounded, sharp, tow tone)

    폰트 아이콘이란? 안녕하세요 웹코기입니다. 보통 홈페이지에서 아이콘은 이미지로도 사용하지만, 모바일도 지원해야 할 경우에 이미지의 크기를 조정해야 합니다. 이미지의 크기를 2배 이상으로 넣어야 하고, 크기를 마음대로 늘리고 줄일 경우 깨짐 현상이 발생할 수도 있습니다. 이런 경우에 사용하는 것이 폰트 아이콘이죠! 폰트 아이콘은 말 그대로 폰트 스타일 내부에 아이콘을 삽입해 제공함으로써 벡터 이미지의 형태를 띠게 됩니다. '폰트'이기 때문에 사이즈나 컬러도 마음대로 조정할 수 있습니다. 물론 깨지지도 않고요!! google material icons 적용하기 google material icons는 사용성 높은 폰트 아이콘 중의 하나이며 이 재료의 강력한 점은 한 아이콘에도 여러 가지 스타일을 제공한다는 ..

    Language/HTML

    HTML 특수문자코드표(2)

    안녕하세요 웹코기입니다.특수문자코드표 두번째입니다 !!양이 많아서 나눠서 올립니다. 많은 도움 되시길 바래요 !! ↑ ↑ ⇑ ⇑ ↓ ↓ ⇓ ⇓ ← ← ⇐ ⇐ → → ⇒ ⇒ ↔ ↔ ⇔ ⇔ ° ° ♀ ♀ ♠ ♠ ♂ ♂ ♣ ♣ ☺ ☺ ♦ ♦ ☻ ☻ ♥ ♥ █ █ ∴ ∴ • • ™ ™ ∞ ∞ ≈ ≈ ≤ ≤ ‹ ‹ ≥ ≥ › › ≠ ≠ « « § § » » ℘ ℘ ¹ ¹ ℑ ℑ ² ² ℜ ℜ ³ ³ ℵ ℵ Ω Ω ⋅ ⋅ ⊕ ⊕ ⊗ ⊗ ⌈ ⌈ ⌉ ⌉ ⌊ ⌊ ⌋ ⌋ ₪ ₪ є є Є Є ї Ї Ї Ї ‼ ‼ ∗ ∗ ƒ ƒ ∂ ∂ ∅ ∅ µ µ ◊ ◊ ∠ ∠ ⊥ ⊥

    Language/HTML

    HTML 특수문자코드표

    안녕하세요 웹코기입니다.오늘은 HTML 특수문자코드를 가져왔습니다. 특수문자는 html파일에서 코드로 써야하는거 다 아시죠~?이건 외우기보다 필요할 때마다 찾아쓰면 좋습니다 !!유용하게 쓰시길 바래요 HTML 특수문자코드 - �- space ¼ ¼ ¼ space ½ ½ ½ - - ¾ ¾ ¾ space ¿ ¿ ¿ ! ! A À À " " " A Á Á # # A Â Â $ $ A Ã Ã % % A Ä Ä & & & A Å Å ' ' Æ Æ Æ ( ( C Ç Ç ) ) E È È * * E É É + + E Ê Ê , , E Ë Ë - - I Ì &lgrave; . . I Í ĺ / / I Î &lcirc; 0 - 9 0-9 I Ï &luml;..

    [table] colgroup 속성 (span, width 사용하기)
    Language/HTML

    [table] colgroup 속성 (span, width 사용하기)

    안녕하세요 웹코기입니다. table을 사용할 때 아주 유용하고 자주 쓰이는 colgroup에 대해 알아보겠습니다. colgroup이란 'column group' 이라는 뜻인데요, 말그대로 각 열을 묶은 그룹이라는 뜻입니다. 자 그러면 어떻게 코딩을 해야하는지 먼저 아래의 예를 보면서 배워보겠습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 Colored by Color Scripter cs 우선 코딩하는 방법과 위치는 위와 같구요 ~ 이렇게 사용하는 것이 가장 바른 예시라고 할 수 있겠습니다. 하나씩 살펴보도록 하겠습니다. colgroup안에 col 태그는 '각각의 열에 영향'을 줍니다. 이게 무슨 말이냐 ? 쉽게 말해서 첫번째 안에 width : 50px 를 주면 각각..

    [table] thead, tbody, tfoot 어떻게 써야 할까?
    Language/HTML

    [table] thead, tbody, tfoot 어떻게 써야 할까?

    안녕하세요 웹디자이너 웹코기입니다. 저는 일을 할 때 모르는 기술이 생기면 포털사이트 검색이나 책에서 정보를 얻은 후, 유용한 정보를 메모장에 적는 습관이 있습니다. 이 메모장에 있는 많은 유용한 정보를 여러분들과 공유하고, 소통하고, 제 자신도 글을 쓰면서 다시 개념을 재정리하기 위해 이 블로그를 시작하게 되었습니다. 많은 도움이 되었으면 좋겠습니다. 여러분은 thead, tbody, tfoot 태그를 아시나요 ? thead, tbody, tfoot 는 table의 각 부분 (머리글, 본문글, 바닥글)을 지정합니다. 아래를 보시죠. 위와 같이 이 태그들은 table에서 머리, 본문, 바닥을 명시해주는 역할을 합니다. 그러면 태그 위치는 어디에 들어가야 하는지 아래의 코딩을 통해서 보도록 하겠습니다. 1..

    티스토리툴바