๐Ÿ“ƒ ํ”„๋ก ํŠธ์—”๋“œ ์ธํ„ฐ๋ทฐ ๋ฌธ์ œ ๋‹ตํ•ด๋ณด๊ธฐ #2 DOC TYPE๊ณผ ๋‹ค๊ตญ์–ด ์ฝ˜ํ…์ธ 

jakeseo_meยท2020๋…„ 6์›” 2์ผ
9
post-thumbnail

๐Ÿ“ƒ ํ”„๋ก ํŠธ์—”๋“œ ์ธํ„ฐ๋ทฐ ๋ฌธ์ œ ๋‹ตํ•ด๋ณด๊ธฐ #2 DOC TYPE๊ณผ ๋‹ค๊ตญ์–ด ์ฝ˜ํ…์ธ 

Prologue

๊นƒํ—ˆ๋ธŒ๋ฅผ ๋Œ์•„๋‹ค๋‹ˆ๋‹ค๊ฐ€ ์˜ˆ์ „์— ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž ์ธํ„ฐ๋ทฐ ์งˆ๋ฌธ์ด๋ผ๋Š” ๋ ˆํฌ์ง€ํ† ๋ฆฌ๋ฅผ ๋ณธ์ ์ด ์žˆ๋‹ค. ์‚ฌ์‹ค ๊ทธ ๋‹น์‹œ์—๋Š” ๊ทธ๋ƒฅ ์Šคํƒ€๋งŒ ๋ˆŒ๋Ÿฌ๋†“๊ณ  ํฐ ๊ด€์‹ฌ์ด ์—†์—ˆ์ง€๋งŒ ์ง€๊ธˆ๋ถ€ํ„ฐ ํ•˜๋‚˜์”ฉ ํ’€์–ด๋ณด๋ ค ํ•œ๋‹ค.

๋ฌผ๋ก  ๋งŽ์€ ๋‹ต๋“ค์ด ์ด๋ฏธ ์ด ๋ ˆํฌ์ง€ํ† ๋ฆฌ์— ์ž‘์„ฑ๋˜์–ด ์žˆ๊ธด ํ•œ๋ฐ, ์ž‘์„ฑ๋˜์ง€ ์•Š์€ ๊ฒƒ๋“ค๋„ ์žˆ๊ณ  ๋‚ด ๋‹ต์ด๋ž‘ ๋ชจ๋ฒ”๋‹ต์•ˆ์„ ๋น„๊ตํ•˜๋Š” ๊ฒƒ๋„ ์ข‹์„ ๊ฒƒ ๊ฐ™์•„์„œ ํ•œ๋ฒˆ ํ’€์–ด๋ณด๋ ค ํ•œ๋‹ค.

๋ฌธ์ œ ์„ ์ •

๊ธฐ์กด ๋ ˆํฌ์ง€ํ† ๋ฆฌ์—๋Š” ๋ฌธ์ œ์˜ ๋ถ„๋ฅ˜๊ฐ€ ์•„๋ž˜์™€ ๊ฐ™์ด ๋˜์–ด์žˆ๋‹ค.

  1. General Questions
  2. HTML Questions
  3. CSS Questions
  4. JS Questions
  5. Accessibility Questions (external link)
  6. Testing Questions
  7. Performance Questions
  8. Network Questions
  9. Coding Questions
  10. Fun Questions

๋งค์ผ 1๊ฐ€์ง€์”ฉ ๋Œ์•„๊ฐ€๋ฉฐ ํ’€ ๊ฑด๋ฐ, General Questions ํ•ญ๋ชฉ์—์„œ ๋„ˆ๋ฌด ์ผ๋ฐ˜์ ์ธ ๋ฌธ์ œ๋Š” ํ’€์ง€ ์•Š์„ ๊ฒƒ์ด๋‹ค. ๋„ˆ๋ฌด ์ผ๋ฐ˜์ ์ธ ๋ฌธ์ œ์˜ ์ •์˜๋Š” ์‚ฌ๋žŒ๋งˆ๋‹ค ๋‹ต์ด ๋‹ค๋ฅผ ์ˆ˜ ์žˆ๋Š” ๋ฌธ์ œ์ด๋‹ค.

