BEST

개발 · 프로그래밍

알고리즘 · 자료구조

비전공자의 전공자 따라잡기 - 자료구조(with JavaScript)

Name: 비전공자의 전공자 따라잡기 - 자료구조(with JavaScript)
Price: 44000 KRW

알고리즘 공부의 필수 선수과목인 자료구조! 다양한 자료구조를 자바스크립트로 배워봅시다!

(4.6) 수강평 14개

수강생 401명

제로초(조현영)

JavaScript 알고리즘 코딩 테스트

초급자를 위해 준비한
[알고리즘 · 자료구조] 강의입니다.

이런 걸 배울 수 있어요

연결리스트, 스택, 큐, 덱
트리, 이진트리, 이진검색트리, 레드블랙트리
힙, 우선순위 큐
그래프

컴공 전공자가 배우는 건 뭔가 다를까?
강의와 함께라면 비전공 개발자도 알 수 있어요 😎

이런 고민 해보셨다면 주목!

🫠

요즘 좋은 기업들은 전부 코딩 테스트를 보더라구요...

🤔

알고리즘을 배우려고 했는데, 자료구조 먼저 배우고 와야 한대요.

🥲

그래서 자료구조/알고리즘 강의를 찾아봤더니 Python, C++, Java... 저는 웹 개발자라 자바스크립트만 아는데 어떡하죠?

컴공 지식은 전공자만의 것?
비전공자도 누구나 익힐 수 있어요!

코딩 테스트 때문에 정말 많이 강조되는 알고리즘! 자료구조는 알고리즘을 공부할 때 필수적으로 알고 있어야 하는 선수과목입니다. 스택, 큐, 트리, 그래프 등 알고리즘에서 활용하는 다양한 구조들을 자료구조라고 부릅니다. 효율적인 자료구조를 알고 있다면 그걸 활용하는 알고리즘도 효율적일 수밖에 없어요!

컴퓨터 공학 전공 학습을 거치지 않은 비전공자 분들은 항상 전공자들이 무언가 대단한 것을 이미 알고 있다고 생각하는 경우가 많습니다. 하지만 차근차근 학습하면 비전공자도 컴공 전공자만큼 전공지식을 익히는 게 가능합니다. 실무에 필요한 지식 위주로 핵심만 알려드릴게요.

아래 세 가지 질문에 '예'라고 답변할 수 없다면, 이 강의와 함께해요!

✅ 스택, 큐, 힙, 트리, 그래프를 직접 자바스크립트로 구현하실 수 있으신가요?
✅ 시간 복잡도를 빠르게 계산하는 방법을 알고 계신가요?
✅ 데이터 삽입, 수정, 삭제, 조회 시 어떤 자료구조가 제일 효과적인지 알고 계신가요?

이런 분들께 추천해요 🙆‍♀️

_{코딩 테스트를 위해 알고리즘을 공부하는 취업 준비생}

_{자바스크립트가 아닌 다른 언어로 자료구조를 배우기 부담되는 사람}

_{전공 내용 중 실무에서 자주 쓰이는 자료구조만 알고 싶은 사람}

이 강의만의 핵심 강점 4가지!

강의 교안을 제공합니다

깃허브를 통해 강의 내용을 정리한 교안을 공개하고 있습니다. 잘 이해가 되지 않거나 복습하고 싶은 내용은 교안을 참고해보세요!

자바스크립트로 진행하는 강의

자료구조/알고리즘 강의가 매번 다른 언어로 되어 있어 불편하셨나요? 자바스크립트로 수업을 진행합니다. 코드도 교안에 포함되어 있어요.

질문/답변을 통한 능동적 학습

제 강의의 장점은 Q&A입니다. 질문하시면 48시간 안에 답변을 드립니다. 강의 관련 내용을 자유롭게 질문하시면서 공부해 보세요. 내용을 이해하기에 더욱 도움이 됩니다!

수강생 여러분께 자주 나오는 질문에 대해서는 수업을 수정하거나, 새소식을 통해 업데이트 및 보충하고 있습니다.

부담은 덜고 이해는 빠르게

수학적인 것은 싹 빼고 빠르게 알고리즘으로 넘어갈 수 있도록 자료구조만 집중적으로 다루게 됩니다. 꼭 필요한 내용을 효과적으로 배워 시간을 아껴보세요!

이런 걸 배워요 📚

_{시간/공간 복잡도 분석법}

_{스택, 큐, 트리, 그래프, 해시테이블 자료구조의 원리와 구현}

