강의

멘토링

커뮤니티

BEST
개발 · 프로그래밍

/

프로그래밍 언어

[CS 기술면접 7] 말이 트이는 자바스크립트

자바스크립트 핵심 개념을 이해하고, 면접에서 말로 설명하는 훈련까지 함께 하는 강의

(5.0) 수강평 14개

수강생 310명

난이도 초급

수강기한 무제한

  • 이용준

먼저 경험한 수강생들의 후기

먼저 경험한 수강생들의 후기

5.0

5.0

한지웅

63% 수강 후 작성

너무 잘 듣고 있습니다. 자바스크립트를 그동안 이렇게 깊이 있는 이해 없이 사용하고 있었는데, 어떤 기술에 대해서 이 기술이 도입되기 전의 상황과 이 기술이 도입된 이유를 짚어주며 설명해주시니 너무 재미있어서 구글링도 하고 GPT에게도 물어보며 듣고 있습니다. 다른 강의도 구매해서 듣고 싶네요.

5.0

..

37% 수강 후 작성

너무 잘 들었습니다! 혹시 리액트 강의도 찍으실 의향이 있는지 궁금합니다 CS 강의 다 듣고 JS 강의까지 들으니 연결해서 이해가 많이 된 거 같아 리액트까지 공부하고 싶네요!

5.0

강냉

100% 수강 후 작성

자바스크립트를 전반적으로 복습하고 빠르게 점검해볼 수 있어서 좋았습니다. 학습자료에도 그림이 첨부되어있어 머릿속에 있던 내용을 글이나 말로 정리하기 좋았습니다.

수강 후 이런걸 얻을 수 있어요

  • 자바스크립트 핵심 개념 이해

  • 기술면접에서 말로 설명하는 능력

  • 꼬리 질문까지 대비하는 실전 워크북 PDF

🥲 면접에서 이런 경험, 있으신가요?

1. 개념을 혼동해서 답변하는 경우

면접관객체 지향의 특징은 무엇인가요?
💬 지원자 SOLID 원칙입니다. 먼저 S는...(생략)...

객체 지향의 특징(추상화, 캡슐화, 상속, 다형성)과
객체 지향 설계 원칙(SOLID)을 혼동한 상황입니다.
이는 기초 개념의 뼈대가 잡히지 않았다는 인상을 줄 수 있습니다.

2. What만 알고, How / Why를 말하지 못하는 경우

면접관 TCP의 특징은 무엇인가요?
💬 지원자 신뢰성을 보장하는 프로토콜입니다.
면접관 신뢰성을 보장하는 메커니즘은 뭔가요?
💬 지원자 어... 그러니까... 안전하게 전송되게 하는... 그런...

표면적인 정의만 알고, 원리를 설명할 준비가 되어 있지 않은 상태입니다.
3-way handshake, 시퀀스 번호, ACK, 재전송, 흐름 제어와 혼잡 제어가
하나의 흐름으로 연결되어 있지 않으면 꼬리 질문에서 반드시 막히게 됩니다.

3. 기본 질문에서 말문이 막히는 경우

면접관 HTTP는 무엇인가요?
💬 지원자 어… 웹에서 데이터를 주고받는… 그런…?

너무 익숙한 개념이지만 막상 한 문장으로 설명하려면 말이 이어지지 않습니다.
이건 지식의 부족이 아니라, 정리하고 말해본 경험의 부족입니다.


아는 것만으론 부족합니다. 말로 풀어낼 때 비로소 실력이 됩니다.

🔥 그래서 이렇게 구성했습니다.

 격이 다른, 면접 대비 프리미엄 컨텐츠

1⃣ 면접 대비를 기준으로 정리한 CS 노트

  • 면접 전 꼭 확인해야 할 개념 및 원리들을 한데 모아 강의 자료로 제공합니다.

  • 기본기를 채우는 동시에, 면접 직전까지 다시 꺼내볼 수 있도록 구성했습니다.

  • 단순 요약이 아니라, 도해와 쉬운 설명을 곁들여 비전공자도 충분히 이해할 수 있습니다.


컴퓨터구조 강의 자료 예시

2⃣ 부록|인터뷰 연습 자료 제공

  • 면접에서는 단순히 아는 것보다, 깔끔하게 설명하는 능력이 훨씬 중요합니다.

  • 하지만 혼자 정리하고 연습하는 건 쉽지 않고 귀찮은 작업입니다.

  • 강의 자료 말미에 "한두 문장으로 답하기" 훈련을 넣어, 정리의 수고로움을 덜어드립니다.


데이터베이스 강의 부록 예시