์ด๋ฅผํ…Œ๋ฉด...

What did you learn yesterday/this week? (์–ด์ œ/์ด๋ฒˆ์ฃผ์— ๋ฌด์—‡์„ ๋ฐฐ์› ๋‚˜์š”)
What excites or interests you about coding? (๋ฌด์—‡์ด ๋‹น์‹ ์„ ์ฝ”๋”ฉํ•˜๊ณ  ์‹ถ๊ฒŒ ๋งŒ๋“œ๋‚˜์š”?)
What is a recent technical challenge you experienced and how did you solve it?(์ตœ๊ทผ์— ๊ฒช์€ ๊ธฐ์ˆ ์ ์ธ ์–ด๋ ค์›€๊ณผ ๊ทธ๊ฒƒ์„ ์–ด๋–ป๊ฒŒ ํ•ด๊ฒฐํ–ˆ๋Š”์ง€ ์•Œ๋ ค์ฃผ์„ธ์š”)

์ด๋Ÿฌํ•œ ๊ฒƒ๋“ค์€ ๋‹ต๋ณ€ํ•˜์ง€ ์•Š๋Š”๋‹ค. ์ด๋Ÿฐ ๋ฌธ์ œ๋Š” ๊ทธ๋•Œ๊ทธ๋•Œ ๋‹ต์ด ๋‹ฌ๋ผ์งˆ ์ˆ˜ ์žˆ๋‹ค.

์ฐธ๊ณ 

๋‚˜์˜ ๋‹ต๋ณ€์€ ๋†’์€ ํ™•๋ฅ ๋กœ ํ‹€๋ฆด ์ˆ˜๋„ ์žˆ์œผ๋ฉฐ, ์•„๋‹ˆ๋ฉด ๋งž๊ฒŒ ๊ฐ€๋‹ค๊ฐ€ ์ค‘๊ฐ„์— ์ด์ƒํ•œ ๊ธธ๋กœ ๋น ์งˆ ์ˆ˜๋„ ์žˆ๋‹ค. ๋Œ“๊ธ€์— ์ž์‹ ๋งŒ์˜ ๋‹ต์„ ์˜ฌ๋ ค์ฃผ๋ฉด ๋งค์šฐ ๊ณ ๋งˆ์šธ ๊ฒƒ ๊ฐ™๋‹ค.

Q1: HTML์—์„œ DOCTYPE์€ ์–ด๋–ค ์—ญํ• ์„ ํ•˜๋Š”๊ฐ€?

์›๋ฌธ : What does a doctype do?

DOCTYPE์€ document type์˜ ์•ฝ์–ด์ด๋‹ค. DOCTYPE์€ HTML์„ ๋‚˜ํƒ€๋‚ด์ฃผ๋Š” DTD(Document Type Definition)๋กœ ๋ณผ ์ˆ˜ ์žˆ๋‹ค.

