23.03.21 TIL๐Ÿ˜Š

์ƒค์ด๋‹ˆยท2023๋…„ 3์›” 22์ผ
3

learned.log

๋ชฉ๋ก ๋ณด๊ธฐ
1/46

Codeit ํ”„๋ก ํŠธ์—”๋“œ ๋ถ€ํŠธ์บ ํ”„์— ํ•ฉ๋ฅ˜ํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค! 0๊ธฐ ๋ถ„๋“ค๊ณผ์˜ ์ฒซ ๋งŒ๋‚จ๐Ÿ˜† ์•„์ง์€ ์กฐ๊ธˆ ์–ด์ƒ‰ํ•˜์ง€๋งŒ.. ํ•จ๊ป˜ 6๊ฐœ์›”๊ฐ„ ๊ณต๋ถ€ํ•  ์ƒ๊ฐ์— ๊ธฐ๋Œ€๊ฐ€ ๋œ๋‹ค.

OT๋ฅผ ํ†ตํ•ด ์•ˆ๋‚ด์‚ฌํ•ญ๊ณผ ๊ฐ์ž๊ฐ€ ์ง€์ผœ์•ผํ•  ๊ธฐ๋ณธ ๋งค๋„ˆ, ๊ทน๋Œ€ํ™”๋œ ์„ฑ์žฅ์„ ์œ„ํ•œ ๊ทœ์น™์„ ์ˆ™์ง€ํ–ˆ๋‹ค. ๊ทธ๋Ÿฌ๊ณ  ๋‚˜์„  ์•„์ด์Šค๋ธŒ๋ ˆ์ดํ‚น! ๋‚˜๋Š” 3์กฐ๋กœ ๋น„์ „๊ณต 1๋ช…, ์ „๊ณต 3๋ช…์œผ๋กœ ์ด๋ฃจ์–ด์ง„ ์กฐ์˜€๋‹ค. ์ฒ˜์Œ ๋ฐฐ์šฐ์‹œ๋Š” ๋ถ„๋„ ์žˆ๋Š” ๋งŒํผ ์„œ๋กœ ๋งŽ์ด ๋„์šฐ๋ฉฐ ๋ฐœ์ „ํ•ด ๋‚˜๊ฐˆ ์ƒ๊ฐ์ด๋‹ค! ์•„, ์ด ์กฐ๋Š” ์•ฝ 5์ฃผ๊ฐ„ ์œ ์ง€๋˜๋Š” ์กฐ๋ผ๊ณ  ํ•œ๋‹ค.

์˜ค๋Š˜์˜ ๋‚˜๋Š” ๋ฌด์—‡์„ ์ž˜ํ–ˆ์„๊นŒ?

์ฒซ ๊ฐ•์˜๋Š” โ€œ์›น ํผ๋ธ”๋ฆฌ์‹ฑ ์‹œ์ž‘ํ•˜๊ธฐโ€ ์˜€๋‹ค. ๊ธฐ๋ณธ์ ์ธ HTML๊ณผ CSS์— ๋Œ€ํ•ด ํ•™์Šตํ–ˆ๋‹ค. ์ด๋ฏธ ์•„๋Š” ๋‚ด์šฉ๊ณผ ์–ด๋ ต์ง€ ์•Š์€ ๋‚ด์šฉ์ด๋ผ ๋ณต์Šต ์ฐจ์›์—์„œ ๋“ค์—ˆ๋‹ค.

HTML๊ณผ ์›น ํ‘œ์ค€, ์›น ์ ‘๊ทผ์„ฑ์— ๋Œ€ํ•ด ๊นŠ๊ฒŒ ์‚ดํŽด๋ณด๊ณ  ์‹ถ์–ด์„œ ์ฒ˜์Œ์œผ๋กœ ๊ณต์‹ ๋ฌธ์„œ๋ฅผ ์‚ดํŽด๋ณด์•˜๋‹ค. ํŠน, <div> ๋ฅผ ๋‚จ๋ฐœํ•˜๋Š” ๊ฒƒ์ด ์•„๋‹Œ ์‹œ๋งจํ‹ฑํ•œ ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•ด์•ผํ•˜๋Š” ์ด์œ ๋ฅผ ๊นจ๋‹ซ๊ฒŒ ๋˜์—ˆ๋‹ค.

