๊นํ๋ธ๋ฅผ ๋์๋ค๋๋ค๊ฐ ์์ ์ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ์ธํฐ๋ทฐ ์ง๋ฌธ์ด๋ผ๋ ๋ ํฌ์งํ ๋ฆฌ๋ฅผ ๋ณธ์ ์ด ์๋ค. ์ฌ์ค ๊ทธ ๋น์์๋ ๊ทธ๋ฅ ์คํ๋ง ๋๋ฌ๋๊ณ ํฐ ๊ด์ฌ์ด ์์์ง๋ง ์ง๊ธ๋ถํฐ ํ๋์ฉ ํ์ด๋ณด๋ ค ํ๋ค.
๋ฌผ๋ก ๋ง์ ๋ต๋ค์ด ์ด๋ฏธ ์ด ๋ ํฌ์งํ ๋ฆฌ์ ์์ฑ๋์ด ์๊ธด ํ๋ฐ, ์์ฑ๋์ง ์์ ๊ฒ๋ค๋ ์๊ณ ๋ด ๋ต์ด๋ ๋ชจ๋ฒ๋ต์์ ๋น๊ตํ๋ ๊ฒ๋ ์ข์ ๊ฒ ๊ฐ์์ ํ๋ฒ ํ์ด๋ณด๋ ค ํ๋ค.
๊ธฐ์กด ๋ ํฌ์งํ ๋ฆฌ์๋ ๋ฌธ์ ์ ๋ถ๋ฅ๊ฐ ์๋์ ๊ฐ์ด ๋์ด์๋ค.
๋งค์ผ 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?(์ต๊ทผ์ ๊ฒช์ ๊ธฐ์ ์ ์ธ ์ด๋ ค์๊ณผ ๊ทธ๊ฒ์ ์ด๋ป๊ฒ ํด๊ฒฐํ๋์ง ์๋ ค์ฃผ์ธ์)
์ด๋ฌํ ๊ฒ๋ค์ ๋ต๋ณํ์ง ์๋๋ค. ์ด๋ฐ ๋ฌธ์ ๋ ๊ทธ๋๊ทธ๋ ๋ต์ด ๋ฌ๋ผ์ง ์ ์๋ค.
๋์ ๋ต๋ณ์ ๋์ ํ๋ฅ ๋ก ํ๋ฆด ์๋ ์์ผ๋ฉฐ, ์๋๋ฉด ๋ง๊ฒ ๊ฐ๋ค๊ฐ ์ค๊ฐ์ ์ด์ํ ๊ธธ๋ก ๋น ์ง ์๋ ์๋ค. ๋๊ธ์ ์์ ๋ง์ ๋ต์ ์ฌ๋ ค์ฃผ๋ฉด ๋งค์ฐ ๊ณ ๋ง์ธ ๊ฒ ๊ฐ๋ค.
์๋ฌธ : 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
์๋ฌธ : How do you serve a page with content in multiple languages?
๋จผ์ , ๋ค๊ตญ์ด ํ์ด์ง์ ์ผ๋ฐ์ ์ธ ๋ชฉ์ ์ '๋ค์ํ ๊ตญ๊ฐ์์ ๋ค์ด์ค๋ ์ด์ฉ์๋ค์๊ฒ ๊ฐ ๊ตญ๊ฐ์ ๋ง๋ ์ปจํ ์ธ ๋ฅผ ๋ณด์ฌ์ฃผ๋ ๊ฒ์ ์๋ค.'๋ผ๊ณ ๊ฐ์ ํ๊ฒ ๋ค.
์ด์ฉ์๊ฐ ์ฐ๋ฆฌ์๊ฒ ์ ๊ณตํ๋ ์ต์ํ์ ์ ๋ณด๋ก ๊ทธ๋ค์ ๊ตญ๊ฐ๋ฅผ ํ์ ํ๊ณ ๊ทธ ๊ตญ๊ฐ์ ๋ง๋ ์ธ์ด๋ก ํ์ด์ง๋ฅผ ๋ณด์ฌ์ค ์ ์์ผ๋ฉด ๊ทธ๊ฒ ์ต์์ผ ๊ฒ์ด๋ค.
๊ทธ๋ ๋ค๋ฉด 2๊ฐ์ง๊ฐ ์ ๋์ด์ผ ํ๋๋ฐ, ์ฒซ๋ฒ์งธ๋ก๋ ์ด์ฉ์์ ๊ตญ๊ฐ๋ฅผ ํ๋ณํ๋ ๊ฒ, ๋๋ฒ์งธ๋ ๋ค๊ตญ์ด๋ก ๋ ์ปจํ ์ธ ๋ค์ ์ฒด๊ณ์ ์ผ๋ก ์ ๊ณตํ๋ ๋ฐฉ๋ฒ์ด ์์ ๊ฒ์ด๋ค.
๊ฐ์ฅ ์ผ๋ฐ์ ์ผ๋ก๋ HTTP ์์ฒญ ํค๋์ Accept-Language
์ ๋ณด ๋๋ IP๋ก ์ง์ญ์ ํ๋จํ๋ ๋ฐฉ๋ฒ์ด ์์ ์ ์๋ค.
๋จ, IP๋ก ์ง์ญ์ ํ๋จํ๋ ๊ฒ์ ๋ฉ์ธ์ผ๋ก ์ผ๋ ๊ฒ์ ๋ฐ๋์ ์ง์ํด์ผ ํ๋ค. ์ผ๋ฐ์ ์ผ๋ก ์ด๋ ต๊ณ ์ ๋ขฐ๋๊ฐ ๋ฎ๋ค.
๋ฌผ๋ฆฌ์ ์ผ๋ก ํด๋น ๊ตญ๊ฐ์ ๊ฑฐ์ฃผํ๋ ์ฌ๋์ด์ด๋ ๋ค๋ฅธ ์ธ์ด๋ฅผ ์ฌ์ฉํ๋ ์ฌ๋๋ ์์ ์ ์๊ธฐ ๋๋ฌธ์ ๋ฐ๋์ ์๋์ผ๋ก๋ ์ธ์ด ํ์ด์ง๋ฅผ ๋ณ๊ฒฝํ ์ ์๋๋ก ํด์ฃผ์ด์ผ ํ๋ค.
๋จผ์ , ์น ์ ๊ทผ์ฑ์ ์ํด HTML์ ์์ฑ ์ค lang์๋ ํด๋นํ๋ ์ธ์ด์ ๋ง๋ ๊ฐ์ ์ง์ด๋ฃ์ด์ผ ํ๋ค. ์๋ฅผ ๋ค๋ฉด ํ๊ตญ์ด๋ ko
์ ๊ฐ์ ๊ฐ์ ๋ฃ์ด์ผ ํ๋ฉฐ ์์ด๋ en
๊ณผ ๊ฐ์ ๊ฐ์ ๋ฃ์ด์ผ ํ๋ค.
์ด๋ฌํ ์ค์ ์ ์๊ฐ์ฅ์ ์ธ๋ค์๊ฒ ์น ํ๋ฉด์ ์ฝ์ด์ฃผ๋ ์น ๋ฆฌ๋๊ฐ ์ฌ๋ฐ๋ฅด๊ฒ ๋์ํ ์ ์๋๋ก ๋๊ธฐ๋ ํ๋ค.
๋ค๊ตญ์ด ์ปจํ
์ธ ๋ฅผ ์ธ์ด๋ณ๋ก ์ ๊ณตํ ๋๋ i18n์ผ๋ก ์ ๊ณตํ๋ ๊ฒ์ด ์ผ๋ฐ์ ์ด๋ผ๊ณ ์๊ฐํ๋ค. ๊ฐ ์ธ์ด๋ณ json ํ์ผ(ko.json
, en.json
, jp.json
๊ณผ ๊ฐ์ ํ์ผ)์ ๊ตฌ์ฑํ๊ณ i18n ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ด์ฉํ์ฌ ์ธ์ด๋ณ ํ์ด์ง๋ฅผ ์ ๊ณตํ๋ค.
"์ค๋์ ๋ ์ง๋" + ${date} + "์
๋๋ค"
์ ๊ฐ์ ์ ๊ทผ๋ฐฉ์์ ์ข์ง ์๋ค. ์ธ์ด๋ง๋ค ๋ช
์ฌ ๋์ฌ ๋ฑ์ ์์น๊ฐ ๋ค๋ฅด๋ค.google์ ๊ฐ์
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
์ ์ ๋ง ์ข์ ์๋ฃ๋ค์.