diff --git a/src/translations/korean/README.md b/src/translations/korean/README.md index 7ed426e07..77398792b 100644 --- a/src/translations/korean/README.md +++ b/src/translations/korean/README.md @@ -9,30 +9,34 @@ lang: ko 이 파일에는 잠재적인 프론트엔드 개발자 후보를 선정할 때 사용할 수 있는 여러 가지 면접 질문들이 있습니다. 후보자에게 모든 문제를 사용하는 것은 많은 시간이 소요되기 때문에 추천하지 않습니다. 대신, 여러분이 요구하는 주요 기술과 관련된 질문들을 몇 가지 선정해서 사용해보세요. -**참고:** 여기 있는 많은 질문은 자유롭게 추가/수정/삭제될 수 있고 정답보다 그 사람의 능력에 관해 이야기하는 흥미로는 토론을 끌어낼 수 있다는 것을 기억하세요. +**참고:** 여기 있는 많은 질문은 자유롭게 추가/수정/삭제될 수 있고 정답보다 그 사람의 능력에 관해 이야기하는 흥미로운 토론을 끌어낼 수 있다는 것을 기억하세요. -## 목차 +## 목차 - 1. [일반적인 질문](#일반적인-질문) - 1. [HTML 관련 질문](#HTML-관련-질문) - 1. [CSS 관련 질문](#CSS-관련-질문) - 1. [JS 관련 질문](#JS-관련-질문) - 1. [테스트 관련 질문](#테스트-관련-질문) - 1. [성능 관련 질문](#성능-관련-질문) - 1. [코딩 관련 질문](#코딩-관련-질문) +1. [일반적인 질문](#general) +1. [HTML 관련 질문](#html) +1. [CSS 관련 질문](#css) +1. [JS 관련 질문](#js) +1. [테스트 관련 질문](#testing) +1. [성능 관련 질문](#performance) +1. [네트워크 관련 질문](#network) +1. [재미있는 질문](#fun) ## 함께하기 - 1. [함께하는 분들](#함께하는-분들) - 1. [함께하는 방법](https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/master/CONTRIBUTING.md) - 1. [라이선스](https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/master/LICENSE.md) +1. [함께하는 분들](#contributors) +1. [함께하는 방법](https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/main/CONTRIBUTING.md) +1. [라이선스](https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/main/LICENSE.md) -#### 일반적인 질문: +#### [[⬆]](#toc) 일반적인 질문: * 어제/이번 주에 무엇을 공부하셨나요? -* 코딩을 할 때 당신을 들뜨게 하거나 흥미를 끄는 것들은 무엇은 가요? +* 코딩을 할 때 당신을 들뜨게 하거나 흥미를 끄는 것들은 무엇인가요? * 최근에 당신이 경험한 기술적인 문제는 무엇이고 그것을 어떻게 해결했나요? -* 웹 애플리케이션이나 사이트를 만들 때 고려해야 할 UI, Security, Performance, SEO, Maintainability에 대해서 설명해주세요. +* 웹 사이트를 새로 만들거나 유지보수할 때 성능을 향상시키기 위해 사용한 기술들에 대해 설명해주세요. +* 최근에 사용해 본 SEO 모범 사례나 기술에 대해 설명해주세요. +* 프론트엔드 보안과 관련하여 일반적인 기술이나 최근 해결한 문제에 대해 설명해주세요. +* 코드의 유지보수성을 높이기 위해 최근 프로젝트에서 개인적으로 취한 조치는 무엇인가요? * 선호하는 개발 환경에 대해 자유롭게 이야기해 주세요. * 버전 관리 시스템은 어떤 것들을 사용해보셨습니까? * 당신이 웹 페이지를 만들 때의 과정을 설명해주실 수 있을까요? @@ -41,236 +45,189 @@ lang: ko * 웹사이트에서 assets/resources를 최적화하는 방법에 관해 설명해주세요. * 브라우저가 한 번에 1개의 도메인에서 내려받는 자원은 몇 개인가요? * 예외에는 어떤 것들이 있나요? -* 페이지 로드 시간을 줄이는 세 가지 방법에 관해서 이야기 해 보세요. +* 페이지 로드 시간을 줄이는 세 가지 방법에 관해서 이야기해 보세요. * 당신이 프로젝트에 합류했습니다. 근데 그들은 Tab을 이용하고, 당신은 Space를 사용했습니다. 어떻게 하실 건가요? * 간단한 Slideshow 페이지를 만드는 방법에 관해서 이야기해 보세요. -* 만약 당신이 올해 기술적 책임자가 되었다면 무엇을 먼저 하시겠습니까? +* 만약 올해 하나의 기술을 마스터할 수 있다면, 어떤 기술을 선택하시겠습니까? * 표준의 중요성에 관해 설명해주세요. * Flash of Unstyled Content에 관해 설명해주세요. 또 FOUC를 피하기 위해선 어떻게 해야 하나요? * ARIA와 screenreader에 대해 설명해주세요. 또 접근성을 지원하는 웹사이트를 어떻게 만드는지에 대해도 설명해주세요. * CSS 애니메이션과 JavaScript 애니메이션의 차이점에 관해 설명해주세요. * CORS는 무엇의 약자이고 어떤 문제에 대해서 언급하는 것인가요? - -#### HTML 관련 질문: +* 상사나 협업자와의 의견 충돌을 어떻게 처리하셨나요? +* 최신 프론트엔드 개발 및 디자인에 대해 배우기 위해 어떤 리소스를 사용하시나요? +* 좋은 프론트엔드 개발자가 되기 위해 필요한 기술은 무엇인가요? +* 자신이 어떤 역할을 하고 싶으신가요? +* 쿠키, 세션 스토리지, 로컬 스토리지의 차이점을 설명해주세요. +* URL을 브라우저에 입력했을 때 어떤 일이 발생하는지 설명해주세요. +* SSR과 CSR의 차이점을 설명해주세요. 각각의 장단점도 논의해주세요. + * 정적 렌더링(static rendering)에 대해 알고 계신가요? + * 리하이드레이션(Rehydration)에 대해 알고 계신가요? + +#### [[⬆]](#toc) HTML 관련 질문: * `doctype`이 무엇을 하는 것인가요? -* 표준모드(standards mode)와 쿽스모드(quirks mode)의 다른 점은 무엇인가요? -* XML과 XHTML의 다른 점은 무엇인가요 -* XHTML을 이용한 페이지의 한계점은 무엇이 있나요? -* `application/xhtml+xml`으로 지정한 페이지에 어떠한 문제가 있나요? * 다국어가 포함된 페이지는 어떤 방식으로 제공하나요? -* 다국어 페이지를 제공하는 여러 방법에 관해 설명해주세요. -* `data-`속성은 무엇을 하는 것인가요? 사용했을 때 이점은 무엇인가요? +* 다국어 페이지를 제공할 때 주의해야 할 점은 무엇인가요? +* `data-` 속성은 무엇을 하는 것인가요? * HTML5를 오픈 웹 플랫폼(open web platform)으로 생각해본다면, 어떤 것들로 구성돼 있을까요? * `쿠키(Cookies)`와 `세션저장소(sessionStorage)`와 `로컬저장소(localStorage)`의 차이점을 설명해주세요. * `