강의

멘토링

커뮤니티

NEW
Programming

/

Programming Language

[CS 技術面接 7] 話が通じるJavaScript

実務と面接で必ず知っておくべきJavaScriptの核心概念だけを厳選し、 スコープと実行コンテキストからクロージャ、プロトタイプ、非同期処理、モジュールシステムまで一度に整理した講義です。 表面的な文法説明を超えて、JavaScriptが実際にどのように動作するのかを根本原理から理解できるよう構成しました。 例示と視覚資料を通じて難しく感じられた概念も簡単に説明し、 面接でも直接活用できる「言葉で表現する理解」を目標とします。 JavaScriptの動作原理を体系的に整理したいなら、 今すぐ始めましょう。

55名 が受講中です。

  • yiyj10305235
javascript
자바스크립트
3시간 만에 완강할 수 있는 강의 ⏰
비전공자
JavaScript
Tech Interview
kakao-tech
kakao-recruitment

こんなことが学べます

  • スコープと実行コンテキストを基盤としたJavaScriptの動作原理の理解

  • クロージャ、プロトタイプ、thisバインディングなど核心概念を面接レベルで整理する

  • 非同期処理(Promise、async/await)とイベントループの動作メカニズムを身につける

  • モジュールシステム(ESM、動的import)の構造とローディング戦略を理解する

  • 技術面接でJavaScript上級概念の質問に明確に答える方法を学ぶ

🥲 開発者の就職、コーディングテストが終わりではありませんでした。

非専攻者出身の私は、初めて開発者就職を準備しながら、アルゴリズムとコーディングテストにだけ没頭しました。それなりに自信もつき、ほとんどのコーディングテストを通過しました。しかし、次の関門である技術面接で継続的に苦杯を喫しました。
何が問題だったのでしょうか?まさにCS(コンピュータサイエンス)知識の不在でした。面接では、アルゴリズムよりもCSの基礎をはるかに重要視していました。

🗣 実際の面接では、「話す練習」が重要でした。

CSの基礎を再び固めた後でも、面接は簡単ではありませんでした。ある企業の面接で浮動小数点に関する質問を受けました。確実に本で何度も読んで理解したと思っていた内容だったのに、口から一言も発することができませんでした。その時気づきました。単純に読んで理解する受動的な学習では実戦で答えることができないということを。

面接必勝のためには多くの知識を積むことだけでなく、この知識を説明する能力が必要です。この「説明する能力」は、数文で概念を整理し口に出して言ってみる練習を通してのみ身につきます。この過程で自分が何を正確に分からなかったのかも発見できるでしょう。この練習が不足すると次のような問題に直面します。


1. 概念混同型

面接官 オブジェクト指向の特徴は何ですか?
💬 応募者 SOLID原則です。まずSは..(省略)...

似たような概念を混同してしまうケースです。
SOLIDはOOP設計原則であり、オブジェクト指向の特徴は抽象化、カプセル化、継承、ポリモーフィズムです。
関連する概念を混同した瞬間、面接官は「基礎が不安定だ」と判断します。
単純なミスではなく、概念の骨組みが固まっていないというシグナルとして受け取られるからです。


2. 具体性不足型

面接官 TCPの特徴は何ですか?
💬 応募者 信頼性を保証するプロトコルです。
面接官 信頼性を保証するメカニズムは何ですか?
💬 応募者 えっと...つまり...安全に送信されるようにする...そういう...

Whatだけを知っていて、How/Whyが抜けている場合です。
表面的な答えだけを知っていて、原理を説明する準備ができていない状態ですね。
TCPコネクション(3-way handshake)で通信を合意し、RDT(シーケンス番号、ACK、再送信など)を通じて信頼性を保証し、フロー制御と輻輳制御で品質を維持します。
このような概念が頭の中で一つの流れとして繋がっていなければなりません。概念を具体的に整理していないと追加質問に対応できません。


3. 基本的な質問で言葉に詰まる

面接官 HTTPとは何ですか?
💬 応募者 えっと…ウェブでデータをやり取りする…そんな…?