DTD๋ž€ ์ผ๋ฐ˜์ ์œผ๋กœ XML์—์„œ ๋ฌธ์„œ์˜ ์Šคํ‚ค๋งˆ๋ฅผ ์ •์˜ํ•˜๋Š”๋ฐ ์“ฐ์ธ๋‹ค. ๋ฌธ์„œ์˜ ์Šคํ‚ค๋งˆ๋ฅผ ์ •์˜ํ•œ๋‹ค๋Š” ๊ฒƒ์€ ์ด๋ฅผํ…Œ๋ฉด ์ด ๋ฌธ์„œ ๋‚ด๋ถ€์— ์‚ฌ์šฉ๋  ์ˆ˜ ์žˆ๋Š” ์—˜๋ฆฌ๋จผํŠธ์™€ ์–ดํŠธ๋ฆฌ๋ทฐํŠธ๋ฅผ ์ •์˜ํ•˜๋Š” ๊ฒƒ์ด๋ผ ํ•  ์ˆ˜ ์žˆ๋‹ค. ์Šคํ”„๋ง ํ”„๋ ˆ์ž„์›Œํฌ์—์„œ๋Š” XML๋กœ Config๋ฅผ ์žก์•„์ฃผ๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ์€๋ฐ ์ด ๊ฒฝ์šฐ DTD๊ฐ€ ์ตœ์ƒ๋‹จ์— ์„ ์–ธ๋˜๋Š” ๊ฒƒ์„ ํ”ํžˆ ๋ณผ ์ˆ˜ ์žˆ๋‹ค.

๋ณดํ†ต HTML ์ตœ์ƒ๋‹จ์— ์ž‘์„ฑํ•˜๋Š” <!DOCTYPE html>์€ ์ด ๋ฌธ์„œ๊ฐ€ html์˜ ํ˜•์‹์„ ๋”ฐ๋ฅธ๋‹ค๋Š” ๊ฒƒ์„ ๋ฏธ๋ฆฌ ์•Œ๋ ค์ฃผ์–ด์„œ ๋ธŒ๋ผ์šฐ์ €๊ฐ€ quirks mode๋กœ ๋น ์ง€์ง€ ์•Š๊ฒŒ ํ•˜๋Š” ์—ญํ• ์ด๋‹ค.

์—ฌ๊ธฐ์„œ quirks mode๋ž€ ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ๊ตฌ์‹œ๋Œ€์— ๋งŒ๋“ค์–ด์ง„ ์›น์„ ๋ Œ๋”๋งํ•˜๊ธฐ ์œ„ํ•œ ๊ธฐ๋Šฅ์ด๋ผ๊ณ  ๋ณด๋ฉด ๋œ๋‹ค. ์ธํ„ฐ๋„ท ์ต์Šคํ”Œ๋กœ๋Ÿฌ 9 ํ˜น์€ ๊ทธ ์ด์ „ ๋ฒ„์ „์—์„œ๋Š” DOCTYPE์ด ์ •์˜๋˜๊ธฐ ์ด์ „์— XML ์„ ์–ธ๋ถ€๋‚˜ ๋ฌด์—‡์ด๋“  ์ž‘์„ฑ๋œ ์ƒํƒœ๋ผ๋ฉด, ํ•ด๋‹น ๋ฌธ์„œ๋ฅผquirk mode๋กœ ๋ Œ๋”๋งํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์ฃผ์˜ํ•ด์•ผ ํ•œ๋‹ค.

๋ ˆํผ๋Ÿฐ์Šค

https://en.wikipedia.org/wiki/Quirks_mode
https://developer.mozilla.org/ko/docs/Web/HTML/Quirks_Mode_and_Standards_Mode
https://developer.mozilla.org/ko/docs/Glossary/Doctype

Q2: ๋‹ค๊ตญ์–ด๋กœ ๋งŒ๋“ค์–ด์ง„ ์ปจํ…์ธ  ํŽ˜์ด์ง€๋ฅผ ์–ด๋–ป๊ฒŒ ์ œ๊ณตํ•  ๊ฒƒ์ธ๊ฐ€?

์›๋ฌธ : How do you serve a page with content in multiple languages?

๋จผ์ €, ๋‹ค๊ตญ์–ด ํŽ˜์ด์ง€์˜ ์ผ๋ฐ˜์ ์ธ ๋ชฉ์ ์€ '๋‹ค์–‘ํ•œ ๊ตญ๊ฐ€์—์„œ ๋“ค์–ด์˜ค๋Š” ์ด์šฉ์ž๋“ค์—๊ฒŒ ๊ฐ ๊ตญ๊ฐ€์— ๋งž๋Š” ์ปจํ…์ธ ๋ฅผ ๋ณด์—ฌ์ฃผ๋Š” ๊ฒƒ์— ์žˆ๋‹ค.'๋ผ๊ณ  ๊ฐ€์ •ํ•˜๊ฒ ๋‹ค.