3⃣ 꼬리 질문까지 대비하는 기술면접 실전 워크북 PDF제공

  • "정말 이 강의만으로 말하기 연습이 충분할까?"
    이 고민 끝에,

    기술면접 실전 워크북을 만들었습니다.

  • 혼자서도 실제 면접처럼 말하기 연습을 할 수 있도록 설계했습니다.

  • 워크북 구성이나 활용법은 강의 첫 부분의 워크북 소개 영상에서 자세히 확인하실 수 있습니다.

운영체제 워크북 예시

4⃣ 한 번 구매로 계속 성장하는 강의

  • 이 강의는 수강기한이 무제한으로 제공되는 강의입니다.

  • 새로운 설명 보완, 예시 추가 등 콘텐츠는 계속 확장될 예정입니다.

  • 콘텐츠가 늘어나 가격이 인상되더라도 이미 구매한 수강생은
    추가 비용 없이 모든 콘텐츠를 이용할 수 있습니다.

  • 필요할 때마다 다시 돌아와 계속 꺼내볼 수 있는 CS 기본서입니다.

💡 이 넘치는 컨텐츠, 이렇게 활용하세요

1⃣ 자료를 다운로드하고 강의를 들으며 핵심 개념을 익히세요.
2⃣ 중요한 부분은 직접 필기해 나만의 CS 인터뷰 노트를 만들어보세요.
3⃣ 휴대폰에 저장해두고 틈날 때마다 짧게 복습하세요.

면접을 앞두고,
시간이 없다면 → 강의 자료의 부록 [인터뷰 연습]으로 빠르게 면접 감각을 끌어 올리세요.
시간이 있다면 → 기술면접 실전 워크북으로 실제 면접처럼 말하기 연습을 완성하세요.

🎯 이런 분들에게 추천합니다

비전공자 · 취준생 · 이직 준비자 등 기술 면접을 앞두고, CS 기본기를 말로 정리할 수 있어야 하는 분

다시 정리해야 하는 전공생

공부해본 적은 있지만
그 수많은 CS 지식들을 다시 정리할 엄두가 안나요

두꺼운 전공책
다시 펼치지 마세요.
핵심만 확실히 정리합니다.

CS가 막막한 비전공자

기술 면접 준비가
처음이라 뭐부터
해야할지 막막해요

로드맵을 따라가면
주요 CS 핵심 개념만
집중 학습할 수 있습니다.

시간이 없는 이직 준비자

됐고, 저는 시간이 없어요.
면접에 나오는 CS만

빠르게 정리해야돼요

혼자서도 빠르게 복습
가능한 강의 자료와
인터뷰 챕터가 있습니다.

🔥 먼저 경험한 수강생들의 후기

정말 도움되는 강의.
이미 3천명+ 수강생이 증명합니다.

⭐️⭐️⭐️⭐️⭐️

1. 저자가 수강생 입장에서 얼만큼 생각해봤고 고민해봤는지 보이는 강의 (학습자의 이해 흐름을 고려한거 같음)
2. 시각자료와 예제가 다양해 이해가 수월함
3. 지식을 배울 때, 이전에 배운 내용을 언급 및 상기시켜주며 지식을 연결시킴. 지식이 연결되며 큰 그림이 그려짐.
4. 지식의 깊이가 얕지 않음. 컴구 듣고 바로 운체듣는 중인데, 시너지가 좋음.
5. "왜" & "왜 사용하는지" 궁금한점을 벅벅 긁어줌.
ps. 저자님한텐 죄송하지만.. 나 혼자만 알고싶은 강의임.

-'운영체제' 수강평

⭐️⭐️⭐️⭐️⭐️

짧은 강의 시간임에도 중요한 부분만 확실하게 설명해주시는게 너무 좋습니다. 약간 이론 강의위주라 SQL 쿼리문은 안하실줄 알았는데, 기본 문법 및 쿼리문 쓰는것도 하나하나씩 예시 보여주시면서 알려주셔서 너무 좋았습니다. 그 후 조인,정규화,트랜잭션,인덱스 및 데이터 최적화, 보안까지 너무 좋았고, 다른 유료강의는 아직 못들어봤지만 마지막 강의 부록이 인터뷰 연습이라는 제목으로는 직접 문제와 답을 보여주셔서 혼자 독학 및 연습하기에도 괜찮았습니다. 강의 시간이 집중해서 들으면 오래걸리진 않아서 몇번 다시 회독해볼거같습니다. 감사합니다

-'데이터베이스' 수강평

⭐️⭐️⭐️⭐️⭐️

