강의

N
챌린지

멘토링

N
클립

로드맵

Programming

/

Algorithm & Data Structure

Data Structures & Algorithms with JavaScript (Concepts + Problem Solving)

Learn core data structures and algorithms such as Stack, Queue, Linked List, Sorting, and DFS/BFS by implementing them directly with JavaScript. Solve frequently appearing problem types together to build problem-solving skills essential for coding tests and interviews.

(5.0) 7 reviews

92 learners

  • Kyo
알고리즘
자료구조
자바스크립트
코딩테스트
면접준비
JavaScript
Algorithm
data-structure
Coding Test

What you will learn!

  • Stack & Queue

  • Linked List & Doubly Linked List

  • Sorting, Searching, DFS/BFS, Graph

  • Tree, Priority Queue, and Heap

  • Dynamic Programming, Mathematics

자바스크립트로 배우는 자료구조 & 알고리즘 (개념+구현+문제풀이)

🔎 강의 소개

이 강의는 자바스크립트로 자료구조와 알고리즘을 직접 구현하고 학습하는 강의입니다. 스택, 큐, 연결 리스트, 정렬, DFS/BFS 등 핵심 주제를 직접 구현하며 개념을 확실히 다집니다. 또한, 출제 빈도가 높은 문제들을 함께 풀어보며 실전 감각을 키웁니다.

자료구조와 알고리즘을 처음 배울 때 막막하고 어렵게 느껴졌던 부분들을 떠올리며 최대한 쉽게, 그림과 시각적인 설명으로 직관적으로 이해할 수 있도록 구성했습니다. 이해 → 구현 → 적용(문제풀이)의 흐름을 따라가며 혼자 공부할 때 느꼈던 벽을 함께 넘을 수 있도록 도와드립니다.

Group 1335 (1)

자바스크립트를 사용하는 강의입니다.

자료구조 구현부터 코드 예시, 문제 풀이까지 모든 내용을 자바스크립트 하나로 일관되게 학습합니다. 자바스크립트를 활용해 직접 구현하고 실전 문제를 풀어보며 이론과 실습을 자연스럽게 연결할 수 있도록 구성했습니다.

자바스크립트를 주 언어로 사용하는 분들이 기초부터 실전까지 한 번에 정리하기에 최적화된 강의입니다.
단, 자바스크립트의 기본 문법(변수, 조건/반복문, 함수, 배열/객체 등)은 숙지하고 있어야 합니다.

자주 출제되는 문제 유형을 함께 풀이합니다.

코딩 테스트와 기술 면접에서 자주 출제되는 문제 유형을 중심으로 실전 문제 풀이도 함께 진행합니다. 출제 빈도가 높고 실전에 도움이 되는 문제들로 문제 해결 능력을 길러드립니다.

📖 다루는 내용

  • 스택 & 큐

  • 연결리스트

  • 이중 연결리스트


  • 버블정렬

  • 선택정렬

  • 삽입정렬

  • 병합정렬

  • 퀵정렬

  • 이분탐색

  • 투포인터

  • 시간복잡도 & 빅오표기법

  • 깊이/너비 우선 탐색 (DFS/BFS)

  • 트리와 순회

  • 이진 탐색 트리

  • 그래프

  • 우선순위 큐와 힙

  • 다이나믹 프로그래밍

  • 수학


  • 구간합/누적합

  • + 문제풀이

⚡ ️️강의 특징

Group 1338 (3)

1. 강의 자료 제공 (개념노트 + 문제집)
자료구조와 알고리즘 강의에 꼭 필요한 자료들을 모두 제공합니다. 핵심만 정리한 개념노트 PDF, 다양한 유형별 문제집 PDF를 함께 제공하여 복습과 실전 연습을 효율적으로 진행할 수 있도록 지원해드립니다.

Group 1337 (1)

2. 간편한 실행 환경

별도의 복잡한 설정 없이, VSCode 또는 개발자도구 콘솔창만 열면 바로 실습할 수 있습니다.

Group 1395

3. 깔끔한 그림과 함께 개념 설명

복잡한 자료구조 개념을 직관적인 그림과 예시로 이해할 수 있게 도와드립니다.

Group 1555

4. 이해 → 구현 → 문제 풀이로 이어지는 학습 흐름

개념을 단순히 이해하는 데 그치지 않고, 직접 구현해보며 체득한 뒤에 다양한 실전 문제 풀이를 통해 실제 코딩 테스트와 면접에 대비할 수 있도록 구성되어 있습니다.