์ด๋ฒˆ์ฃผ๊ฐ€ ๋๋‚˜๊ณ  ์‹œ๊ฐ„์ด ๋‚จ๋Š”๋‹ค๋ฉด ๋‹ค๋ฃจ์ง€ ์•Š์„ ๊ฒƒ ๊ฐ™์€? (๋‹ค๋ฃฌ๋‹ค๋ฉด ์–˜๊ธฐ๊ฐ€ ๋‹ฌ๋ผ์ง)

  • ์ ‘๊ทผ๊ฐ€๋Šฅํ•œ ์ˆจ๊น€ ์ฝ˜ํ…์ธ 
  • ํ‚ค๋ณด๋“œ ์ ‘๊ทผ์„ฑ
  • Wai-Aria
  • ํฌ๋กœ์Šค ๋ธŒ๋ผ์šฐ์ง•
  • Web Vitals

5๊ฐ€์ง€ ํ•ญ๋ชฉ์— ๋Œ€ํ•ด ์ •๋ฆฌํ•˜๊ณ  ๊ณต๋ถ€ํ•ด๋ณผ ์˜ˆ์ •์ด๋‹ค.

TIL์„ ์–ด๋–ป๊ฒŒ ํ•˜๋ฉด ๋” ํšจ๊ณผ์ ์œผ๋กœ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์„ ์ง€ ๊ณ ๋ฏผํ•˜๊ณ  ๋Œ€๊ฐ•์˜ ๊ฐ€์ด๋“œ๋ฅผ ์ƒ๊ฐํ–ˆ๋‹ค.

  • ๋ชจ๋“  ๋‚ด์šฉ์„ ์ž‘์„ฑํ•˜๋Š” ๊ฒƒ์ด ์•„๋‹Œ ํ—ท๊ฐˆ๋ฆฌ๊ฑฐ๋‚˜ ๋ชฐ๋ž๋˜ ๋ถ€๋ถ„์„ ๊ธฐ๋กํ•˜๋Š” ์šฉ๋„๋กœ ์‚ฌ์šฉํ•  ๊ฒƒ!

์˜ค๋Š˜์˜ ๋‚˜๋Š” ๋ฌด์—‡์„ ๋ฐฐ์› ์„๊นŒ?

[1] ๊ธฐ๋ณธ HTML๊ณผ CSS

  1. < ์™€ > ๋ฅผ ๋ณธ๋ฌธ์œผ๋กœ ์ž‘์„ฑํ•  ๊ฒฝ์šฐ ํƒœ๊ทธ๋กœ ์ธ์‹ํ•œ๋‹ค. ๋”ฐ๋ผ์„œ &lt; ์™€ &gt; ์„ ๋Œ€ ์‚ฌ์šฉํ•œ๋‹ค.
  2. margin : 200px auto ์„ธ๋กœ, ๊ฐ€๋กœ ์ˆœ์„œ์ด๋ฉฐ auto๋Š” margin์˜ ๊ฐ€๋กœ์—์„œ๋งŒ ์ ์šฉ๋œ๋‹ค. (๋‹ค๋ฅธ ๊ณณ์—์„œ XX)

[2] META ํƒœ๊ทธ์˜ ํŠน์ง•

๋ฌธ์„œ์— ๋Œ€ํ•œ ๋ฉ”ํƒ€๋ฐ์ดํ„ฐ ์ œ๊ณตํ•˜๋Š”๋ฐ ์‚ฌ์šฉ๋œ๋‹ค. ์ž‘์„ฑ์ž, ํ‚ค์›Œ๋“œ, ์„ค๋ช… ๋ฐ ๋ฌธ์ž ์ง‘ํ•ฉ๊ณผ ๊ฐ™์€ html ๋ฌธ์„œ์— ๋Œ€ํ•œ ๋ฐ์ดํ„ฐ์ด๋‹ค.

  • name, http-equiv, content, charset ๋“ฑ์˜ ์†์„ฑ์„ ์‚ฌ์šฉ.
  • ํŽ˜์ด์ง€ ๋˜๋Š” ๋ฆฌ๋””๋ ‰์…˜์˜ ์บ์‹ฑ์„ ์ œ์–ดํ•  ์ˆ˜ ์žˆ๋‹ค.
    • <http-equiv> ๊ฒฝ์šฐ ์ฝ˜ํ…์ธ  ์†์„ฑ์˜ ์ •๋ณด/๊ฐ’์— ๋Œ€ํ•œ HTTP ํ—ค๋”๋ฅผ ์ง€์ •ํ•œ๋‹ค.
  • ํŽ˜์ด์ง€์—์„œ ๋ณด์ด์ง„ ์•Š์œผ๋‚˜ SEO(๊ฒ€์ƒ‰ ์ตœ์ ํ™”) ๋ฐ ์ ‘๊ทผ์„ฑ์— ์ค‘์š”ํ•˜๋‹ค.