핵심 내용을 깔끔하고 논리적인 흐름으로 잘 설명해주셔서 자료구조를 빠르게 정리하는데 도움이 되었습니다. 좋은 강의 감사드립니다.

-'자료구조' 수강평

⭐️⭐️⭐️⭐️⭐️

와...진짜 너무좋습니다...;;;; 돈모아서 로드맵으로 다 사야겠네요.. 혹시 스프링쪽도 강의 해주실 생각있으신지 궁금합니다.. 바로살게효..

-'자바와 객체지향' 수강평

⭐️⭐️⭐️⭐️⭐️

하루정도 날 잡아서 한번에 자바스크립트에 대한 주요 개념을 정리할 수 있는 강의입니다! 면접 전에 리마인드용으로 좋네요👍



-'자바스크립트' 수강평

⭐️⭐️⭐️⭐️⭐️

컴공 비전공이라 CS지식 중 특히 컴퓨터구조와 운영체제 공부를 어떻게 해야할까 고민이 있었는데, 적절한 분량이라 부담없이 학습할 수 있었고 고수한테 과외를 받는 느낌이 나서 너무 좋았습니다. 운영체제 강의도 들을 예정인데 기대가 됩니다. 감사합니다!

-'컴퓨터구조' 수강평

🖐 안녕하세요! 제 소개를 드립니다! 🙇

비전공자 출신인 저는 처음 개발자 취업을 준비하며 알고리즘과 코딩 테스트에만 매달렸습니다.
나름 자신감도 붙고 대부분의 코딩 테스트를 통과하게 되었지만 다음 관문인 기술 면접에서 계속 고배를 마셨습니다. 무엇이 문제였을까요? 바로 CS(컴퓨터 과학) 지식의 부재였습니다.

저는 기본기(CS지식, 프로그래밍 언어 등)의 갈증을 누구보다 잘 알고 있습니다. 수많은 자료를 독학으로 파고들며 저만의 노하우를 쌓았고, 결국 지금은 🧑🏻‍💻 카카오 개발자로 일하고 있습니다.

어릴 때부터 다양한 자료를 조합하고 재구성하며 '나만의 단권화 노트'를 만드는 데 누구보다 자신이 있었습니다. 이 강의는 바로 그 모든 노하우와 열정이 담긴 비밀 노트입니다.

🚀 말이 트이는 CS 시리즈의 일곱 번째 과목은 자바스크립트입니다.

  • 프로토타입과 class의 차이를 구조적으로 설명하기 어렵나요?

  • 이벤트 루프·마이크로태스크·Promise·async/await 실행 순서를 자신있게 말하기 어렵나요?


📖 핵심만 꽉 채운 커리큘럼

이 강의에서 배우게 될 목차와 핵심 키워드입니다.

낯선 키워드가 있다면 이번 기회에 확실히 잡고 넘어가세요.

  1. 스코프와 실행 컨텍스트

    • 스코프, 렉시컬 환경, 실행 컨텍스트, 호이스팅, TDZ, this 키워드, 명시적 바인딩, JS 런타임


  2. 클로저

    • 클로저의 개념과 동작 원리, 데이터 은닉화와 메모리 관리 관점의 장단점

  3. 자바스크립트 동작 원리

    • 싱글 스레드 구조, 동기 vs 비동기 처리 흐름, 이벤트 루프의 작동 방식(콜 스택, 태스크 큐)

  4. 비동기 프로그래밍

    • 콜백 함수와 콜백 지옥, Promise의 상태 변화와 체이닝, async/await 문법과 에러 처리

  5. 프로토타입과 상속

    • 객체 생성 방식과 생성자 함수,

      프로토타입의 개념과 연결 구조,

      다양한 프로토타입 상속 방식

  6. 배열과 객체 다루기

    • map, filter, reduce 등 배열 메서드, 객체 구조 분해와 스프레드 연산자

  7. 자바스크립트 모듈 시스템

    • ES 모듈 시스템 구조, import/export의 차이, 동적 import와 코드 스플리팅

  8. 브라우저와 자바스크립트

    • 자바스크립트 실행 준비 과정, 스크립트 로딩 전략, DOM과 이벤트, 이벤트 전파

  9. [부록] 인터뷰 연습

    • 문답 형식으로 주요 개념들을 다시 한 번 복습

✏ 이렇게 알아볼 거에요

1⃣ 흐름 중심으로 이해하는 자바스크립트 핵심 메커니즘

  • 스코프, 실행 컨텍스트, 이벤트 루프, 콜 스택 등 복잡한 메커니즘이 어떻게 연결되어 동작하는지 흐름도와 타임라인으로 파악

실행 컨텍스트 생성 과정