์ด์šฉ์ž๊ฐ€ ์šฐ๋ฆฌ์—๊ฒŒ ์ œ๊ณตํ•˜๋Š” ์ตœ์†Œํ•œ์˜ ์ •๋ณด๋กœ ๊ทธ๋“ค์˜ ๊ตญ๊ฐ€๋ฅผ ํŒŒ์•…ํ•˜๊ณ  ๊ทธ ๊ตญ๊ฐ€์— ๋งž๋Š” ์–ธ์–ด๋กœ ํŽ˜์ด์ง€๋ฅผ ๋ณด์—ฌ์ค„ ์ˆ˜ ์žˆ์œผ๋ฉด ๊ทธ๊ฒŒ ์ตœ์ƒ์ผ ๊ฒƒ์ด๋‹ค.

๊ทธ๋ ‡๋‹ค๋ฉด 2๊ฐ€์ง€๊ฐ€ ์ž˜ ๋˜์–ด์•ผ ํ•˜๋Š”๋ฐ, ์ฒซ๋ฒˆ์งธ๋กœ๋Š” ์ด์šฉ์ž์˜ ๊ตญ๊ฐ€๋ฅผ ํŒ๋ณ„ํ•˜๋Š” ๊ฒƒ, ๋‘๋ฒˆ์งธ๋Š” ๋‹ค๊ตญ์–ด๋กœ ๋œ ์ปจํ…์ธ ๋“ค์„ ์ฒด๊ณ„์ ์œผ๋กœ ์ œ๊ณตํ•˜๋Š” ๋ฐฉ๋ฒ•์ด ์žˆ์„ ๊ฒƒ์ด๋‹ค.

์ด์šฉ์ž์˜ ๊ตญ๊ฐ€๋ฅผ ํŒ๋ณ„ํ•˜๋Š” ๋ฐฉ๋ฒ•

๊ฐ€์žฅ ์ผ๋ฐ˜์ ์œผ๋กœ๋Š” HTTP ์š”์ฒญ ํ—ค๋”์˜ Accept-Language ์ •๋ณด ๋˜๋Š” IP๋กœ ์ง€์—ญ์„ ํŒ๋‹จํ•˜๋Š” ๋ฐฉ๋ฒ•์ด ์žˆ์„ ์ˆ˜ ์žˆ๋‹ค.

๋‹จ, IP๋กœ ์ง€์—ญ์„ ํŒ๋‹จํ•˜๋Š” ๊ฒƒ์„ ๋ฉ”์ธ์œผ๋กœ ์‚ผ๋Š” ๊ฒƒ์€ ๋ฐ˜๋“œ์‹œ ์ง€์–‘ํ•ด์•ผ ํ•œ๋‹ค. ์ผ๋ฐ˜์ ์œผ๋กœ ์–ด๋ ต๊ณ  ์‹ ๋ขฐ๋„๊ฐ€ ๋‚ฎ๋‹ค.

๋ฌผ๋ฆฌ์ ์œผ๋กœ ํ•ด๋‹น ๊ตญ๊ฐ€์— ๊ฑฐ์ฃผํ•˜๋Š” ์‚ฌ๋žŒ์ด์–ด๋„ ๋‹ค๋ฅธ ์–ธ์–ด๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์‚ฌ๋žŒ๋„ ์žˆ์„ ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ๋ฐ˜๋“œ์‹œ ์ˆ˜๋™์œผ๋กœ๋„ ์–ธ์–ด ํŽ˜์ด์ง€๋ฅผ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ด์ฃผ์–ด์•ผ ํ•œ๋‹ค.

