Menu
CoddyTech
학습 경로

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

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

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

JavaScript로 배우는 DSA, 단계별로

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

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

  1. 1
    이 단계 시작시작스택, 큐, 이진 트리, 해시 테이블, 연결 리스트를 각각 JavaScript로 처음부터 구현하고 실제 문제 풀이에 사용합니다. 이 단계를 마치면 배열이 언제 좋은 스택이 되고 언제 형편없는 큐가 되는지, 그리고 Map이 여러분 대신 무엇을 해 주는지 알게 됩니다.시작
  2. 2
    이 단계 시작시작이중 연결 리스트, 힙과 우선순위 큐, 트라이, 그래프, 그리고 스스로 균형을 잡는 AVL 트리. JavaScript가 기본으로 제공하지 않는 자료구조들을 손으로 작성합니다. 여기서 작성한 힙은 그래프 단계에서 꺼내 쓰게 됩니다.시작
  3. 3
    이 단계 시작시작버블, 선택, 삽입, 병합, 퀵, 힙, 계수, 기수 정렬을 JavaScript로 작성하고 시각화 도구로 지켜봅니다. 내장 sort()는 ES2019부터 안정 정렬이어야 하며, V8은 이를 Timsort로 구현합니다. 이 단계를 마치면 두 가지가 무슨 뜻인지 알게 됩니다.시작
  4. 4
    이 단계 시작시작JavaScript로 푸는 재귀 챌린지. 동적 계획법(Python으로 진행)과 비트 연산(C++로 진행)은 단계 목록 뒤에 따로 나와 있습니다. 점화식은 어느 언어에서나 똑같이 읽히고, JavaScript에도 같은 비트 연산자가 있으며 32비트 정수에 적용됩니다.시작전용 페이지
  5. 5
  6. 6
제공되는 것
코딩을 배우기 위해 사용할 모든 것

해보면서 배우기

실제 코드를 작성하고, 데이터베이스를 쿼리하고, 웹사이트를 구축하고, AI 프롬프트를 마스터하세요. 인터랙티브 레슨으로 현대 개발자에게 필요한 모든 기술을 다룹니다.

playground.js
코드 편집기
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
테스트 #1test Case Success icon
테스트 #2test Case Success icon
테스트 #3test Case Failure icon
입력
"Alex"
출력
"Hello, Coddy! Alex"

연속 기록을 쌓아보세요

꾸준히 하고 성장하는 모습을 지켜보세요! 매일 코딩 습관을 추적하고, 동결 기능으로 연속 기록을 보호하고, 매일 참여해서 보상을 받으세요.

12 일 연속

내일도 돌아와서 연속 기록을 유지하세요!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

더블 오어 낫싱

7일 중 5일차

fire Freeze icon

연속 기록 동결

2 left

어디서나 코딩하세요

코딩 여정을 함께 하세요! 설정도, 다운로드도 필요 없이 바로 열어서 코딩을 시작하세요. iOS, Android, 웹에서 4.9점 평점으로 이용 가능합니다.

Python
7스트릭
250점수
5에너지
변수
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
계속하기
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
여정
목표
리더보드
프로필
4.9
별별별별별
평점

당신은 혼자가 아닙니다

글로벌 리더보드에서 경쟁하고, 친구를 초대해서 보상을 받고, 서로의 성공을 축하하세요. 코딩은 친구와 함께하면 더 좋아요!

챌린저 리그
챌린저 리그상위 7명 승급
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up icon승급 구역leaderboard Arrow Up icon

모든 방식으로 학습

읽고, 듣고, 스스로 확인하고, AI에게 묻고, 이미 배운 내용을 찾아보세요. 모든 수업이 당신에게 맞춰집니다.

변수 입문
오디오

변수는 나중에 프로그램에서 참조할 값을 저장하는, 이름이 있는 컨테이너입니다.

Python에서는 이름, 등호, 저장할 값을 차례대로 써서 만듭니다.

값은 시간이 지나며 바뀔 수 있습니다. 재할당하면 그 이름이 새로운 값을 가리킵니다.

1xSarah

수료증을 받으세요

완료한 모든 코스에 대해 인증서를 받으세요. LinkedIn 프로필과 이력서에 추가하여 고용주에게 코딩 전문성을 보여주세요.

Coddy수료증
이 인증서는홍길동성공적으로 완료했음을 증명합니다
python iconPython 기초
인증됨
날짜2026년 1월
LinkedInLinkedIn에 추가

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비트 정수에 적용되므로, 트릭을 옮겨 올 때 기억해 두세요.

이 경로를 시작하기 전에 JavaScript를 알아야 하나요?

최소한 함수, 배열, 객체, 클래스는 알아야 합니다. 처음 보는 것이 있다면 Coddy의 JavaScript 강의가 먼저 무료로 다룹니다. 이 경로는 그 강의가 끝나는 지점에서 이어집니다.

다른 학습 경로

같은 코스를 다른 직무에 맞게 배열한 경로입니다. 진행 상황은 이어집니다. 한 경로에서 마친 코스는 그 코스를 포함한 모든 경로에서 인정됩니다.

모든 학습 경로
Coddy 프로그래밍 언어 일러스트

자료구조와 알고리즘 경로를 무료로 시작하세요

학습 시작