_{자료구조별 장단점 및 특징 분석, 비교}

_{재귀, 힙 정렬, DFS, BFS, 순회 등의 간단한 알고리즘}

Q&A 💬

Q. 자바스크립트를 어느 정도 알아야 하나요?

자료구조, 알고리즘은 프로그래밍 언어와 무관한 것인지라 기본적인 객체, 함수, 배열, 조건문, 반복문 정도만 알면 구현할 수 있습니다. 언어의 특별한 기능을 거의 쓰지 않습니다.

Q. 정말 전공자와 동일한 지식을 얻게 되나요?

전공자보다는 덜 알게 됩니다만, 전공자가 배우는 실무에 쓸데없는 지식을 안 배워도 돼서 시간을 아낄 수 있습니다.

참고 자료) 제로초 강의 전체 로드맵

Q. 자료구조를 배운 다음에는 무엇을 해야 하나요?

알고리즘 공부를 하시면 됩니다. 먼저 이론을 익힌 다음에(이론 공부 필수입니다) 프로그래머스나 백준 문제 풀이와 병행하시면 좋고 회사 유명한 코딩 테스트도 기회될 때 틈틈이 풀어보시는 게 좋습니다.

Q. 미리 설치해야 할 프로그램이 있나요?

코드를 VS Code 에디터에 입력해서 진행합니다. 다만 자바스크립트는 브라우저 개발자 도구(F12) 콘솔 탭에서도 돌아가니까 강의 교안의 코드를 콘솔 탭에 복사 붙여넣기 하셔도 됩니다.

💾 수강 전 확인해주세요

강의는 Windows 11 기반으로 진행되나, 다른 운영체제에서 학습하셔도 무관합니다.
코드 작성은 Visual Studio Code를 사용합니다.
강의 교안은 Github를 참고해주세요.
자바스크립트 기본 문법(배열, 객체, 클래스, 조건문, 반복문) 정도만 알면 학습하실 수 있습니다.

이런 분들께
추천드려요!

학습 대상은
누구일까요?

코딩테스트 대비를 위해 알고리즘을 공부하시는 분
알고리즘을 공부하려 했는데 자료구조에서부터 막히시는 분
웹 개발자인데 알고리즘/자료구조를 배우려니 JS가 아닌 다른 언어라서 당황한 적이 있던 분

선수 지식,
필요할까요?

자바스크립트 언어 기본(배열, 객체, 클래스, 반복문, 조건문 정도)

안녕하세요
제로초(조현영)입니다.

63,535

명

수강생

1,503

개

수강평

9,577

개

답변

4.8

점

강의 평점

개

강의

제 강의의 장점은 Q&A입니다(인프런 답변왕 2회 수상). 24시간 이내에 최대한 답변드립니다! 같이 고민한다는 느낌으로 답변 드릴게요!

One of the key strengths of my courses is the Q&A support. (Winner of the Inflearn Q&A King award twice) I respond to your questions within 24 hours, doing my best to help you out! You’ll feel like we’re solving the problems together.

👉ZeroCho Lectures
제로초 강의 전체 로드맵. A complete roadmap of all my courses is available here.

– Node.js교과서, 코딩자율학습 제로초의 자바스크립트, Let's Get IT 자바스크립트, 타입스크립트 교과서 저자
– ZeroCho.com 운영자
– 현) 유튜브에서 ZeroCho TV로 개발 관련 방송중
– 현) 스모어톡 CTO
– 전) 오늘의픽업 CTO(카카오모빌리티에 엑싯 후 카카오모빌리티 최연소 개발파트장)

Author of Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript, and TypeScript Textbook
Operator of ZeroCho.com
Currently running a YouTube channel ZeroCho TV, covering development topics
CTO at SmoreTalk
Former CTO at Today Pickup (acquired by Kakao Mobility, where I became the youngest lead developer)

커리큘럼

전체

33개 ∙ (5시간 36분)

섹션 1. 인트로

2개 ∙ (25분)

1. 강좌 소개
08:59
2. 시간복잡도
16:57

섹션 2. 연결리스트

5개 ∙ (41분)

3. 연결리스트 개념
09:07
4. add 구현하기
09:55
5. search 구현하기
03:21
6. remove 구현과 디버거 사용법
11:03
7. 숙제
07:57

섹션 3. 스택, 큐, 트리

4개 ∙ (29분)

8. 스택
05:20
9. 스택 vs 큐
03:44
10. 스택, 큐 구현하기
10:33
11. 트리 구현하기
09:53