とても馴染みのある概念ですが、いざ一文で説明してみろと言われると、簡単に言葉が出てきません。
リクエスト、レスポンス、サーバー、クライアントといった単語は浮かびますが、自然な文章として繋がりません。
定義から原理まで一つの流れで話す練習をしたことがないからです。
これは知識の不足ではなく、構造化の欠如です。


知っているだけでは不十分です。言葉で表現できて初めて実力となります。

🔥 だから作りました。話が弾むCS技術面接シリーズ!

🎯 このような方におすすめします

非専攻者・就活生・転職準備者など技術面接を控えて、CS基礎を言葉で整理できるようになる必要がある方

再整理が必要な専攻生

勉強したことはあるけれど
その数多くのCS知識を再整理する気力がありません

分厚い専門書を
もう一度開かないでください。
核心だけを確実に整理します。

CSが途方もなく感じる非専攻者

技術面接の準備が
初めてで何から
始めればいいか分からなくて困っています

ロードマップに従えば
主要なCS核心概念のみを
集中学習することができます

時間がない転職準備者

もういいです、私は時間がありません。
面接に出るCSだけを

素早くまとめなければなりません

一人でも素早く復習
可能な講義資料と
インタビューチャプターがあります。

⚡ 講義の核心 Kick

1⃣ 短くて集中度の高いランニングタイム

  • 負担のない講義時間で、忙しいスケジュールでも完走でき、面接直前でも素早く復習可能です

  • 要点だけを圧縮し、短時間で最後まで完走できるように設計されています

  • 講義をショッピングするように積み上げるのではなく、完走すること自体が最も大きな学習効果であるという点に集中しました

2⃣ 要点をまとめた面接対策講義

  • 面接前に必ず確認すべき概念や原理を一箇所にまとめて整理しました

  • 基礎を固めると同時に、最終的には面接対策用として活用できるように構成しました

  • 単純な要約ではなく、図解と分かりやすい説明を添えて非専攻者でも十分に理解できるように構成しました

  • 主要な内容を素早く整理しながらも、なぜ重要なのかを納得して学習することができます

3⃣ 実戦面接練習チャプター収録

  • 面接では単に知っていることよりも、すっきりと説明する能力がはるかに重要です

  • しかし、一人で整理して練習するのは簡単ではなく、面倒な作業です

  • この講義は各セクションの最後に「一、二文で答える」トレーニングを入れて、まとめの手間を省いてくれます


💡 このように活用してください

1⃣ 資料をダウンロードして講義を聞きながら核心概念を身につけましょう。
2⃣ 必要な部分は直接メモを取って自分だけのCSインタビューノートを作ってみましょう。
3⃣ スマートフォンに保存しておいていつでも開いて復習しましょう。
4️⃣ 短時間で面接感覚を引き上げることができます。

💬 Q. 講義時間が短いですが、しっかり学ぶことができるでしょうか?

この講義は短いですが、「浅くありません」。
膨大な内容を圧縮して、面接で実際に問われる核心のみを整理しました。
不要な理論を取り除き、追加質問まで答えられるほど深く扱います。
限られた時間を最も効率的に使いたいなら、短い学習時間がむしろ最も強力な武器になるでしょう。

🖐 こんにちは!自己紹介をさせていただきます!🙇

基礎が不安で夜通し悩み、面接の質問一つに胸を痛めていた過去の自分を思い浮かべながら講義を作りました。

私は非専攻者出身として始まり、基礎知識(CS知識、プログラミング言語など)への渇望を誰よりもよく知っています。数多くの資料を独学で掘り下げ、自分なりのノウハウを積み重ね、最終的にソウル大学校卒業後🧑🏻‍💻カカオ開発者として働いています。

幼い頃から様々な資料を組み合わせて再構成し、「自分だけの単権化ノート」を作ることに誰よりも自信がありました。この講義はまさにその「最強独学ノウハウ」と私のすべての情熱、哲学を込めて誕生させた秘密ノートです。