❗ ️참고 사항

  • 문제의 난이도는 쉬움:⭐, 보통:⭐⭐, 어려움:⭐⭐⭐ 으로 구분합니다.

  • 실습 환경은 특별한 세팅 없이 VSCode 또는 브라우저의 콘솔 창만으로도 충분합니다.

  • 예시코드나 문제풀이는 자바스크립트로 진행되므로 기본 문법을 알고 있어야합니다.

  • 강의 자료(문제집/개념노트)는 다운로드 가능한 형태로 제공되며, 수강 중 언제든지 복습하고 실습할 수 있도록 구성되어 있습니다.


  • 이 강의는 3840 × 2160 (4K) 해상도로 제작되어 높은 해상도를 선택하면 더 좋은 화질로 수강하실 수 있습니다.


Recommended for
these people

Who is this course right for?

  • Those who want to systematically learn the basic concepts of data structures and algorithms

  • Those who want to improve their problem-solving skills for interviews or coding tests.

  • Those wanting to learn common algorithm types

  • Anyone who wants to solidify their skills by implementing directly with JavaScript

Need to know before starting?

  • JavaScript Basics

Hello
This is

1,898

Learners

141

Reviews

323

Answers

4.9

Rating

3

Courses

커뮤니티 서비스 프론트엔드 개발자로 시작하여 현재는 모빌리티 서비스 풀스택 개발자로 일하고 있습니다.

인프런에서는 완성도 높은 프로덕트를 만들기 위한 강의를 하고 있습니다.

 

  • ✉ inkyo.dev@gmail.com

Curriculum

All