섹션 4. 이진 탐색 트리

7개 ∙ (1시간 20분)

섹션 5. 이진 힙(최대힙)

4개 ∙ (41분)

섹션 6. 우선순위 큐, 덱, 그래프, 해시테이블

6개 ∙ (55분)

섹션 7. 레드블랙트리

3개 ∙ (50분)

섹션 8. 아웃트로

2개 ∙ (11분)

강의 게시일: 2023. 08. 13.

마지막 업데이트일: 2025. 05. 13.

수강평

전체

14개

4.6

14개의 수강평

rhkdtjd_12
수강평 12
∙
평균 평점 5.0
2024. 06. 18.
5
64% 수강 후 작성
해당 강의를 보면서 목차에 대해 크게 신경 안썼는데 강의 수강이 중간 이상이 넘어가면서 연결리스트 > 스택,큐 > 트리 > 이진 트리 > 이진 탐색트리 > 이진힙 > 우선순위 큐 .... 해당 목차 마다 등장하는 숙제를 통해서 각각의 자료구조를 이해를 하고 진행 하게 되면 각각의 자료구조들이 관계가 있고 이전의 파트를 제대로 이해하지 않고 다음 파트를 학습 하게 되면 제대로 이해가 안된다는걸 알게 되었습니다. 그래서 해당 목차대로 진행하는게 하나의 학습 곡선을 머릿속으로 그리면서 학습 할 수 있어서 아주 좋은것 같습니다. javascript에서 어려워서 넘어갔던 이벤트 루프 개념에서 등장 했던 callstack, HEAP, TASK QUEUE 등이 해당 강의에서 배웠던 스택, 힙, 큐를 의미한다는것을 알게 되었고 javascript 이벤트 루프를 공부하는 초석이 되는 강의입니다.
BY I
수강평 1
∙
평균 평점 4.0
2023. 09. 05.
4
100% 수강 후 작성
강의 내용 면에서는 별 5개이지만, 아래 이유 때문에 별 하나를 깎았습니다. - 마우스 딸깍 소리가 너무 커서 강의에 집중이 떨어질 때가 있습니다. - 그림으로 설명할 때, 마우스 위치는 보이지 않는데 '이거'라는 지시대명사를 자주 사용하는 경향이 있어서 이해가 잘 가지 않을 때가 있습니다. 위의 두 가지만 개선되면 더욱 더 좋은 강의가 될 것 같습니다.
- rhkdtjd_12
  2024. 06. 18.
  "그림으로 설명할 때, 마우스 위치는 보이지 않는데 '이거'라는 지시대명사를 자주 사용하는 경향이 있어서 이해가 잘 가지 않을 때가 있습니다." 두번째 부분 저도 조금 공감 해봅니다.
Eunji Lee
수강평 2
∙
평균 평점 5.0
2025. 04. 28.
5
30% 수강 후 작성
현업에 종사하면서 자료구조는 크게 신경쓰지 않고 작업했었는데 이젠 적용해볼 수 있을 것 같아요 감사합니다
Choi Boo
수강평 18
∙
평균 평점 4.8
2024. 01. 01.
5
100% 수강 후 작성
5년 전에 자바 자료구조 서적을 구매해서 읽어보려했지만 눈에 하나도 들어오지 않아서 자료구조는 손 놓고 있었습니다. 이번에 제로초님께서 강의를 올려주셔서 사 놓고 연결리스트에서 잠깐 보고 안 보고 있다가 반 강제로 강의를 들을 수 있게 타임어택 8기에 참여해 오늘 강의 끝까지 다 봤습니다. 저는 개인적으로 글보다 그림 혹은 코드로 보는게 직관적이고 이해가 더 빠르다보니 제로초님께서 그림으로도 그려주시고 코드로도 작성해주시니까 이해하기 쉬웠습니다. 다른 내용들은 집중 잘하면 금방 이해했는데 레드블랙트리 내용은 꽤나 어려워서 여러 번 들을 필요가 있더라구요 ㅎㅎ 불편한 점을 찾고자 했을 때는 들리는 부분은 마우스 클릭, 스크롤 사운드가 조금 불편했고, 제가 스피커로 듣고 있어서 괜찮았지만 이어폰이나 헤드셋으로 듣는다면 주변 소음? 쿨러? 같은게 계속 돌아가는 소음이 좀 들려서 불편할 것 같았습니다. 좋은 강의 내주셔서 정말 감사드리고 마지막에 제로초님도 어렵다고 하신 알고리즘도 나중에 내주시면 너무 좋겠다고 생각합니다! 제로초님께서 쉽게 설명해주시니까요
공부하자
수강평 15
∙
평균 평점 4.9
2023. 10. 06.
5
15% 수강 후 작성
다양한 자료구조를 자바스크립트로 다뤄볼 수 있어서 좋았습니다. 다만 마우스 클릭 소리가 빠른 배속을 한 상태에서 딱딱딱딱 크게 들리니 집중이 안 되는 날 에는 더 집중이 안 되는 불상사가 발생합니다 ㅠㅠ.. 무소음 마우스를 매우 매우 권장 합니다. 후기 보니까 구현 부분이 미흡하다 뭐다 되어 있는데, 갠적으로는 설명 잘 해주셨고, 미흡하다 느낀 것은 순전히 본인의 이해력와 집중력 문제가 아닌가 싶습니다. 암튼 저는 잘 들었고, 마우스 소리만 개선되었으면 좋겠습니다