[3] W3C์™€ ์›น ์ ‘๊ทผ์„ฑ

World Wide Web Consortium์—์„œ ์ •ํ•œ W3C ํ‘œ์ค€์ด ์žˆ๋‹ค. ๊ทธ ์ค‘ HTML๊ณผ CSS๋„ ํฌํ•จ๋œ๋‹ค.

์›น ์ ‘๊ทผ์„ฑ์ด๋ž€?

  • ์žฅ์• ๋ฅผ ๊ฐ€์ง„ ์‚ฌ๋žŒ๊ณผ ์žฅ์• ๋ฅผ ๊ฐ€์ง€์ง€ ์•Š์€ ์‚ฌ๋žŒ ๋ชจ๋‘๊ฐ€ ์›น์‚ฌ์ดํŠธ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•˜๋Š” ๋ฐฉ์‹!
  • ์‹œ๊ฐ/์ฒญ๊ฐ/์šด๋™์„ฑ/๋ฐœ์ž‘/์ธ์ง€ ์˜ ์‚ฌํ•ญ๋“ค์„ ๊ณ ๋ คํ•ด์•ผํ•œ๋‹ค

[4] HTML5

HTML์˜ ๊ฐ€์žฅ ์ตœ์‹  ๋ฒ„์ „์ด๋‹ค. XHTML์—์„œ ๋‹ค์‹œ HTML๋กœ ํšŒ๊ธฐํ•˜๊ฒŒ ๋˜์—ˆ๋Š”๋ฐ, ๊ทธ ์ด์œ ๋Š” W3C๊ฐ€ XHTML์„ ์ž˜๋ชป๋งŒ๋“ค๋‹ค๊ฐ€ ์‹คํŒจ๋ฅผ ์ธ์ •ํ•˜๊ณ , WHATWG์˜ ํ‘œ์ค€์•ˆ ๋Œ€๋ถ€๋ถ„์„ ์ˆ˜์šฉํ•ด ํƒ„์ƒํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค. ์ฐธ๊ณ ๋กœ ์ด์ „ ๋ฒ„์ „์ธ HTML4.01์€ 1999๋…„์— ๋ฐœํ‘œ๊ฐ€ ๋๋‹ค.

  • XHTML์€ XML ๊ธฐ๋ฐ˜์ด๋‹ค. ๊นŒ๋‹ค๋กœ์šด ๋ฌธ๋ฒ• ํƒ“์— ๊ฐœ๋ฐœ์ž๋“ค์—๊ฒŒ ์ž˜ ๋ฐ›์•„๋“ค์—ฌ์ง€์ง€ ์•Š์•˜๋‹ค.

HTML5๋Š” ๋งˆํฌ์—… ๋žญ๊ท€์ง€(HTML)์˜ ๋ฌธ๋ฒ•์  ๋ฒ„์ „ + ์ƒˆ๋กœ์šด DOM API ์ŠคํŽ™์„ ํฌํ•จํ•œ๋‹ค.

๊ฐ ์š”์†Œ๋ณ„๋กœ ๋น„์Šทํ•œ ์„ฑ๊ฒฉ์„ ๊ฐ€์ง€๊ณ  ์ž‡๋Š” ๊ฒƒ ๋ผ๋ฆฌ ๊ทธ๋ฃนํ™”ํ•œ HTML5 ์ฝ˜ํ…์ธ  ๋ชจ๋ธ์ด ์žˆ๋‹ค.(Section Root, Metadat Content, Flow Content, Secition Content, Heading Content, Phrasing Content, Embedded Content, Interactive Content ๋“ฑ)

