Menu
CoddyTech
인기여정

JavaScript 배우기

무료 인터랙티브 온라인 JavaScript 강의입니다. 모든 레슨에서 직접 JS를 작성합니다. 막힐 땐 AI 힌트가 도와주고, 끝까지 마치면 수료증도 받습니다.

307,822+ 명의 codders가 등록함

271 개 강의227 챌린지1,457 퀴즈 문제

  • 초보자 환영
  • sparkles iconAI 코딩 도우미
  • hint icon실습 중심의 대화형 강의
  • volume On icon모든 레슨에 음성 나레이션 제공
  • quiz icon지식을 확인하는 퀴즈
  • certificate icon무료 수료증

커리큘럼

4 섹션7 프로젝트271 개 강의227 챌린지1,457 퀴즈 문제
  1. 섹션 시작하기시작펼치기접기필수 개념과 기본 기술로 튼튼한 기초를 구축하세요

    소개

    4 개 강의323

    변수

    7 개 강의1246

    연산자 파트 1

    6 개 강의1037

    연산자 파트 2

    5 개 강의831

    조건문

    5 개 강의729

    기초 입출력

    6 개 강의931

    금액 분할 계산기

    프로젝트4 개 강의1

    반복문

    7 개 강의1345

    함수

    8 개 강의1250

    색다른 FizzBuzz

    프로젝트4 개 강의1

    배열 Part 1

    6 개 강의1037

    배열 Part 2

    8 개 강의1254

    식료품 목록 관리기

    프로젝트4 개 강의1

    최종 도전

    3 개 강의37
  2. 섹션 시작하기시작펼치기접기문제 해결 기술을 개발하고 동적이고 상호작용적인 프로그램을 생성하세요

    문자열 심화

    5 개 강의630

    다차원 배열

    9 개 강의1452

    JSON 파트 1

    7 개 강의944

    JSON 파트 2

    6 개 강의530

    Set 파트 1

    8 개 강의749

    집합 파트 2

    6 개 강의637

    도서 관리 시스템

    프로젝트5 개 강의1

    배열의 흥미로운 주제들

    4 개 강의422

    고급 배열 메서드

    9 개 강의761

    축제 시스템 관리하기

    프로젝트6 개 강의1
  3. 섹션 시작하기시작펼치기접기JavaScript에 대해 배운 후 TypeScript 소개

    핵심 타입

    7 개 강의1248

    자료구조: 배열과 튜플

    9 개 강의862

    타입: 별칭, 유니온 및 인터섹션

    7 개 강의751

    프로젝트: 간단한 할 일 목록

    프로젝트6 개 강의18

    제네릭: 살펴보기

    6 개 강의537

    고급 주제

    6 개 강의642
  4. 섹션 시작하기시작펼치기접기클래스, 객체, 재사용 가능한 구조로 코드를 구성하는 방법을 알아보세요

    객체와 this 키워드

    6 개 강의1142

    코드 구조화하기

    4 개 강의534

    클래스와 객체

    4 개 강의426

    메서드와 상태 관리

    2 개 강의218

    캡슐화와 접근

    4 개 강의426

    프로젝트: 간단한 은행 계좌

    3 개 강의3

    상속과 extends 키워드

    6 개 강의645

    OOP 코드 구조화하기

    1 레슨19

    정적 메서드와 프로퍼티

    4 개 강의425

    다형성

    4 개 강의425

    프로젝트: 도형 렌더러

    4 개 강의4

    Getter와 Setter

    4 개 강의426

    합성 vs 상속

    3 개 강의328

    도서 관리 시스템

    3 개 강의3

    최종 챌린지

    4 개 강의4

JavaScript 코스

브라우저에서 무료로 시작하는 실습형 JavaScript 코스.

입문자 챌린지 - 기초 개념 연습하기

인기

여러분의 기초 코딩 지식을 테스트하고 프로그래밍 챌린지들을 해결해 보세요. 원하는 어떤 언어든 사용할 수 있습니다. 즐거운 코딩 되세요!

certificate icon

수료 시 인증서

  • 20
  • 20

스택 - 자료구조 시리즈 #1

인기

이 코스에서는 스택(Stack) 자료구조에 대해 배우고, 원하는 프로그래밍 언어로 스택을 처음부터 직접 구현해 보며, 다양한 코딩 문제로 실습합니다!

자료구조
  • 13
  • 6
  • 1

코딩 문제 풀이

이 코스의 다양한 난이도로 구성된 연습 문제를 통해 프로그래밍 문제 해결 능력을 시험해 보세요. 임의의 프로그래밍 언어로 기본 문법을 다뤄본 적이 있는 코더를 위해 제작되었습니다.

certificate icon

수료 시 인증서

  • 32
  • 31

AVL 트리 - 자료구조 시리즈 #10

이 코스에서는 AVL 트리 자료구조에 대해 배우고, 원하는 언어로 자가 균형 이진 탐색 트리를 기초부터 직접 구현해 보며 다양한 코딩 챌린지에 도전해 봅니다!