제로초(조현영)님의 다른 강의

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

React Native with Expo: 제로초에게 제대로 배우기

제로초(조현영)

웹 개발자가(특히 React 개발자라면) 정말 손쉽게 앱을 출시할 수 있는 시대가 되었습니다. Expo와 함께라면 더더욱 빠르게 Android와 iOS 앱 모두를 출시할 수 있습니다. Expo를 통해 빠르게 앱까지 출시할 수 있는 개발자가 되어봅시다.

초급

React, React Native, 하이브리드 앱

TS/JS 디자인 패턴 with Canvas: 제로초에게 제대로 배우기

제로초(조현영)

타입스크립트/자바스크립트로 그림판을 만들어보며 다양한 디자인 패턴의 쓰임과 장단점을 알아봅니다. canvas api를 배울 수 있는 것은 보너스!

중급이상

디자인 패턴, 객체지향, TypeScript

Next + React Query로 SNS 서비스 만들기

제로초(조현영)

리액트19 & 넥스트15 & 리액트쿼리5 & Next Auth5 & MSW2 & socket.io4 & zustand 스택으로 트위터(X.com)와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화를 위한 SSR까지!

중급이상

Next.js, React, react-query

[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지

제로초(조현영)

노드가 무엇인지부터, 자바스크립트 최신 문법, 노드의 API, npm, 모듈 시스템, 데이터베이스, 테스팅 등을 배우고 5가지 실전 예제로 프로젝트를 만들어 나갑니다. 클라우드에 서비스를 배포해보기도 하고 노드 프로젝트를 타입스크립트로 전환해도 봅니다.

초급

Node.js, Express, MySQL

Node.js로 웹 크롤링하기

제로초(조현영)

네이버, 아마존, 트위터, 유튜브, 페이스북, 인스타그램, unsplash.com 등의 사이트를 크롤링하며 실전에 적용해봅니다.

중급이상

JavaScript, Node.js, 웹 크롤링

[리뉴얼] 타입스크립트 올인원 : Part1. 기본 문법편

제로초(조현영)

타입스크립트 기본 문법을 배우고, 다른 사람이 작성한 타입을 분석하는 방법과, 내가 직접 타입을 작성하는 방법에 대해 알아봅니다.

초급

TypeScript

배달앱 클론코딩 [with React Native]

제로초(조현영)

리액트 네이티브로 라이더용 배달앱을 만들어봅니다. 6년간 리액트 네이티브로 5개 이상의 앱을 만들고, 카카오 모빌리티에 매각한 개발자의 강의입니다.

중급이상

React Native

비전공자의 전공자 따라잡기 - 데이터베이스,SQL

제로초(조현영)

이미 개발자이거나 개발자가 되고 싶은데 컴퓨터 학과를 전공하지 않아 데이터베이스가 약하신 분들, 이 강좌 하나로 평생 지식을 얻어가세요!

입문

DBMS/RDBMS, SQL, MySQL

테스트 with Jest: 제로초에게 제대로 배우기

제로초(조현영)

본 강의에서는 테스트가 필요한 경우와 테스트를 할 때의 장점을 Jest 프레임워크를 통해 보여드립니다. 리액트, Express 등에 유닛테스트, 통합테스트를 적용해봅니다.

초급

소프트웨어 테스트, Jest, react-testing-library

[리뉴얼] React로 NodeBird SNS 만들기

제로초(조현영)

리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다.

중급이상

React, Redux, Node.js

Vue로 Nodebird SNS 만들기

제로초(조현영)

Vue와 Nuxt 프레임워크를 사용해 SNS 서비스를 만듭니다. 서비스에 필요한 풀스택 지식을 학습합니다.

중급이상

Vue.js, Node.js, AWS

Redux vs MobX (둘 다 배우자!)

제로초(조현영)

리덕스와 몹엑스 뭘 선택할지 고민되시나요? 일단 둘 다 배우고나서 고민합시다!

초급

Redux, MobX

Slack 클론 코딩[실시간 채팅 with React]

제로초(조현영)

Slack 서비스를 따라 만들며 본격적인 리액트 웹 개발을 시작해봅시다! 회원가입, 로그인, 방 만들기, 실시간 채팅까지!

중급이상

클론코딩, React, TypeScript

[리뉴얼] 타입스크립트 올인원 : Part2. 실전 분석편

제로초(조현영)

타입스크립트 기본 문법을 배운 상태에서, 유명한 라이브러리들의 복잡한 타입을 분석하는 방법을 알아봅시다.

중급이상

TypeScript

비전공자의 전공자 따라잡기 - 네트워크, HTTP

제로초(조현영)

HTTP를 다루는 개발자이거나 개발자가 되고 싶은데 컴퓨터 학과를 전공하지 않아 네트워크가 약하신 분들, 이 강좌 하나로 평생 지식을 얻어가세요!

입문

네트워크, tcpip, websockets

[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문

제로초(조현영)

본 강의에서는 자바스크립트를 활용해 프로그래밍 사고력을 기르는 연습을 합니다. 웹 게임인 구구단을 시작으로 끝말잇기, 숫자 야구, 반응 속도 테스트, 틱택토, 로또 추첨기, 가위바위보, 카드 짝맞추기 게임, 텍스트 RPG, 지뢰 찾기, 2048게임, 두더지 잡기까지 함께 만들어봅시다.

초급

JavaScript

Slack 클론 코딩[백엔드 with NestJS + TypeORM]

제로초(조현영)

Node.js의 스프링이라고 불리는 NestJS를 배우고, Dependency Injection의 편리함을 맛봅시다. API 개발부터, 익스프레스와의 비교, 배포, 테스팅까지 모두 배워봅시다.

중급이상

NestJS, TypeORM, Express

Node.js에 TypeScript 적용하기(feat. NodeBird)

제로초(조현영)

Node.js에 타입스크립트를 적용해보고, 기존 npm 패키지에 타이핑을 추가하거나, 직접 타입스크립트 라이브러리를 만들어봅시다.

중급이상

Node.js, 웹앱, TypeScript

웹 게임을 만들며 배우는 React에 TypeScript 적용하기

제로초(조현영)

리액트로 만든 웹 게임과 React Router, Redux, MobX에 타입스크립트를 붙여보면서 리액트와 타입스크립트를 같이 사용해봅시다.

중급이상

React, TypeScript

웹 게임을 만들며 배우는 Vue

제로초(조현영)

간단한 8가지 웹 게임을 만들며 Vue.js와 Vue와 함께 사용되는 Vuex, Vue Router를 배워봅니다.

초급

Vue.js, Webpack, Vuex

비슷한 강의

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

38군데 합격 비법, 2024 코딩테스트 필수 알고리즘

딩코딩코

초보자도 쉽게 이해하는 단계별 설명으로, 막연했던 코딩 테스트가 명확해집니다. 필요한 것만 배우고 바로 실전에 적용하세요!

초급

Python, 코딩 테스트, data-structure

그림으로 쉽게 배우는 자료구조와 알고리즘 (심화편)

감자

이 강의를 통해 비선형 자료구조와 알고리즘을 배울 수 있습니다.

초급

알고리즘

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

이득우

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

중급이상

알고리즘, Unity

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

제주코딩베이스캠프

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

초급

JavaScript, 코딩 테스트

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

프로그래머스

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

초급

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

처음하는 코딩 - 플레이봇 (중등교육 -Javascript)

제주코딩베이스캠프

플레이봇은 Javascript 또는 Python으로 학생들이 SW를 보다 쉽게 학습할 수 있도록 만든 교육용 SW입니다. 여기서는 SW로 무엇을 할 수 있는지 배우고, 간단한 실습을 통해 컴퓨팅사고력을 기를 수 있도록 도움을 드립니다. (여기서 언어는 Javascript 사용)

입문

JavaScript