๋ณ€๊ฒฝ์‚ฌํ•ญ ๋ฐ ํƒœ๊ทธ ์ •๋ฆฌ

  1. ์„ ์–ธ๋ฌธ - ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ๋ฅผ ์œ„ํ•œ ์„ ์–ธ๋ฌธ์„ ๊ฐ„๋‹จํ•˜๊ฒŒ ๋ช‡์ž๋งŒ ์ ์œผ๋ฉด ๋จ.
    • <!DOCTYPE html>
  2. ์‹œ๋งจํ‹ฑ์š”์†Œ
    • ์‹œ๊ฐ์žฅ์• ์ธ์—๊ฒŒ ์‚ฌ์ดํŠธ์˜ ์–ด๋””๊ฐ€ ๋ณธ๋ฌธ์ธ์ง€ ์•„๋‹Œ์ง€ ์•Œ๋ ค์ค„ ์ˆ˜ ์žˆ๋‹ค. ์ฆ‰ ๋ ˆ์ด์•„์›ƒ์„ ์ปดํ“จํ„ฐ๊ฐ€ ์ฝ์–ด๋‚ผ ์ˆ˜ ์žˆ๋‹ค.
      • <header> - <head>์™€๋Š” ๋‹ค๋ฅธ ๊ฒƒ. ํŽ˜์ด์ง€๋‚˜ ํ•ด๋‹น ์„ธ์…˜์˜ ๊ฐ€์žฅ ์œ—๋ถ€๋ถ„์— ์œ„์น˜ํ•œ๋‹ค.
      • <nav> - ๋‚ด๋น„๊ฒŒ์ด์…˜. ์ƒ๋‹จ๋ฐ” ๋“ฑ ์‚ฌ์ดํŠธ๋ฅผ ์•ˆ๋‚ดํ•˜๋Š” ์š”์†Œ์— ์‚ฌ์šฉ๋œ๋‹ค. ๋ณดํ†ต <u>์™€ ํ•จ๊ป˜ ์“ฐ์ธ๋‹ค.
      • <main> - ๋ฌธ์„œ์˜ ์ฃผ๋œ ์ฝ˜ํ…์ธ . ๋‘ ๊ฐœ ์ด์ƒ ๋ณด์—ฌ์ง€๋ฉด ์•ˆ๋˜๋ฏ€๋กœ ํ•˜๋‚˜๋ฅผ ์ œ์™ธํ•œ ๋‚˜๋จธ์ง€๋Š” hidden ์†์„ฑ์„ ์จ์„œ ๊ฐ€๋ ค์•ผํ•œ๋‹ค.
        • ์‹œ๋งจํ‹ฑ ํƒœ๊ทธ ์ค‘ Internet Explorer์—์„œ ์œ ์ผํ•˜๊ฒŒ ์ง€์›๋˜์ง€ ์•Š๋Š” ํƒœ๊ทธ
      • <article> - ์›นํŽ˜์ด์ง€์˜ ๋‚ด์šฉ์— ์‚ฌ์šฉํ•˜๋Š” ํƒœ๊ทธ. ๋ฌธ์„œ๋‚˜ ํŽ˜์ด์ง€, ์‚ฌ์ดํŠธ์—์„œ ๋…๋ฆฝ์ ์œผ๋กœ ๋ฐฐํฌ ํ˜น์€ ์žฌ์‚ฌ์šฉ์„ ํ•  ์ˆ˜ ์žˆ๋Š” ์„น์…˜์— ์‚ฌ์šฉํ•œ๋‹ค.
      • <section> - ์„นํ˜„์„ ๋‚˜๋ˆ„๋Š” ํƒœ๊ทธ. ์›นํŽ˜์ด์ง€๋ฅผ ์˜๋ฏธ์ ์œผ๋กœ ํŒŒํŠธ ๊ตฌ๋ถ„์„ ์œ„ํ•ด ์‚ฌ์šฉํ•œ๋‹ค.
      • <aside> - ๋ณธ๋ฌธ์˜ ์ฃผ์š” ๋ถ€๋ถ„์„ ํ‘œ์‹œํ•˜๊ณ  ๋‚จ์€ ๋ถ€๋ถ„์„ ์„ค๋ช…ํ•˜๋Š” ํƒœ๊ทธ. ์‚ฌ์ด๋“œ๋ฐ”๋‚˜ ๊ด‘๊ณ ์ฐฝ ๋“ฑ..
      • <footer> - ๊ฐ€์žฅ ์•„๋žซ๋ถ€๋ถ„. ๋ผ์ด์„ผ์Šค ๋“ฑ ํ‘œ์‹œ.
  3. ์˜ค๋””์˜ค ๋ฐ ๋น„๋””์˜ค ์ง€์›
    • <audio> - ์Œ์•… ํŒŒ์ผ. <source> ํƒœ๊ทธ๋ฅผ ๋„ฃ์–ด ๋‘๊ฐ€์ง€ ์ด์ƒ ํ™•์žฅ์ž๋ฅผ ๊ฐ€์ง€ ์Œ์•…ํŒŒ์ผ์„ ๋„ฃ์–ด์•ผ ๋ธŒ๋ผ์šฐ์ €๋ณ„ ์ง€์› ํ™•์žฅ์ž๋ฅผ ์ปค๋ฒ„ํ•  ์ˆ˜ ์žˆ๋‹ค.
      • ๊ฐ€์žฅ ๋งŽ์ด ์‚ฌ์šฉํ•˜๋Š” ์กฐํ•ฉ : mp3 + ogg
    • <video> - ๋ณ„๋‹ค๋ฅธ ํ”Œ๋Ÿฌ๊ทธ์ธ ์—†์ด๋„ ์˜์ƒ ํŒŒ์ผ์ด ์ž์ฒด ์žฌ์ƒ ๊ฐ€๋Šฅํ•˜๋‹ค.. ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ <source> ํƒœ๊ทธ ํ•„์š”ํ•˜๋‹ค.
      • ๊ฐ€์žฅ ๋งŽ์ด ์‚ฌ์šฉํ•˜๋Š” ์กฐํ•ฉ : mp4 + ogc
    • <canvas> - ์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ด์šฉํ•œ ๊ทธ๋ž˜ํ”ฝ์„ ํ‘œํ˜„ํ•˜๋Š” ํƒœ๊ทธ
      • ๋™์ ์ธ ๊ทธ๋ž˜ํ”ฝ๊ณผ ์• ๋‹ˆ๋ฉ”์ด์…˜์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Œ.
  4. ํผ ์ปจํŠธ๋กค
    • <output> ๊ฒฐ๊ณผ๊ฐ’ ์ „์†ก
    • <input> ์˜ ์ƒˆ๋กœ์šด type ์†์„ฑ์ด ์ถ”๊ฐ€๋˜์—ˆ๋‹ค.
      • date, datetime, time, color, range ๋“ฑ ์›๋ž˜๋Š” JS๋ฅผ ํ†ตํ•ด์„œ๋งŒ ๊ตฌํ˜„. ํ˜„ ์‹œ์  ํฌ๋กฌ์ด ์‚ฌ์‹ค์ƒ ์ „๋ถ€๋ฅผ ์ง€์›
    • <datalist> - <input>์˜ย type="text"์™€ ๊ฐ™์€ ์†์„ฑ์„ ๊ฐ€์ง„ ๊ฒƒ๋“ค์— ๋“ค์–ด๊ฐˆ ๊ฐ’์„ ๋ฏธ๋ฆฌ ์ •์˜ํ•˜๋Š” ํƒœ๊ทธ
  5. ์˜คํ”„๋ผ์ธ ์ง€์›
    1. ์›นํŽ˜์ด์ง€๋ฅผ ์‚ฌ์šฉ์ž์˜ ์žฅ์น˜์— ์บ์‹œํ•  ์ˆ˜ ์žˆ๋Š” Application Cache API๊ฐ€ ํฌํ•จ๋˜์–ด์žˆ์Œ.
  6. ๊ธฐํƒ€
    1. <figure**>** - ๋‹ค์ด์–ด๊ทธ๋žจ, ์‚ฌ์ง„ ๋“ฑ ๋ฌธ์„œ์˜ ์ฃผ์š” ํ๋ฆ„๊ณผ ๋…๋ฆฝ์ ์ธ ์ฝ˜ํ…์ธ . ์ฆ‰ ์ œ๊ฑฐํ•ด๋„ ๋ฌธ์„œ์˜ ํ๋ฆ„์— ์˜ํ–ฅ์„ ์ฃผ๋ฉด ์•ˆ๋œ๋‹ค.
    2. <figcaption> - <figure> ์— ๋Œ€ํ•œ ์บก์…˜์„ ์ œ๊ณต