๋‹ค๊ตญ์–ด ์ปจํ…์ธ ๋ฅผ ์ฒด๊ณ„์ ์œผ๋กœ ์ œ๊ณตํ•˜๋Š” ๋ฐฉ๋ฒ•

์›น ์ ‘๊ทผ์„ฑ

๋จผ์ €, ์›น ์ ‘๊ทผ์„ฑ์„ ์œ„ํ•ด HTML์˜ ์†์„ฑ ์ค‘ lang์—๋Š” ํ•ด๋‹นํ•˜๋Š” ์–ธ์–ด์— ๋งž๋Š” ๊ฐ’์„ ์ง‘์–ด๋„ฃ์–ด์•ผ ํ•œ๋‹ค. ์˜ˆ๋ฅผ ๋“ค๋ฉด ํ•œ๊ตญ์–ด๋Š” ko์™€ ๊ฐ™์€ ๊ฐ’์„ ๋„ฃ์–ด์•ผ ํ•˜๋ฉฐ ์˜์–ด๋Š” en๊ณผ ๊ฐ™์€ ๊ฐ’์„ ๋„ฃ์–ด์•ผ ํ•œ๋‹ค.

์ด๋Ÿฌํ•œ ์„ค์ •์€ ์‹œ๊ฐ์žฅ์• ์ธ๋“ค์—๊ฒŒ ์›น ํ™”๋ฉด์„ ์ฝ์–ด์ฃผ๋Š” ์›น ๋ฆฌ๋”๊ฐ€ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ๋™์ž‘ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋•๊ธฐ๋„ ํ•œ๋‹ค.

i18n

๋‹ค๊ตญ์–ด ์ปจํ…์ธ ๋ฅผ ์–ธ์–ด๋ณ„๋กœ ์ œ๊ณตํ•  ๋•Œ๋Š” i18n์œผ๋กœ ์ œ๊ณตํ•˜๋Š” ๊ฒƒ์ด ์ผ๋ฐ˜์ ์ด๋ผ๊ณ  ์ƒ๊ฐํ•œ๋‹ค. ๊ฐ ์–ธ์–ด๋ณ„ json ํŒŒ์ผ(ko.json, en.json, jp.json๊ณผ ๊ฐ™์€ ํŒŒ์ผ)์„ ๊ตฌ์„ฑํ•˜๊ณ  i18n ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์ด์šฉํ•˜์—ฌ ์–ธ์–ด๋ณ„ ํŽ˜์ด์ง€๋ฅผ ์ œ๊ณตํ•œ๋‹ค.