2⃣ 도해, 필기, 코드를 활용한 단계별 흐름 설명

  • 단순 암기가 아닌 시각 + 코드 + 손필기를 결합한 구조
    → 복잡한 개념도 필기와 실행 결과를 병행해 자연스럽게 익히고
    → 수강 중에도 다시 열어보며 정리할 수 있는 ‘복습형 강의’ 구성

스코프의 정의와 종류

3⃣ 실전 감각을 키우는 패턴 중심 예제

  • 프로토타입 상속, 이벤트 위임, 모듈 로딩 전략 등
    실무에서 마주치는 패턴을 이유와 함께 이해할 수 있도록 구성

class 기반 프로토타입 상속 예시

👀 강의 맛보기

영상이 멈춰있다면 새로고침 부탁드립니다 :)

싱글 스레드의 한계를 극복하는 방법: 이벤트 루프

Promise 동작 원리 및 후속 처리 방법

수강 전 참고 사항

  • 제공하는 학습 자료 형식: PDF

  • 선수 지식이 필요하지 않은 강의입니다.


이런 분들께
추천드려요

학습 대상은
누구일까요?

  • CS 공부가 처음이라 막막한 비전공자

  • 기술 면접 전 CS 개념을 정리해야 하는 전공생

  • 기술 면접을 앞두고 시간이 없는 이직 준비자

선수 지식,
필요할까요?

  • Javascript 기본 문법

안녕하세요
입니다.

3,772

수강생

170

수강평

24

답변

4.9

강의 평점

7

강의

학력 및 경력

  • 서울대학교 졸업

  • 현 카카오 서버 개발자

     

 

강의 소개 

CS 개념을 면접에서 말로 풀어낼 수 있도록 돕는
말이 트이는 CS 시리즈를 만들고 있습니다.

 

강의 철학

컴퓨터 비전공자로 개발을 시작해 CS 기초부터 기술 면접까지 직접 정리하며 시행착오를 많이 겪었습니다. 그 과정에서 쌓인 학습법과 개념 정리 노하우를 바탕으로, 실무와 면접에서 꼭 마주치는 핵심 개념을 그림으로 쉽게 이해할 수 있도록 만드는 콘텐츠를 제작하고 있습니다.
"그때의 저에게 필요했던 강의를 만들고 있습니다."

 

블로그

  • yiyj1030.tistory.com
    → CS, 알고리즘, 실무 개념을 쉽고 정리하는 기술 블로그 운영 중

     

 

Contact

yiyj1030@gmail.com

커리큘럼

전체

40개 ∙ (3시간 33분)

해당 강의에서 제공:

수업자료
강의 게시일: 
마지막 업데이트일: 

수강평

전체

14개

5.0

14개의 수강평

  • 비뉴님의 프로필 이미지
    비뉴

    수강평 8

    평균 평점 5.0

    5

    60% 수강 후 작성

    개념과 예시 모두 알기 쉽게 설명해주셔서 이해하기 편했어요!

    • 망고님의 프로필 이미지
      망고

      수강평 35

      평균 평점 4.7

      5

      100% 수강 후 작성

      알고있던 내용들이지만 다른 사람은 어떻게 설명할까 궁금해서 수강했습니다. 복습도되고 좋았습니다.

      • 호우님의 프로필 이미지
        호우

        수강평 11

        평균 평점 5.0

        5

        30% 수강 후 작성

        공부한 내용들 복습하면서 몰랐던 부분들 알아가요

        • 이지현님의 프로필 이미지
          이지현

          수강평 1

          평균 평점 5.0

          5

          60% 수강 후 작성

          자바스크립트 전체가 아니라 어려운 부분, 핵심이 되는 부분 위주로 다뤄서 좋습니다.

          • 한지웅님의 프로필 이미지
            한지웅

            수강평 3

            평균 평점 5.0

            수정됨

            5

            63% 수강 후 작성

            너무 잘 듣고 있습니다. 자바스크립트를 그동안 이렇게 깊이 있는 이해 없이 사용하고 있었는데, 어떤 기술에 대해서 이 기술이 도입되기 전의 상황과 이 기술이 도입된 이유를 짚어주며 설명해주시니 너무 재미있어서 구글링도 하고 GPT에게도 물어보며 듣고 있습니다. 다른 강의도 구매해서 듣고 싶네요.

            ₩38,500

            이용준님의 다른 강의

            지식공유자님의 다른 강의를 만나보세요!

            비슷한 강의

            같은 분야의 다른 강의를 만나보세요!

            연관 로드맵

            강의가 포함된 로드맵으로 학습해 보세요!