자료구조
certificate icon

수료 시 인증서

  • 16
  • 6
  • 1

JavaScript 로직 기르기 30일 코스

이 코스에서는 꾸준히 학습하는 습관을 기르고, JavaScript 지식을 실습하는 데 도움이 되는 기초 및 중급 난이도의 JS 문제들을 풀어봅니다.

certificate icon

수료 시 인증서

  • 31

연결 리스트 - 자료구조 시리즈 #5

이 코스에서는 연결 리스트(Linked List) 자료구조에 대해 배우고, 원하는 프로그래밍 언어로 처음부터 직접 연결 리스트를 구현하며 관련 코딩 문제들을 풀어봅니다!

자료구조
certificate icon

수료 시 인증서

  • 14
  • 6
  • 1
제공되는 것
코딩을 배우기 위해 사용할 모든 것

해보면서 배우기

실제 코드를 작성하고, 데이터베이스를 쿼리하고, 웹사이트를 구축하고, 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을 배우는 이유

  • 브라우저에서 JavaScript를 바로 실행하세요. Node.js 설치도, IDE 설정도 필요 없습니다. 에디터와 출력이 나란히 배치되어 있어 JavaScript 피드백 루프가 짧습니다.
  • 모던 JavaScript: ES6+ 문법, arrow function, promise, async/await, 구조 분해 할당, 모듈까지 - 레거시 패턴이 아니라 실무에서 실제로 쓰는 JavaScript를 다룹니다.
  • AI 힌트는 정답을 알려주지 않으면서 막힌 부분을 디버깅하도록 도와줍니다. 덕분에 다음에 JS 코드를 작성할 때 도움이 되는 사고 모델을 스스로 쌓게 됩니다.
  • JavaScript 과정을 마치면 LinkedIn이나 이력서에 추가할 수 있는 무료 수료증을 받을 수 있습니다.

JavaScript 학습에 대한 자주 묻는 질문

JavaScript은 배우기 쉬운가요?

JavaScript는 입문하기에 비교적 쉬운 프로그래밍 언어 중 하나입니다. 문법이 관대하고, 어떤 브라우저에서든 코드를 바로 실행할 수 있으며, 기본적인 상호작용(버튼 클릭, alert)이 즉각적인 시각 피드백을 줍니다. 까다로운 부분 - 비동기 코드, 클로저, this 바인딩 - 은 나중에 등장하며, 코스는 실습 예제와 함께 이들을 점진적으로 소개합니다.

JavaScript을 배우는 데 얼마나 걸리나요?

JavaScript의 기초는 매일 연습하면 보통 1~2주 안에 익힐 수 있습니다. 실제 프로젝트를 편하게 만들려면 속도에 따라 1~3개월 정도를 잡는 것이 좋습니다.

JavaScript을 배우기 전에 HTML과 CSS를 먼저 배워야 하나요?

도움이 됩니다. 실제 페이지를 직접 바꿔볼 수 있으면 - 요소를 숨기고, 텍스트를 바꾸고, 클릭에 반응하게 만들고 - JavaScript가 훨씬 더 구체적으로 다가옵니다. HTML과 CSS 강의는 짧고, DOM을 다루는 JavaScript 강의로 자연스럽게 이어집니다. 물론 순수 JavaScript 로직부터 시작해도 됩니다.

JavaScript을 온라인에서 무료로 배울 수 있나요?

네. 인터랙티브 JavaScript 강좌는 무료입니다 - 전체 레슨, 코딩 실습, 퀴즈, 그리고 수료증까지 포함되어 있어요. 에디터가 브라우저에서 바로 실행되기 때문에 JS를 작성하기 위해 Node.js나 다른 도구를 따로 설치할 필요가 없습니다.

JavaScript와 Java의 차이는 무엇인가요?

이름은 비슷하지만, 둘은 서로 관련 없는 언어입니다. Java는 정적 타입의 클래스 기반 언어로 서버와 Android에서 많이 쓰입니다. JavaScript는 동적 타입 언어이고 브라우저와 Node.js에서 실행됩니다. 웹을 한다면 JavaScript를, Android나 대규모 엔터프라이즈 백엔드를 한다면 Java를 배우세요.

JavaScript 강의를 마치면 수료증을 받을 수 있나요?

네. JavaScript 코스를 끝내면 무료 수료증을 받을 수 있고, LinkedIn에 공유하거나 이력서에 넣을 수 있습니다. 단순히 튜토리얼 영상을 본 게 아니라 체계적인 인터랙티브 코스를 끝까지 완주했다는 검증 가능한 증거예요.

이 강의가 포함된 학습 경로

이 강의는 더 긴 경로의 한 단계입니다. 멘토가 가르치는 순서대로 이어지는 여러 강의로, 각각 무료 수료증이 있습니다.

Coddy 프로그래밍 언어 일러스트

Coddy와 함께 JavaScript 배우기

시작하기