์–ธ์–ด๋ณ„ ์ฐจ์ด์— ๋Œ€ํ•œ ์ฃผ์˜์‚ฌํ•ญ

  • ํ…์ŠคํŠธ๋ฅผ ํฌํ•จํ•œ ์ด๋ฏธ์ง€๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์— ๋Œ€ํ•œ ์ฃผ์˜๊ฐ€ ํ•„์š”ํ•˜๋‹ค. ์ด๋ฏธ์ง€์— ํ…์ŠคํŠธ๊ฐ€ ํฌํ•จ๋˜๋ฉด ์–ธ์–ด๋ณ„๋กœ ๊ทธ ์ด๋ฏธ์ง€์— ๋Œ€ํ•œ ํ…์ŠคํŠธ๋ฅผ ์ˆ˜์ •ํ•˜๋Š” ์ž‘์—…์€ ์‹œ๊ฐ„์ด ๋งค์šฐ ๋งŽ์ด ํ•„์š”ํ•œ ์ž‘์—…์ด ๋œ๋‹ค.
  • ๊ธ€์ž ์ˆ˜ ์ œํ•œ์ด ํ•„์š”ํ•˜๋‹ค. ์ข…์ข… ํ•œ๊ธ€์ด๋‚˜ ํ•œ์ž๋กœ ์งง๊ฒŒ ํ‘œํ˜„๋˜๋Š” ๊ธ€์ž๋„ ์˜์–ด๋‚˜ ๋‹ค๋ฅธ ์™ธ๊ตญ์–ด๋กœ ํ‘œํ˜„ํ•˜๋ฉด ๊ธธ๊ฒŒ ํ‘œํ˜„๋˜์–ด์•ผ ํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ๋‹ค.
  • ๋ฌธํ™”๊ถŒ๋ณ„ ์ƒ‰์ƒ์— ๋Œ€ํ•œ ์ดํ•ด๊ฐ€ ๋‹ค๋ฅด๋‹ค. ์ด๋ฅผํ…Œ๋ฉด ์ค‘๊ตญ์—์„œ๋Š” ๋นจ๊ฐ„์ƒ‰์ด ์ข‹์€ ์ƒ‰์œผ๋กœ ์“ฐ์ด๋Š” ๋ฐ˜๋ฉด์—, ๋‹ค๋ฅธ ๊ตญ๊ฐ€์—์„œ๋Š” ์•ˆ ์ข‹์€ ์˜๋ฏธ๋ฅผ ๊ฐ€์งˆ ์ˆ˜ ์žˆ๋‹ค.
  • ๋‚ ์งœ์™€ ํ†ตํ™” ํ˜•์‹์ด ๋‹ค๋ฅด๋‹ค. ํ•œ๊ตญ์€ 2020๋…„ 6์›” 2์ผ๊ณผ ๊ฐ™์€ ํ˜•์‹์œผ๋กœ ํ‘œ๊ธฐํ•˜์ง€๋งŒ, ์˜์–ด๊ถŒ์—์„œ๋Š” ์ผ๋ฐ˜์ ์œผ๋กœ June 2 2020๊ณผ ๊ฐ™์€ ํ˜•์‹์œผ๋กœ ํ‘œ๊ธฐํ•œ๋‹ค.
  • ์„ฃ๋ถˆ๋ฆฌ ๋ฌธ์ž์—ด์„ concatํ•ด์„œ๋Š” ์•ˆ๋œ๋‹ค. ์ด๋ฅผํ…Œ๋ฉด "์˜ค๋Š˜์˜ ๋‚ ์งœ๋Š”" + ${date} + "์ž…๋‹ˆ๋‹ค"์™€ ๊ฐ™์€ ์ ‘๊ทผ๋ฐฉ์‹์€ ์ข‹์ง€ ์•Š๋‹ค. ์–ธ์–ด๋งˆ๋‹ค ๋ช…์‚ฌ ๋™์‚ฌ ๋“ฑ์˜ ์œ„์น˜๊ฐ€ ๋‹ค๋ฅด๋‹ค.
  • ์–ธ์–ด๋ฅผ ์ฝ๋Š” ๋ฐฉํ–ฅ์ด ๋‹ค๋ฅผ ์ˆ˜ ์žˆ๋‹ค. ์ „ํ†ต์ ์ธ ์ผ๋ณธ์–ด๋Š” ์œ„์—์„œ ์•„๋ž˜๋กœ, ์˜ค๋ฅธ์ชฝ์—์„œ ์™ผ์ชฝ์œผ๋กœ ์ฝ๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค.

SEO๋ฅผ ๊ณ ๋ คํ•œ ๋‹ค๊ตญ์–ด ์„ค์ •