🔥この講義、なぜ特別なのでしょうか?

  • 私のすべての「ノウハウ」が込められています:非専攻者としてCSとプログラミング言語を独学で学び、大企業に就職した私の経験とノウハウをそのまま込めました。複雑で抽象的な概念をどうすれば最も効率的に理解し、自分のものにできるか、その方法をこの講義にすべて込めました。

  • どの開発分野でも「基本」が核心です:ゲーム開発、AI、ウェブ・アプリ開発など、どの分野を目指すにしても、コンピュータ工学の基本知識は選択ではなく必須です。この講義は、皆さんがしっかりとした基礎を基に真の実力者になれるようサポートします。

  • 「圧倒的なクオリティ」で勝負します:専門書籍、有名大学の講義、市販の書籍、技術面接資料まで数多くの参考資料を参照してコアキーワードを抽出し、これを私独自の方式で再構成しました。直感的な図解とイラスト、そして私の実務経験を込めた分かりやすい説明で、複雑な概念も「あ、これで分かった!」と思えるようにお約束します。

🚀 技術面接マスターロードマップの7番目の講義[JavaScript]編をご紹介します。


📕 JavaScriptは文法だけ知っていれば良い言語ではありません。

  • 変数は分かるけどスコープ/ホイスティング/TDZが混乱しますか

  • thisの呼び出し方による違いの説明に詰まっていますか

  • プロトタイプとclassの違いを構造的に説明するのは難しいでしょうか

  • イベントループ・マイクロタスク・Promise・async/await実行順序を自信を持って言うのは難しいですか

スコープ、実行コンテキスト、クロージャ、プロトタイプ、イベントループのような「動作原理」を理解してこそ、実務と面接で本当の力を発揮できます。この講義は暗記ではなく図解中心・フロー中心・実戦中心でJavaScriptの内部動作を明快に整理し、面接会場で「言葉が出てくる」体験を提供する講義です。


🎯 この講義を通じて次の質問に明確に答えられるようになります。

  • スコープと実行コンテキストとは何で、なぜ必要なのでしょうか?


    → レキシカル環境・実行コンテキストが決定する識別子探索/初期化ルールを通じて、ホイスティング・TDZがなぜ発生するのかを理解します。

  • thisバインディングはどのように決定されますか?
    → デフォルト/明示的/newバインディングルールとcall/apply/bindの違いを事例で整理します。

  • クロージャとは何で、いつ有用なのでしょうか?
    → 外部状態のカプセル化、イベント/コールバックでの活用、メモリリークの注意点まで、メリット・デメリットをバランス良く扱います。

  • プロトタイプとclassは何が違うのでしょうか?
    → プロトタイプチェーン・メソッド共有の原理とclass構文が載せられた抽象化を図式で比較します。

  • イベントループはどのように動作しますか?
    → コールスタック・タスクキュー・イベントループを視覚化し、PromiseとAsync/awaitの原理を学びます。

  • DOMとは何で、どのように操作するのでしょうか?
    → ノード選択と操作、イベント伝播(キャプチャリング/バブリング)、preventDefault/stopPropagationをまとめて説明します。

  • スクリプトローディング戦略はなぜ重要なのでしょうか?
    → defer・async・type="module"の違い、ESモジュール・動的importとコード分割を整理します。



📌 講義の最後には実戦面接練習チャプターが待っています。

「実行コンテキストを一文で説明してください」、「クロージャーがなぜ必要なのですか?」、「プロトタイプ継承を図で説明してください」、「PromiseとAsync/awaitの違いを実行順序で説明してください」、「バブリングがなぜ有用なのですか?」のような面接頻出質問に対して、自分で一、二文で答える練習もできます。

📖 核心だけをぎっしり詰め込んだカリキュラム

この講義で学ぶ目次と核心キーワードです。