์˜ค๋Š˜์˜ ๋‚˜๋Š” ์–ด๋–ค ์–ด๋ ค์›€์ด ์žˆ์—ˆ์„๊นŒ?

๋”ฑํžˆ ์–ด๋ ค์›€์€ ์—†์—ˆ๋˜ ํ•˜๋ฃจ์˜€๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์›๋ž˜ ๊ฐ€๋ณ๊ฒŒ๋งŒ ์•Œ๊ณ ์žˆ์—ˆ๋˜ HTML์— ๋Œ€ํ•ด ๋” ๊นŠ๊ฒŒ ์‚ดํŽด๋ณด๊ณ ์ž ๋…ธ๋ ฅํ–ˆ๊ณ  ์ฒ˜์Œ์œผ๋กœ ๊ณต์‹ ๋ฌธ์„œ๋ฅผ ๋ดค๋‹ค.

ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋Š” ์›น ํผ๋ธ”๋ฆฌ์…”์˜ ์†Œ์–‘์€ ๊ธฐ๋ณธ์ ์œผ๋กœ ๊ฐ–์ถ”๊ณ  ์žˆ์–ด์•ผํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•œ๋‹ค. (๋ฌผ๋ก  ์–ด๋–ค ๊ธฐ์—…์—์„œ๋Š” ์›น ํผ๋ธ”๋ฆฌ์…”๋ฅผ ๋”ฐ๋กœ ๋‘๊ธด ํ•˜๋”๋ผ..) ๊ทธ๋ž˜์„œ ์›น ํ‘œ์ค€๊ณผ ์ ‘๊ทผ์„ฑ์— ๋Œ€ํ•ด ์ž˜ ํŒŒ์•…ํ•˜๊ณ  ์žˆ์–ด์•ผ ํ”ํžˆ โ€œ์ข‹์€ ํ”„๋ก ํŠธ์—”๋“œโ€ ๊ฐœ๋ฐœ์ž ๋ผ๊ณ  ์ƒ๊ฐํ•œ๋‹ค. ์•„์ง HTML๊ณผ CSS์— ๋Œ€ํ•œ ํ•™์Šต(?๋ณต์Šต)์„ ํ•˜์ง€ ์•Š์€ ์ƒํƒœ์—์„œ ์›น์ ‘๊ทผ์„ฑ์„ ๋”์šฑ ๊นŠ๊ฒŒ ์ฐพ์•„๋ณด๋‹ค๊ฐ€ ํ•œ๊ณ„๋ฅผ ๋Š๊ผˆ๋‹ค. ๋”ฐ๋ผ์„œ ์ด๋ฒˆ์ฃผ HTML/CSS ํŒŒํŠธ๊ฐ€ ๋๋‚œ ํ›„์— ๋” ์ฐพ์•„๋ณด๊ฑฐ๋‚˜ ํ‹ˆํ‹ˆํžˆ ์ฐพ์•„๋ณด๊ณ  ์ฃผ๋ง์— ์ฝ์–ด๋ณด๋ฉด์„œ ๋‚ด๊ฒƒ์œผ๋กœ ๋งŒ๋“ค ์˜ˆ์ •์ด๋‹ค!

๋‚ด์ผ์˜ ๋‚˜๋Š” ๋ฌด์—‡์„ ํ•ด์•ผํ• ๊นŒ?

  • CSS ํ•ต์‹ฌ ๊ฐœ๋… ์™„๊ฐ•
  • ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์‹œ์ž‘ํ•˜๊ธฐ in JavaScript ์ˆ˜๊ฐ•
  • ์ ‘๊ทผ๊ฐ€๋Šฅํ•œ ์ˆจ๊น€ ์ฝ˜ํ…์ธ ์— ๋Œ€ํ•ด ์ฐพ์•„๋ณผ ๊ฒƒ!
  • TIL ๋ฐ Daily Mission ํ•˜๊ธฐ
  • Weekly Mission ์‚ด์ง
  • ์‹œ๊ฐ„์ด ๋‚จ์œผ๋ฉด ์ฝ”ํ…Œ 2

0๊ฐœ์˜ ๋Œ“๊ธ€