학습 경로

자바스크립트로 배우는 자료구조와 알고리즘

Q: JavaScript에는 내장 힙이나 우선순위 큐가 있나요?

없습니다. 주어지는 것은 Array, Map, Set과 그 약한 참조 버전뿐입니다. 면접에서는 30줄 정도의 작은 이진 힙을 직접 작성하거나, 힙을 쓰겠다고 말하고 그 비용을 설명하게 됩니다. 어느 쪽이든 전에 한 번은 작성해 봤어야 합니다. 이 경로의 2단계가 바로 그 단계입니다.

Q: [10, 9, 1].sort()는 왜 [1, 10, 9]를 반환하나요?

비교 함수가 없으면 Array.prototype.sort가 요소를 문자열로 바꿔 UTF-16 순서로 비교하는데, '10'이 '9'보다 앞에 오기 때문입니다. 숫자는 nums.sort((a, b) => a - b)로 정렬하세요. JavaScript로 정렬 코드를 쓰기 시작한 사람 대부분이 가장 먼저 만나는 버그입니다.

JavaScript에는 Array, Map, Set은 있지만 큐, 힙, 연결 리스트, 트리는 없기 때문에 면접에서 그것들을 만들어 보라고 합니다. 이 경로에서는 그 하나하나를 JavaScript로 작성하고, 그것으로 정렬하고 재귀를 쓰고 그래프를 탐색한 뒤, 채점되는 인터뷰 문제로 마무리합니다. 무료이고, 브라우저에서 진행되며, 대부분의 강의에서 수료증이 나옵니다.

학습 시작(무료)

377 개 강의228 챌린지702 퀴즈 문제

초보자 환영
AI 코딩 도우미
실습 중심의 대화형 강의
모든 레슨에 음성 나레이션 제공
지식을 확인하는 퀴즈
경로 전체에서 무료 수료증 23개

JavaScript로 배우는 DSA, 단계별로

38 개 강의377 개 강의228 챌린지702 퀴즈 문제

각 단계는 이미 있는 Coddy 강의들의 묶음이며, 모든 ‘시작’ 버튼은 강의를 JavaScript로 엽니다. 아직 JavaScript로 진행되지 않는 세 강의는 단계 목록 뒤에 따로 나와 있습니다.

1
1단계
자료구조 시리즈 1부
이 단계 시작시작스택, 큐, 이진 트리, 해시 테이블, 연결 리스트를 각각 JavaScript로 처음부터 구현하고 실제 문제 풀이에 사용합니다. 이 단계를 마치면 배열이 언제 좋은 스택이 되고 언제 형편없는 큐가 되는지, 그리고 Map이 여러분 대신 무엇을 해 주는지 알게 됩니다.시작
5개 코스, 순서대로
66 개 강의34 챌린지
2
2단계
자료구조 시리즈 2부
이 단계 시작시작이중 연결 리스트, 힙과 우선순위 큐, 트라이, 그래프, 그리고 스스로 균형을 잡는 AVL 트리. JavaScript가 기본으로 제공하지 않는 자료구조들을 손으로 작성합니다. 여기서 작성한 힙은 그래프 단계에서 꺼내 쓰게 됩니다.시작
5개 코스, 순서대로
72 개 강의42 챌린지
3
3단계
정렬 알고리즘
이 단계 시작시작버블, 선택, 삽입, 병합, 퀵, 힙, 계수, 기수 정렬을 JavaScript로 작성하고 시각화 도구로 지켜봅니다. 내장 sort()는 ES2019부터 안정 정렬이어야 하며, V8은 이를 Timsort로 구현합니다. 이 단계를 마치면 두 가지가 무슨 뜻인지 알게 됩니다.시작
8개 코스, 순서대로
74 개 강의31 챌린지319 문제
4
4단계
재귀적 사고전용 페이지
이 단계 시작시작JavaScript로 푸는 재귀 챌린지. 동적 계획법(Python으로 진행)과 비트 연산(C++로 진행)은 단계 목록 뒤에 따로 나와 있습니다. 점화식은 어느 언어에서나 똑같이 읽히고, JavaScript에도 같은 비트 연산자가 있으며 32비트 정수에 적용됩니다.시작 전용 페이지15 개 강의15 챌린지
5
5단계
그래프 알고리즘
이 단계 시작시작너비 우선 탐색과 깊이 우선 탐색, Dijkstra, Bellman-Ford, 위상 정렬, Kruskal과 Prim을 2단계에서 만든 그래프 위에서 JavaScript로 다룹니다. JavaScript에는 우선순위 큐가 없으므로, Dijkstra에 필요한 것은 2단계의 힙입니다.시작
7개 코스, 순서대로
63 개 강의21 챌린지383 문제
6
6단계
인터뷰 연습
이 단계 시작시작인터뷰 챌린지 팩 10개와 코딩 문제 은행 2개, 이렇게 12개 모두 JavaScript로 진행되며 테스트 케이스로 채점됩니다. 처음 보는 문제를 해설 없이 풀어냅니다. Python으로만 진행되는 Python 인터뷰 시리즈는 단계 목록 뒤에 따로 나와 있습니다.시작
12개 코스, 순서대로
87 개 강의85 챌린지

제공되는 것

코딩을 배우기 위해 사용할 모든 것

Learn by Doing

Write real code, query databases, build websites, and master AI prompts. Our interactive lessons cover every skill modern developers need.

playground.js

Code Editor

1const greeting = "Hello, Coddy!"