馴染みのないキーワードがあれば、この機会にしっかりと理解して進みましょう。

  1. スコープと実行コンテキスト

    • スコープ、レキシカル環境、実行コンテキスト、ホイスティング、TDZ、thisキーワード、明示的バインディング、JSランタイム


  2. クロージャ

    • クロージャの概念と動作原理、データ隠蔽化とメモリ管理観点での長所と短所

  3. JavaScriptの動作原理

    • シングルスレッド構造、同期 vs 非同期処理フロー、イベントループの動作方式(コールスタック、タスクキュー)

  4. 非同期プログラミング

    • コールバック関数とコールバック地獄、Promiseの状態変化とチェイニング、async/await文法とエラー処理

  5. プロトタイプと継承

    • オブジェクト生成方式とコンストラクタ関数、

      プロトタイプの概念と接続構造、

      様々なプロトタイプ継承方式

  6. 配列とオブジェクトの扱い方

    • map、filter、reduce等の配列メソッド、オブジェクトの分割代入とスプレッド演算子

  7. JavaScriptモジュールシステム

    • ESモジュールシステム構造、import/exportの違い、動的importとコード分割

  8. ブラウザとJavaScript

    • JavaScriptの実行準備過程、スクリプトローディング戦略、DOMとイベント、イベント伝播

  9. [付録] 面接練習

    • 問答形式で主要概念をもう一度復習

✏ このような内容を学びます

1⃣ フローを中心に理解するJavaScriptコアメカニズム

  • スコープ、実行コンテキスト、イベントループ、コールスタックなど複雑なメカニズムがどのように連携して動作するかをフローチャートとタイムラインで把握

実行コンテキスト生成過程

2⃣ 図解、筆記、コードを活用した段階別フロー説明

  • 単純暗記ではなく視覚 + コード + 手書きメモを組み合わせた構造
    → 複雑な概念もメモと実行結果を並行して自然に身につけ
    → 受講中にも再び開いて整理できる「復習型講義」構成

スコープの定義と種類

3⃣ 実戦感覚を身につけるパターン中心の例題

  • プロトタイプ継承、イベント委譲、モジュールローディング戦略など
    実務で遭遇するパターンを理由と共に理解できるよう構成

class ベースのプロトタイプ継承の例

4⃣ 技術面接に備えた核心質問まとめ

  • 講義の最後に面接練習チャプターを含む

  • 「クロージャとは何ですか?」、「Promiseの原理を説明してください」など
    よくある質問を一、二文でまとめる練習を含む

  • 概念習得 → 実戦対策まで続く流れ

重要な質問の整理

👀 講義の試食

動画が止まっている場合は、更新をお願いします :)

シングルスレッドの限界を克服する方法:イベントループ

Promise動作原理および後続処理方法

💡 他の面接対策講座が気になる方は?下記のロードマップを参考にしてください :)

🔗 技術面接マスターロードマップ

技術面接マスターロードマップ

受講前の参考事項

  • 提供する学習資料形式:PDF

  • 事前知識が必要ない講義です。


こんな方に
おすすめです

学習対象は
誰でしょう?

  • JavaScriptの基本文法は知っているが、動作原理を体系的に整理したい方

  • 実行コンテキスト、クロージャ、プロトタイプ、非同期など面接頻出トピックを深く理解したい方

  • 技術面接でJavaScript関連の質問に自信を持って答えたい就職準備生

  • コードの実行フローと性能最適化の原理を理解して、実務開発にすぐに適用したい方

前提知識、
必要でしょうか?

  • Javascript 基本文法

こんにちは
です。

1,526

受講生

91

受講レビュー

9

回答

4.9

講座評価

7

講座

학력 및 경력

  • 서울대학교 졸업

  • 現 카카오 개발자

     

배경

  • 컴퓨터 비전공자 출신

  • 독학으로 개발을 시작해 CS 기초부터 기술 면접까지 직접 체계적으로 정리하며 준비

  • 시행착오를 겪으며 쌓은 학습법과 개념 정리 노하우를 꾸준히 콘텐츠로 제작해옴

주요 이력

강의 철학

  • 실무와 면접에서 꼭 마주치는 핵심만 선별해,
    쉬운 설명과 도해로 누구나 이해하고 확장할 수 있도록 설계

  • “그때의 저에게 필요했던 강의를 만들고 있습니다”

블로그

Contact

  • yiyj1030@gmail.com

カリキュラム

全体

38件 ∙ (3時間 25分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

まだ十分な評価を受けていない講座です。
みんなの役に立つ受講レビューを書いてください!

期間限定セール

¥1,048

64%

¥2,970

yiyj10305235の他の講座

知識共有者の他の講座を見てみましょう!

似ている講座

同じ分野の他の講座を見てみましょう!