フロントエンド技術面接予想質問（韓国）

こんにちは、今日は韓国IT業界でフロントエンド開発者採用時に頻繁に出題される技術面接質問について話したいと思います。

韓国では、新入社員や低年次開発者の技術的能力と基礎力を把握するために、以下のような質問を行っていることが知られています。これらの質問は、単に暗記力をテストするのではなく、開発者がWebの基本原理をどれだけ深く理解しているか、そして実務で遭遇する状況に対してどれだけ準備されているかを調べる重要な指標となります。

主な質問リスト

ブラウザ（Browser）

• ブラウザレンダリングプロセスを段階別に説明してください
• Critical Rendering Pathが何であり、最適化方法は？
• ReflowとRepaintの違いと発生条件は？
• ブラウザキャッシュ戦略と種別ごとの特徴を説明してください
• CORSが何であり、解決方法は？
• ブラウザストレージ（LocalStorage, SessionStorage, Cookie）違いは？
• イベントループとコールスタック、タスクキューの動作原理は？
• ブラウザ互換性の問題解決経験と方法論は？
• Webパフォーマンス最適化のための主要指標と改善方法は？
• Service Workerの役割と活用事例は？

HTML

• シマンティックHTMLの重要性と主要タグを説明してください
• DOCTYPEの役割とHTML5 DOCTYPE特徴は？
• メタタグの種別とSEO/パフォーマンスへの影響は？
• Webアクセシビリティ準拠のためのHTML記述方法は？
• フォームタグの主要属性と検証方法は？
• data-*属性の用途と活用方法は？
• 画像最適化のためのHTMLタグと属性は？
• HTML5で追加された新しい要素とその用途は？
• スクリプトタグのasync/defer属性の違いは？
• プログレッシブWebアプリのためのHTML設定要素は？

CSS

• CSSボックスモデルとbox-sizing属性を説明してください
• FlexboxとGridの違いとそれぞれの適切な使用時期は？
• CSS優先順位（Specificity）計算方法と規則は？
• レスポンシブWebデザインのためのCSSテクニックは？
• CSS前処理器（Sass, LESS）使用経験と利点は？
• CSS-in-JSと従来のCSS方式の違いと長所/短所は？
• CSSアニメーションとtransform属性最適化方法は？
• CSS方法論（BEM, SMACSS）経験とコード構造化戦略は？
• モバイルファーストvsデスクトップファーストアプローチの違いは？
• CSSパフォーマンス最適化テクニックを説明してください

JavaScript

• ホイスティング（Hoisting）とTDZ（Temporal Dead Zone）を説明してください
• クロージャ（Closure）概念と実務での活用事例は？
• thisバインディング規則と各状況別の動作方法は？
• プロトタイプチェーンと継承実装方法は？
• 非同期処理（Promise, async/await）方法と違いは？
• イベント委譲（Event Delegation）原理と利点は？
• スコープと実行コンテキスト概念と関係は？
• ES6+主要文法と実務での活用度は？
• メモリーリーク発生原因と予防方法は？
• 関数型プログラミング概念とJavaScriptでの適用は？

React

• 仮想DOMの動作原理とパフォーマンス上の利点は？
• ReactライフサイクルとHooks関係を説明してください
• useStateとuseEffect最適化方法と注意事項は？
• Propsドリリング問題と解決方法は？
• 状態管理ライブラリ（Redux, Zustand）選択基準と経験は？
• React.memoとuseMemo, useCallback使用時期と違いは？
• カスタムHook作成経験と再利用性考慮事項は？
• コンポーネント設計原則と再利用可能なコンポーネント作成方法は？
• React 18の主要変更（Concurrent Features）は？
• パフォーマンス最適化のためのReact開発テクニックは？

ネットワーク

• HTTP/HTTPSの違いとSSL/TLSハンドシェイクプロセスは？
• HTTPステータスコード主要分類と意味を説明してください
• RESTful API設計原則とベストプラクティスは？
• GraphQL vs REST APIの違いとそれぞれの長所/短所は？
• Webセキュリティ（XSS, CSRF）攻撃タイプと防御方法は？
• HTTPキャッシュヘッダーと戦略を説明してください
• Webソケット（WebSocket）と一般的なHTTP通信の違いは？
• CDNの動作原理とパフォーマンス向上効果は？
• API認証方法（JWT, OAuth）とセキュリティ考慮事項は？
• ネットワークパフォーマンス最適化テクニックを説明してください

コンピュータサイエンス

• データ構造（配列、スタック、キュー、木）特徴と時間複雑度は？
• ソートアルゴリズム種別とそれぞれのパフォーマンス特性は？
• ハッシュテーブルの動作原理と衝突解決方法は？
• 時間複雑度と空間複雑度概念と分析方法は？
• 再帰と反復方法の違いと適切な使用時期は？
• 動的計画法（Dynamic Programming）概念と適用事例は？
• データベースインデックスの動作原理とパフォーマンス影響は？
• プロセスとスレッドの違いとWebでの活用は？
• メモリ管理とガベージコレクション動作原理は？
• デザインパターン（シングルトン、オブザーバー、ファクトリー）実務での適用経験は？

まとめ

今後、これらの質問を1つずつ整理して投稿していきます。

実際、これらの質問は1〜2年程度のトレンドが過ぎて、現在の現場では少し異なるかもしれません。最近は、事前に課題を与えて、実際に応募者がコーディングした内容を基に技術面接を実施する傾向も増えています。皆さん周辺では、新入社員や低年次開発者を採用する際にどのような質問を行っているのでしょうか？

皆さんも、これらの質問についてどれだけ知っているか、혹시忘れた部分はないか一緒に確認してみると面白いと思います。