2function sayHi(name) {

3 return greeting + " " + name

Test #1

Test #2

Test #3

Input

"Alex"

Output

"Hello, Coddy! Alex"

Build Your Coding Streak

Stay consistent and watch your progress grow! Track your daily coding habit, protect your streak with freeze days, and earn rewards for showing up every day.

12 days streak

Return tomorrow to keep your streak!

January 2026

Double or Nothing

Day 5 of 7

Streak Freeze

2 left

Code Anywhere, Anytime

Take your coding journey on the go! No setup, no downloads - just open and start coding. Available on iOS, Android and Web with 4.9 star ratings.

250

Variables

CONTINUE

4.9

Rating

You're Not Alone in This

Compete on global leaderboards, invite friends to earn rewards, and celebrate each other's wins. Coding is better with friends!

Challenger LeagueTop 7 advance

Alex7+ Days

2840

Jordan7+ Days

2650

Sam7+ Days

2420

Casey

2180

Morgan7+ Days

1950

Promotion zone

Every way to learn

Read, listen, test yourself, ask the AI, or look up anything you've already covered. Every lesson meets you where you are.

Intro to Variables

Audio

A variable is a named container that stores a value you can reference later in your program.

In Python, you create one by writing the name, an equals sign, then the value you want to store.

The value can change over time - reassigning the name simply points it to a new value.

1xSarah

Prove Your Skills

Earn certificates for every course you complete. Add them to your LinkedIn profile and resume to showcase your coding expertise to employers.

Certificate of Completion

This certifies thatJohn Doehas successfully completed

Python Fundamentals

DateJan 2026

Add to LinkedIn

Coddy에서 JavaScript로 DSA를 배워야 하는 이유

JavaScript가 빠뜨린 자료구조. 힙, 우선순위 큐, 연결 리스트, 트리가 내장되어 있지 않아서, 이를 구현하는 것은 JavaScript 면접의 단골 문제입니다. 이 경로에서는 그 모두를 직접 작성한 뒤, 그래프와 인터뷰 강의에서 사용합니다.
웹 개발자를 위한 면접 준비. 규모가 큰 회사의 프론트엔드와 풀스택 채용 과정에는 알고리즘 면접이 포함되며, 프론트엔드 지원자는 보통 JavaScript로 치릅니다. DOM도 트리이고 컴포넌트 계층도 트리라서, 같은 순회가 UI 질문에서도 나옵니다.
경로의 거의 전부를 JavaScript로. 모든 자료구조, 정렬, 그래프 알고리즘, 재귀 챌린지, 인터뷰 팩이 JavaScript로 진행됩니다. 그렇지 않은 세 강의, 즉 동적 계획법과 Python 인터뷰 시리즈(Python), 그리고 비트 연산(C++)은 단계 목록 뒤에 진행 언어와 함께 따로 나와 있습니다.
면접처럼 채점됩니다. 모든 레슨은 테스트 케이스로 확인하는 JavaScript 챌린지로 끝나고, 실패하면 Bugsy가 여러분의 코드를 읽고 정답을 알려 주지 않으면서 해결 방향으로 이끌어 줍니다. 대부분의 강의에서 무료 수료증이 나오고, 각각 고유 URL에서 검증할 수 있습니다.

JavaScript DSA 학습에 대해 자주 묻는 질문

JavaScript는 자료구조와 알고리즘에 적합한가요?

네, 특히 프론트엔드나 풀스택 직무를 목표로 한다면 더욱 그렇습니다. 그 분야에서는 면접을 보게 될 언어이기 때문입니다. 일찍 알아 둘 만한 특이점이 세 가지 있습니다. 내장된 힙이나 큐가 없고, 비교 함수를 넘기지 않으면 sort()가 문자열로 비교하며, 모든 숫자가 64비트 부동소수점이라 2^53을 넘는 정수에는 BigInt가 필요합니다.

JavaScript에는 내장 힙이나 우선순위 큐가 있나요?

없습니다. 주어지는 것은 Array, Map, Set과 그 약한 참조 버전뿐입니다. 면접에서는 30줄 정도의 작은 이진 힙을 직접 작성하거나, 힙을 쓰겠다고 말하고 그 비용을 설명하게 됩니다. 어느 쪽이든 전에 한 번은 작성해 봤어야 합니다. 이 경로의 2단계가 바로 그 단계입니다.

`[10, 9, 1].sort()`는 왜 `[1, 10, 9]`를 반환하나요?

비교 함수가 없으면 Array.prototype.sort가 요소를 문자열로 바꿔 UTF-16 순서로 비교하는데, '10'이 '9'보다 앞에 오기 때문입니다. 숫자는 nums.sort((a, b) => a - b)로 정렬하세요. JavaScript로 정렬 코드를 쓰기 시작한 사람 대부분이 가장 먼저 만나는 버그입니다.

프론트엔드 면접에서도 자료구조와 알고리즘을 묻나요?

규모가 큰 회사 상당수에서는 그렇습니다. 보통 UI와 시스템 설계 면접과 함께, 배열, 해시 맵, 트리, 그래프 순회를 다루는 면접이 한두 차례 JavaScript로 진행됩니다. 작은 회사는 실무형 과제에 더 무게를 둡니다. 어느 쪽이든 Map 조회는 상수 시간이고 두 리스트에 대한 중첩 반복문은 그렇지 않다는 것을 아는 것이, 돌아가기만 하는 답과 빠른 답을 가릅니다.

이 경로에서 JavaScript로 진행되지 않는 강의는 무엇인가요?

세 가지입니다. 동적 계획법과 Python 인터뷰 시리즈는 Python으로, 비트 연산은 C++로 진행됩니다. 이 강의들은 단계 목록 뒤에 따로 나와 있고, 각각 해당 언어로 강의를 여는 링크가 있습니다. JavaScript에도 같은 비트 연산자와 >>>가 있지만 32비트 정수에 적용되므로, 트릭을 옮겨 올 때 기억해 두세요.