57 lectures ∙ (5hr 20min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

7 reviews

5.0

7 reviews

  • e34652님의 프로필 이미지
    e34652

    Reviews 1

    ∙

    Average Rating 5.0

    5

    31% enrolled

    핵심만 간결하게 추려져서 빠르게 기초를 익히기 좋은 것 같습니다.

    • Kyo
      Instructor

      좋은 수강평 감사드립니다!!

  • 김설하님의 프로필 이미지
    김설하

    Reviews 2

    ∙

    Average Rating 5.0

    5

    5% enrolled

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

      Reviews 6

      ∙

      Average Rating 4.0

      5

      64% enrolled

      코드와 그림이 깔끔합니다.

      • 김민수님의 프로필 이미지
        김민수

        Reviews 2

        ∙

        Average Rating 5.0

        5

        55% enrolled

        • yerin님의 프로필 이미지
          yerin

          Reviews 3

          ∙

          Average Rating 5.0

          5

          10% enrolled

          Limited time deal ends in 7 days

          $41,250.00

          25%

          $42.90

          Kyo's other courses

          Check out other courses by the instructor!

          [리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)강의 썸네일

          [리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

          Kyo

          리액트 네이티브를 이용해서 나만의 맛집 기록앱을 개발하고 출시하는 과정을 배우게 됩니다. 디자인부터 프론트 및 백엔드 개발, 배포까지 전 과정을 준비했어요.

          중급이상

          중급이상

          React Native, TypeScript, NestJS

          [리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)강의 썸네일

          [리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

          Kyo

          아바타 커뮤니티앱 만들기 (React Native Expo)강의 썸네일

          아바타 커뮤니티앱 만들기 (React Native Expo)

          Kyo

          리액트 네이티브로 아바타 기반 커뮤니티앱을 개발합니다. 글작성 뿐만아니라 댓글/대댓글, 좋아요, 투표, 아바타 생성 등 완성도 있는 커뮤니티앱을 만드는 과정을 배우게 됩니다.

          초급

          초급

          React Native, TypeScript, expo

          아바타 커뮤니티앱 만들기 (React Native Expo)강의 썸네일

          아바타 커뮤니티앱 만들기 (React Native Expo)

          Kyo

          Similar courses

          Explore other courses in the same field!

          제대로 파는 자바스크립트(JavaScript) - by 얄코(Yalco)강의 썸네일

          제대로 파는 자바스크립트(JavaScript) - by 얄코(Yalco)

          얄팍한 코딩사전

          코알못도 따라올 수 있는 친절한 강좌! 현업 개발자는 자바스크립트 박사로 들어주는 끝판왕 강좌!

          초급

          초급

          JavaScript

          제대로 파는 자바스크립트(JavaScript) - by 얄코(Yalco)강의 썸네일

          제대로 파는 자바스크립트(JavaScript) - by 얄코(Yalco)

          얄팍한 코딩사전

          한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지강의 썸네일

          한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

          효빈 Hyobin

          기본 문법부터 심화 개념까지 학습하면서, 바닐라 자바스크립트로 SPA를 개발해 봅시다🔥

          초급

          초급

          JavaScript, SPA, DOM

          한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지강의 썸네일

          한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

          효빈 Hyobin

          C++로 만들면서 배우는 게임 개발과 알고리즘 with Windows API강의 썸네일

          C++로 만들면서 배우는 게임 개발과 알고리즘 with Windows API

          통속의뇌

          Windows API와 C++를 이용해서 밑바닥부터 2D 게임 개발의 알고리즘과 원리를 중심으로 공부하는 게임 개발&알고리즘 강의입니다.

          초급

          초급

          winapi, C++, 게임수학

          C++로 만들면서 배우는 게임 개발과 알고리즘 with Windows API강의 썸네일

          C++로 만들면서 배우는 게임 개발과 알고리즘 with Windows API

          통속의뇌

          Cursor AI로 만들면서 배우는 Web & Javascript강의 썸네일

          Cursor AI로 만들면서 배우는 Web & Javascript

          주말코딩

          나만의 기술을 가지고 싶으신 분, 웹 개발을 차근차근 배워보고 싶으신 분에게 추천드립니다. 웹 브라우저와 언어의 역사부터 가르쳐드립니다.

          입문

          입문

          HTML/CSS, JavaScript, LLM

          Cursor AI로 만들면서 배우는 Web & Javascript강의 썸네일

          Cursor AI로 만들면서 배우는 Web & Javascript

          주말코딩

          @시코 - JavaScript 최고수되기 (개념과 실무)강의 썸네일

          @시코 - JavaScript 최고수되기 (개념과 실무)

          시니어코딩

          깊이있는 수업으로 최고의 웹 개발자가 되기 위한 자바스크립트 강좌입니다. 완강 했을 때 자바스크립트의 본질을 꿰뚫을 수 있어, 다음으로 배우게 될 리액트와 넥스트의 고수가 될 수 있습니다.

          중급이상

          중급이상

          JavaScript

          @시코 - JavaScript 최고수되기 (개념과 실무)강의 썸네일

          @시코 - JavaScript 최고수되기 (개념과 실무)

          시니어코딩

          알고리즘 코딩테스트 문제풀이 with JAVA & 파이썬 (난이도 - 브론즈 3)강의 썸네일

          알고리즘 코딩테스트 문제풀이 with JAVA & 파이썬 (난이도 - 브론즈 3)

          하루코딩

          백준온라인저지(BOJ)에서 난이도에 따라 기초부터 여러 가지 문제를 다루어보면서 코딩 역량을 향상시키는 문제풀이 강의입니다. 해당 강의는 브론즈3 난이도 강의 입니다.

          초급

          초급

          코딩 테스트, Java, Python

          알고리즘 코딩테스트 문제풀이 with JAVA & 파이썬 (난이도 - 브론즈 3)강의 썸네일

          알고리즘 코딩테스트 문제풀이 with JAVA & 파이썬 (난이도 - 브론즈 3)

          하루코딩

          제주코딩베이스캠프 Code Festival: JavaScript 100제강의 썸네일

          제주코딩베이스캠프 Code Festival: JavaScript 100제

          제주코딩베이스캠프

          이 강좌를 통해 문법을 보다 명확하게 이해하시고, 문제 풀이에 대한 자신감을 얻으시길 바랍니다.

          초급

          초급

          JavaScript, 코딩 테스트

          제주코딩베이스캠프 Code Festival: JavaScript 100제강의 썸네일

          제주코딩베이스캠프 Code Festival: JavaScript 100제

          제주코딩베이스캠프

          개발 역량 + 자격증까지, Python로 PCCP 자격증 준비하기강의 썸네일

          개발 역량 + 자격증까지, Python로 PCCP 자격증 준비하기

          프로그래머스

          파이썬 기반 자료구조와 알고리즘 학습으로, 코딩 테스트 문제를 통해 여러분의 코딩 역량을 한층 강화해보세요!

          초급

          초급

          Python, 코딩 테스트, 알고리즘

          개발 역량 + 자격증까지, Python로 PCCP 자격증 준비하기강의 썸네일

          개발 역량 + 자격증까지, Python로 PCCP 자격증 준비하기

          프로그래머스

          클린 코딩: 요리 비유로 쉽게 배우는 좋은 코드 작성 기술강의 썸네일

          클린 코딩: 요리 비유로 쉽게 배우는 좋은 코드 작성 기술

          아리가람

          👨‍🍳 코드를 요리하듯, 깔끔하고 맛있게! 『클린 코딩』은 요리에 비유해 클린 코딩을 유쾌하게 배우는 요리사 같은 개발자의 코드 요리 교실입니다. 🍽️

          초급

          초급

          협업 툴, 코딩 테스트, 리팩터링

          클린 코딩: 요리 비유로 쉽게 배우는 좋은 코드 작성 기술강의 썸네일

          클린 코딩: 요리 비유로 쉽게 배우는 좋은 코드 작성 기술

          아리가람

          알고리즘 기본 개념강의 썸네일

          알고리즘 기본 개념

          더코딩클럽

          이강의를 통해 수강생은 알고리즘의 전반적인 개념을 익힐 수 있습니다.

          초급

          초급

          알고리즘

          알고리즘 기본 개념강의 썸네일

          알고리즘 기본 개념

          더코딩클럽

          개발 역량 + 자격증까지, Java로 PCCP 자격증 준비하기강의 썸네일

          개발 역량 + 자격증까지, Java로 PCCP 자격증 준비하기

          프로그래머스

          자바 기반의 자료구조와 알고리즘을 익히고, 실전 문제로 경쟁력 있는 코딩 전문가로 성장해보세요!

          초급

          초급

          Java, 코딩 테스트, 알고리즘

          개발 역량 + 자격증까지, Java로 PCCP 자격증 준비하기강의 썸네일

          개발 역량 + 자격증까지, Java로 PCCP 자격증 준비하기

          프로그래머스

          [1시간](다른언어)개발자를 위한 자바스크립트강의 썸네일

          [1시간](다른언어)개발자를 위한 자바스크립트

          개복치개발자

          이미 개발언어(Java/python/swift/kotlin 등)을 사용해본 개발자를 대상으로 자바스크립트를 한시간만에 빠르게 익힐 수 있는 강의입니다. AI와 함께 코딩하는 시대이지만, AI코드를 인간 개발자가 감독해야 하기 때문에 감독을 위한 최소한의 지식을 빠르게 쌓기 위한 강의입니다.

          초급

          초급

          JavaScript, TypeScript

          [1시간](다른언어)개발자를 위한 자바스크립트강의 썸네일

          [1시간](다른언어)개발자를 위한 자바스크립트

          개복치개발자

          시나브로 자바스크립트강의 썸네일

          시나브로 자바스크립트

          이은재

          자바스크립트로 다양한 주제를 바닥부터 개발해 보며 튼튼한 실력의 기반과 자신감을 쌓아보세요.

          중급이상

          중급이상

          JavaScript, vanilla-js

          시나브로 자바스크립트강의 썸네일

          시나브로 자바스크립트

          이은재

          모던 자바스크립트 딥다이브 스터디강의 썸네일

          모던 자바스크립트 딥다이브 스터디

          정재남

          《모던 자바스크립트 딥다이브》 책 내용을 그대로 따라가는 스터디 영상입니다. 함께 공부하면 훨씬 쉬워질 거에요!

          초급

          초급

          JavaScript

          모던 자바스크립트 딥다이브 스터디강의 썸네일

          모던 자바스크립트 딥다이브 스터디

          정재남

          실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발강의 썸네일

          실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발

          김정환

          순수 자바스크립트와 VueJS라는 UI Library를 이용하여 쇼핑몰 검색 페이지를 만들어 보며 VueJS 개발 학습을 진행합니다. 순수 자바스크립트와 VueJs 로 개발을 각기 진행하며 각 개발의 차이점과 MVC, MVVM 디자인 패턴의 차이도 배울 수 있습니다.

          초급

          초급

          JavaScript, Vue.js

          실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발강의 썸네일

          실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발

          김정환

          피그마 가이드를 이용한 PWA 네이티브 앱 제작 - Figma + HTML + CSS + Progressive Web APP (활용)강의 썸네일

          피그마 가이드를 이용한 PWA 네이티브 앱 제작 - Figma + HTML + CSS + Progressive Web APP (활용)

          유용한IT학습

          앱은 우리 일상에서 중요한 역할을 합니다. 하지만 네이티브 앱을 개발하고 유지·보수하는 과정은 길고 복잡하며, 많은 비용이 들기도 합니다. 본 강의에서는 2024년 9월 현재 주목받고 있는 대안인 프로그레시브 웹 앱(Progressive Web App, PWA)을 소개합니다. PWA는 웹 기술과 네이티브 앱의 장점을 결합한 방식으로, 더 빠르고 효율적인 앱 개발과 유지 관리를 가능하게 합니다. 실습과 함께 PWA의 개념, 장점, 구현 방법을 단계별로 학습하며, 실무에 바로 적용할 수 있는 역량을 갖추게 됩니다.

          입문

          입문

          HTML/CSS, JavaScript

          피그마 가이드를 이용한 PWA 네이티브 앱 제작 - Figma + HTML + CSS + Progressive Web APP (활용)강의 썸네일

          피그마 가이드를 이용한 PWA 네이티브 앱 제작 - Figma + HTML + CSS + Progressive Web APP (활용)

          유용한IT학습

          iOS 앱 수익화를 위한 시작, 스위프트 문법 마스터 [초급, 중급, 고급]강의 썸네일

          iOS 앱 수익화를 위한 시작, 스위프트 문법 마스터 [초급, 중급, 고급]

          장상구

          iOS 프로그래밍 언어인 Swift를 배울 때, 여러 개념이 한꺼번에 등장하면 혼란스러울 수 있습니다. 그래서 저는 “새로운 개념을 이해할 때는 이미 배운 개념만 사용되어야 한다.”는 원칙으로 강의를 만들었습니다.  그래서 이 강의는, 단계마다 단 하나의 새로운 개념만 등장하고, 그 외의 낯선 개념은 절대 등장하지 않도록 개념간 순차 구조를 정교하게 설계했습니다. 개념 하나에 1분, 총 180개. 기초인 변수와 상수부터 CS 관점에서 이해하는 메모리 구조, 그리고 비동기 처리의 최신 문법까지. 3시간 동안, 180개의 핵심 개념을 설계된 순서대로 학습합니다.

          중급이상

          중급이상

          iOS, Swift, 객체지향

          iOS 앱 수익화를 위한 시작, 스위프트 문법 마스터 [초급, 중급, 고급]강의 썸네일

          iOS 앱 수익화를 위한 시작, 스위프트 문법 마스터 [초급, 중급, 고급]

          장상구

          컴퓨터 과학 (4): 자료구조 - 자료 저장, 알고리즘, 객체지향강의 썸네일

          컴퓨터 과학 (4): 자료구조 - 자료 저장, 알고리즘, 객체지향

          드립커피+한모금더

          ✅ 전체 (1) ~ (7)의 시리즈 중, (4) 자료구조, 알고리즘, 객체지향, 프로그래밍 언어 ✅ CS101 시리즈 강의 - 컴퓨터의 기초 이론부터 ✅최신 실전 예제까지 - 폭넓은 기초 지식 제공

          입문

          입문

          운영체제, 알고리즘

          컴퓨터 과학 (4): 자료구조 - 자료 저장, 알고리즘, 객체지향강의 썸네일

          컴퓨터 과학 (4): 자료구조 - 자료 저장, 알고리즘, 객체지향

          드립커피+한모금더

          이득우의 꼭 배워야하는 게임 알고리즘강의 썸네일

          이득우의 꼭 배워야하는 게임 알고리즘

          이득우

          게임 제작에 사용되는 길찾기와 공간 분할 알고리즘을 체계적으로 정리한 온라인 강의입니다.

          중급이상

          중급이상

          알고리즘, Unity

          이득우의 꼭 배워야하는 게임 알고리즘강의 썸네일

          이득우의 꼭 배워야하는 게임 알고리즘

          이득우

          클린업 JavaScript: 베이스 빌드업!강의 썸네일

          클린업 JavaScript: 베이스 빌드업!

          김영보

          생각을 다룹니다. 자바스크립트 핵심과 근본을 논리적으로 정리할 수 있습니다. 자바스크립트 경험, 생각을 스스로 정리할 수 있습니다. 자바스크립트 기술 논리를 정립할 수 있습니다. 자바스크립트 전체를 보는 시야를 넓힐 수 있습니다. 자바스크립트 기술 면접 문제에 대비할 수 있습니다.

          초급

          초급

          JavaScript, 면접, 기술면접

          클린업 JavaScript: 베이스 빌드업!강의 썸네일

          클린업 JavaScript: 베이스 빌드업!

          김영보