google์„ ๊ฐ€์ •

  • ์–ธ์–ด ๋ฒ„์ „๋ณ„๋กœ ๋‹ค๋ฅธ URL์„ ์‚ฌ์šฉํ•œ๋‹ค. ํฌ๋กค๋Ÿฌ๋Š” ์š”์ฒญ ํ—ค๋”์— Accept-Language๋ฅผ ์„ค์ •ํ•˜์ง€ ์•Š๊ณ  ์š”์ฒญ์„ ์ „์†กํ•˜๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. ์ด๋ฅผํ…Œ๋ฉด example.com/kr, example.com/en์ฒ˜๋Ÿผ ์ง€์ •ํ•˜๋Š” ๊ฒƒ์ธ๋ฐ, ๊ฐ€์žฅ ์ตœ์ƒ์˜ ๋ฐฉ๋ฒ•์€ example.kr๊ณผ ๊ฐ™์ด ๊ตญ๊ฐ€๋ณ„ ๋„๋ฉ”์ธ์„ ์ง€์›ํ•˜๋Š” ๊ฒƒ์ด๋‹ค.
  • ํ•œ ํŽ˜์ด์ง€์— ์—ฌ๋Ÿฌ ์–ธ์–ด๋ฅผ ๋™์‹œ์— ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์„ ์ž์ œํ•œ๋‹ค. ํฌ๋กค๋Ÿฌ๋Š” lang์†์„ฑ๊ณผ URL์„ ํ†ตํ•ด ์–ธ์–ด๋ฅผ ์•Œ์•„๋ณด๊ธฐ๋ณด๋‹ค ์ฝ˜ํ…์ธ  ๋‚ด์šฉ์ด ์–ด๋–ค ์–ธ์–ด๋กœ ํ‘œ์‹œ๋๋Š”์ง€์— ์ง‘์ค‘ํ•œ๋‹ค.
  • ๊ฒ€์ƒ‰์—”์ง„ ์‚ฌ์ดํŠธ์— ๋‹ค๊ตญ์–ด ํŽ˜์ด์ง€ ๋“ฑ๋ก ์š”์ฒญ์„ ํ•œ๋‹ค. ๋‚ด ํŽ˜์ด์ง€์—์„œ ์ œ๊ณต๋˜๋Š” ์–ธ์–ด๊ฐ€ ์ด๋ ‡๊ณ  ์–ด๋–ค ๋„๋ฉ”์ธ์„ ํ†ตํ•ด ์ œ๊ณต๋œ๋‹ค๋ผ๊ณ  ์•Œ๋ฆด ์ˆ˜ ์žˆ๋‹ค.
  • ํŽ˜์ด์ง€์˜ ํ—ค๋“œ ํƒœ๊ทธ ๋‚ด๋ถ€์— <link rel="alternate" hreflang="ko" href="example.kr" />์™€ ๊ฐ™์ด hreflang์„ ์ œ๊ณตํ•˜์—ฌ ๋‚ด๊ฐ€ ์ œ๊ณตํ•˜๋Š” ์–ธ์–ด๊ฐ€ ์–ด๋–ค ๊ฒƒ์ด ์žˆ๋Š”์ง€ ๋ช…์‹œํ•  ์ˆ˜ ์žˆ๋‹ค.

๋ ˆํผ๋Ÿฐ์Šค

https://support.google.com/webmasters/answer/189077
https://support.google.com/webmasters/answer/182192?hl=ko
https://github.com/yangshun/front-end-interview-handbook/blob/master/contents/kr/html-questions.md#doctype%EC%9D%80-%EB%AC%B4%EC%97%87%EC%9D%84-%ED%95%98%EB%82%98%EC%9A%94

profile
๋Œ€์ „์— ์žˆ๋Š” (์ฃผ) ์•„์ด์™€์ฆˆ์—์„œ ํ’€์Šคํƒ ์›น๊ฐœ๋ฐœ์ž๋กœ ์ผํ•˜๊ณ  ์žˆ๋Š” ์„œ์ง„๊ทœ์ž…๋‹ˆ๋‹ค. ์ฃผ๋กœ Jake Seo๋ผ๋Š” ๋‹‰๋„ค์ž„์„ ๋งŽ์ด ์”๋‹ˆ๋‹ค. Javascript๋ฅผ ์ข‹์•„ํ•ฉ๋‹ˆ๋‹ค.

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