logo
hero
개발 입문자라면 꼭 들어야 할

JavaScript 프로그래밍 기초

모집 기한
2024-12-09 오전 7시선착순 마감
수강 일정
2024-12-09 ~ 2025-01-06 (4주)
수업 내용

자바스크립트 기본 문법과 프로그래밍 원리

웹 개발과 게임 제작 등 JS 실전 활용

객체 지향, 데이터 타입 등 심화 개념

수강 혜택

강의 요약집 포함 8개의 혜택 제공

2개월 추가 수강 기간 제공

NCS 수료증 발급

국비지원 올해까지만 0원
내년부터 무료 수강 불가!
지금 수강하면 모두 받을 수 있어요!
5가지 혜택 외 AI 선생님, 수료를 돕는 챌린지와 페이스메이커까지 추가 혜택을 더 드려요.
공식적으로 인정하는
NCS 수료증 발급
benefit
고민을 함께 나누는
수강생 전용 커뮤니티
benefit
고민을 함께 나누는
수강생 전용 커뮤니티
benefit
복습으로 완성하는 실력
2개월 추가 수강 기간
benefit
강의 요약, 학습 보조 자료
목표 달성 자료집 제공
benefit
복습으로 완성하는 실력
2개월 추가 수강 기간
benefit
완주할 수 있게 도와주는
1:1 밀착 학습 관리
benefit
수강 후기
커리큘럼
수강 혜택
자주 묻는 질문
웹/앱 개발의 필수 관문,
탄탄한 JavaScript
기본기
완성
blur
Next.js
Next.js
웹 서비스에 최적화된 풀스택 프레임워크
Express.js
Express.js
편리하게 서버, API 구성하는 백엔드 프레임워크
Node.js
Node.js
JavaScript 백엔드부터 풀스택까지 확장 가능
blur
blurblur
React
React
빠르고 동적인 UI를 만드는 대표 라이브러리
Vue.js
Vue.js
배우기 쉬우면서도 강력한 프레임워크
blurblur
Computer
-
-
-
-
-
-
전 세계 웹사이트의 98.8%가 사용
(2024년 9월 25일 기준)
방대한 양의 라이브러리와 프레임워크, 커뮤니티 지원
클라이언트와 서버 양쪽 모두 사용 가능
React, Vue.js, Angular 등 다양한 도구 사용 가능
웹 브라우저, 모바일 앱, 서버, 데스크톱 앱 개발도 가능
생동감 넘치는 웹사이트 구현에 필수적
glitermasterkey-card
웹 개발의 마스터 키를
단 4주 만에 손에 넣으세요
만능 언어 JavaScript,
어떻게 배우냐에 따라 실력은
천.지.차.이.
AA

문법만 외우는
기계적인 코딩 학습?

BB

프로그래밍 이해를 기반으로
이론 & 실습 200% 완벽 학습

허둥지둥 몰아치는 강의 내용
contentCompare

친절한 단계별 커리큘럼, 왕초보도 OK

문법만 달달, 겉핥기 공부?
contentCompare

배우고 직접 실습하며, 이해도 UP

강의는 강사가, 해결은 나 혼자?
contentCompare

즉각 피드백 시스템, 해결 속도 UP

허둥지둥 몰아치는 강의 내용
contentCompare

37개 퀴즈와 46개 실습, 실전 역량 UP

수강 후기
코드잇과 함께 실력 있는
개발자로 성장해 보세요

강의 평점

01234567890123456789.01234567890123456789

누적 후기

0123456789012345678901234567890123456789만+

수강생 만족도

0123456789012345678901234567890123456789%
코드잇은 차근차근 가이드라인을 제시해줘서 비전공자 입장에서 이해하기 좋았어요.
구글 개발자 성기홍 님
‘강의-실습’으로 학습 흐름이 끊기지 않고 유기적으로 이어진다는 점이 좋았어요.
토스 개발자 강승주 님
기업이 원하는 개발자로 거듭날 수 있는
코드잇만의
4 STEP 학습법
겉핥기식 학습법은 NO, 원리부터 제대로 배우고
실전 활용 능력까지 키울 수 있어요
STEP 1
STEP 1
배우고
5분 영상 강의로 쉽고 빠르게 배우기
STEP 2
STEP 2
이해하고
노트와 퀴즈로 개념 제대로 이해하기
STEP 3
STEP 3
실습하고
단계별 실습으로 내 것으로 만들기
STEP 4
STEP 4
프로젝트 완성!
실전 프로젝트 경험으로 실무 능력 쌓기
획득 스킬
프로그래밍 사고력을 완성하는 필수 역량 13가지
프로그래밍
기본 이해
프로그래밍 기본 이해
프로그래밍의 핵심 개념 및 다양한 분야에 대한 이해
JavaScript
기초 문법
JavaScript 기초 문법
JavaScript의 기본 구문 및 프로그래밍 도구 활용
JavaScript
자료형
JavaScript 자료형
숫자형, 문자열, 불린형, null, undefined와 같은 기본 자료형 이해와 활용
형 변환 및
템플릿 문자열 활용
형 변환 및 템플릿 문자열 활용
다양한 자료형 간 형 변환, 템플릿 리터럴 사용 능력.
제어문
활용 능력
제어문 활용 능력
if문, else if문, switch문, for문, while문의 이해와 활용
객체와
배열 조작
객체와 배열 조작
객체 생성 및 접근, 배열 메소드와 다차원 배열의 이해와 활용
객체 지향
프로그래밍 기초
객체 지향 프로그래밍 기초
객체 생성 방법과 객체 지향 프로그래밍의 기본 개념
객체 메소드 및
Date 객체 활용
객체 메소드 및 Date 객체 활용
객체의 메소드 정의와 활용, Date 객체를 이용한 시간 관련 데이터 처리
고급 자료형 조작
고급 자료형 조작
기본형과 참조형, 숫자형 메소드, 문자열 심화 메소드 활용
컴퓨터 구조 및
이진법 이해
컴퓨터 구조 및 이진법 이해
컴퓨터 구조, 이진법, 비트와 바이트의 기본 원리 이해
논리 연산 및
회로 설계 기초
논리 연산 및 회로 설계 기초
논리 연산, 회로 설계 기초, 기본 논리를 통한 데이터 연산
CPU와 프로그램 
실행 원리 이해
CPU와 프로그램 실행 원리 이해
CPU의 역할과 시스템 성능 지표, 프로그램 실행 원리에 대한 이해
컴파일러와 인터프리터 작동 방식 이해
컴파일러와 인터프리터 작동 방식 이해
코드의 컴파일과 실행, 인터프리터의 역할
프로그래밍
기본 이해
프로그래밍 기본 이해
프로그래밍의 핵심 개념 및 다양한 분야에 대한 이해
JavaScript
기초 문법
JavaScript 기초 문법
JavaScript의 기본 구문 및 프로그래밍 도구 활용
JavaScript
자료형
JavaScript 자료형
숫자형, 문자열, 불린형, null, undefined와 같은 기본 자료형 이해와 활용
형 변환 및
템플릿 문자열 활용
형 변환 및 템플릿 문자열 활용
다양한 자료형 간 형 변환, 템플릿 리터럴 사용 능력.
제어문
활용 능력
제어문 활용 능력
if문, else if문, switch문, for문, while문의 이해와 활용
객체와
배열 조작
객체와 배열 조작
객체 생성 및 접근, 배열 메소드와 다차원 배열의 이해와 활용
객체 지향
프로그래밍 기초
객체 지향 프로그래밍 기초
객체 생성 방법과 객체 지향 프로그래밍의 기본 개념
객체 메소드 및
Date 객체 활용
객체 메소드 및 Date 객체 활용
객체의 메소드 정의와 활용, Date 객체를 이용한 시간 관련 데이터 처리
고급 자료형 조작
고급 자료형 조작
기본형과 참조형, 숫자형 메소드, 문자열 심화 메소드 활용
컴퓨터 구조 및
이진법 이해
컴퓨터 구조 및 이진법 이해
컴퓨터 구조, 이진법, 비트와 바이트의 기본 원리 이해
논리 연산 및
회로 설계 기초
논리 연산 및 회로 설계 기초
논리 연산, 회로 설계 기초, 기본 논리를 통한 데이터 연산
CPU와 프로그램 
실행 원리 이해
CPU와 프로그램 실행 원리 이해
CPU의 역할과 시스템 성능 지표, 프로그램 실행 원리에 대한 이해
컴파일러와 인터프리터 작동 방식 이해
컴파일러와 인터프리터 작동 방식 이해
코드의 컴파일과 실행, 인터프리터의 역할
실전 프로젝트로
웹 개발 첫걸음부터 재밌게
PROJECT 1
넷플릭스 클론 코딩
넷플릭스 클론 코딩
개발자 도구 활용을 통한 실시간 코드 수정과 테스트

개발자 도구 활용을 통한 실시간 코드 수정과 테스트

브라우저 개발자 도구를 사용해 HTML과 CSS 코드를 수정, 확인하며 웹 페이지의 구성을 빠르게 테스트하는 방법을 익힙니다.

HTML과 CSS를 통한 웹 페이지의 기본 구조와 디자인

HTML과 CSS를 통한 웹 페이지의 기본 구조와 디자인

HTML을 사용해 웹 페이지의 뼈대를 설계하고, CSS를 통해 디자인 요소를 추가하여 완성도 높은 웹 페이지를 구성하는 방법을 익힙니다.

JavaScript 라이브러리(Swiper.js)로 동적 기능 추가

JavaScript 라이브러리(Swiper.js)로 동적 기능 추가

JavaScript 라이브러리를 활용해 슬라이드와 같은 동적 콘텐츠를 구현하여, 사용자 경험을 향상시키는 기능을 추가하는 방법을 학습합니다.

PROJECT 2
틱택토 게임 만들기
HTML/CSS 기초 설정

HTML/CSS 기초 설정

이미 준비된 HTML/CSS 파일을 활용하여 틱택토 게임의 기본 UI를 설정합니다. HTML로 화면의 구조를 잡고, CSS로 게임 판과 플레이어 아이콘 등을 꾸며줍니다.

자바스크립트로 게임 로직 구현

자바스크립트로 게임 로직 구현

JavaScript를 사용해 게임 상태와 데이터를 관리하는 변수(currentPlayer, score, gameboard 등)를 설정하고, 클릭 이벤트와 함수(handleCellClick, render, checkGameEnd)를 통해 게임 로직을 작성합니다. 이 과정에서 HTML 요소와의 상호작용을 통해 게임 진행과 승패 판정을 구현해요.

게임 테스트와 디버깅

게임 테스트와 디버깅

코드 오류를 확인하고 수정하며 게임을 최적화합니다. 이를 통해 JavaScript의 기본 문법뿐만 아니라, 조건문, 반복문, 이벤트 핸들링 등 다양한 프로그래밍 개념을 실습해 볼 수 있습니다.

커리큘럼
JavaScript 프로그래밍 기초 최적의 학습 커리큘럼
프로그래밍 기초 이해하기
프로그래밍의 기초와 다양한 분야를 이해하고, 최신 기술 트렌드와 언어 활용법을 익혀요
computer
01
프로그래밍의 개념과 활용 분야
코딩의 개념과 다양한 분야에서 프로그래밍을 어떻게 활용하는지 배워요.
title
02
프로그래밍 언어 이해
프로그래밍 언어가 무엇인지, 어떻게 언어를 분류할 수 있는지 배워요.
title
03
프로그래밍 최신 기술 트렌드
트렌드와 패러다임을 익혀 변화하는 기술 환경에 적응할 수 있어요.
title
JavaScript 마스터 하기
JavaScript의 기초 문법, 자료형, 제어문, 객체, 배열을 통해 데이터 구조와 흐름 제어를 익혀요
js
01
기초 문법과 자료형
변수, 함수, 자료형 등 JavaScript의 기본 개념과 데이터를 다루는 방법을 익힙니다.
title
02
제어문과 데이터 구조
조건문, 반복문을 통해 코드 흐름을 제어하고 객체와 배열로 데이터를 구조화합니다.
title
03
심화 개념과 객체 지향 프로그래밍
클래스와 객체 생성, 추상화, 상속 등 OOP 개념을 배워 JavaScript의 코드 재사용성을 높입니다.
title
컴퓨터와 소프트웨어 이해하기
컴퓨터 구조와 논리 연산, CPU, 운영 체제 등 컴퓨터 과학의 기초 원리를 배워요
gear
01
컴퓨터의 작동 원리 이해
컴퓨터 구조와 이진법, 논리 연산 등 기본적인 원리를 배우며, 컴퓨터가 정보를 처리하는 방법을 이해해요.
title
02
프로세서와 성능 최적화
CPU와 저장 장치의 역할, 프로그램 실행 방식 등을 배우며, 컴퓨터 성능을 높이는 방법에 대해 배워요.
title
03
소프트웨어 실행과 운영 체제 역할
컴파일러와 인터프리터의 차이를 이해하고, 운영체제의 역할과 소프트웨어의 다양한 기능을 배워요.
title
상세 커리큘럼
1단계
프로그래밍 기초 이해하기
1
프로그래밍 입문자 가이드
프로그래밍의 정의와 개발자 커리어에 대해 배우며, 개발이 어떻게 이뤄지는지 이해합니다.
2
프로그래밍 분야들
웹 개발, 모바일 개발, 데이터 분석 등 다양한 프로그래밍 분야에 대해 알아보고, JavaScript가 주로 활용되는 분야를 탐색합니다.
3
프로그래밍 활용 방안
프로그래밍이 업무 자동화, 데이터 사이언스, 웹 개발에 웹 개발에 어떻게 쓰이는지 실제 예제와 함께 살펴봅니다.
4
프로그래밍의 다양한 분야
컴퓨터 사이언스와 소프트웨어 공학의 개념을 배우고, 개발에 필요한 기초 지식과 필수 프로그램에 대해 알아봅니다.
5
트렌드를 읽는 능력
기술이 변화하는 트렌드를 읽고 이에 대응하는 법을 살펴봅니다.
6
프로그래밍 언어 살펴보기
객체 지향 프로그래밍과 타입 시스템 등 기본 개념을 익히고, 각 프로그래밍 언어들이 어떤 특징과 패러다임을 가지고 있는지 비교해봅니다.
7
프로그래밍 언어 제대로 사용하기
프로그래밍 언어의 종류와 특징을 이해하고, 가독성 좋은 코드 작성법과 라이브러리·프레임워크 활용 방법을 배웁니다.
2단계
JavaScript 문법과 자료형 이해하기
1
자바스크립트 첫 걸음
JavaScript 언어 소개와 성장 과정, 기본적인 코드 작성 방법을 학습합니다.
2
자바스크립트 프로그래밍 기본 개념
JavaScript의 자료형, 추상화 개념, 변수와 함수, 파라미터, return문 등 JavaScript 코드의 핵심적인 개념들을 학습합니다.
3
JavaScript 자료형
숫자형, 문자열, 불린형 등 다양한 자료형을 배우고 데이터를 다루는 기본기를 익힙니다. typeof, 형 변환, 템플릿 문자열 등을 통해 JavaScript의 자료형을 깊이 이해합니다.
3단계
JavaScript 제어문과 데이터 구조 학습하기
1
추상화
return과 console.log의 차이, 변수의 스코프 등 JavaScript에서 추상화 개념을 적용하는 방법을 배웁니다.
2
제어문
if, else, switch, for, while과 같은 조건문과 반복문을 통해 코드의 흐름을 제어하는 방법을 학습해요.
3
객체
JavaScript에서 객체를 생성하고, 속성에 접근하고 수정하는 기본적인 객체 다루기 기법을 배웁니다.
4
배열
배열과 배열 메소드, 다차원 배열을 사용해 데이터를 효율적으로 처리하는 방법을 배워 JavaScript에서 데이터 구조를 다루는 기본기를 익힙니다.
4단계
JavaScript 심화 개념 다루기
1
자료형 심화
return과 console.log의 차이, 변수의 스코프 등 JavaScript에서 추상화 개념을 적용하는 방법을 배웁니다.
2
프로그래밍과 데이터 심화 과제
팩토리얼, 거스름돈 구하기, 팰린드롬 등 다양한 문제를 풀며 JavaScript 프로그래밍 기술을 응용해 봅니다.
3
객체와 클래스
JavaScript의 객체 지향 프로그래밍 개념을 학습하고, Object-Literal, Factory Function, Constructor function 등 다양한 객체 생성 방법을 배웁니다.
4
객체 지향 프로그래밍의 4개의 기둥
추상화, 캡슐화, 상속, 다형성의 개념을 통해 객체 지향 프로그래밍의 기초 원칙을 다져 JavaScript로 객체를 효율적으로 설계하는 방법을 배웁니다.
5단계
컴퓨터 과학 기초와 JavaScript의 활용 확장하기
1
컴퓨터 들여다보기
컴퓨터의 구조와 이진법, 비트와 바이트 등 JavaScript 코드가 실행되는 기초적인 컴퓨터 원리를 배웁니다.
2
논리 연산과 회로 설계 기초
논리 연산을 이해하고, 회로 설계를 통해 컴퓨터 작동 원리에 대한 기초 이해를 돕습니다.
3
CPU
프로그램이 실행되는 CPU의 역할과 동작 방식을 배워 컴퓨터의 구조를 이해하고, 코드가 하드웨어와 상호작용하는 방식을 이해합니다.
4
컴퓨터의 성능
CPU 성능을 향상시키는 방법을 학습하며 코드 최적화에 대한 감각을 기릅니다.
5
컴파일러와 인터프리터
코드가 어떻게 컴파일되고 인터프리트되는지, 번역기의 역할을 배워 프로그래밍 언어의 특성을 이해합니다.
6
운영체제 개요
운영 체제의 역할과 다양한 종류를 통해 코드가 여러 플랫폼에서 어떻게 실행되는지 이해합니다.
7
네이티브 애플리케이션과 웹 애플리케이션
네이티브와 웹 애플리케이션의 차이점과 크로스 플랫폼의 필요성을 이해합니다.
“효과적인 학습을 위해 이런 포인트를 신경썼어요!”
JavaScript를 비롯한 프로그래밍 기초와 컴퓨터 구조에 대한 이해를 바탕으로 웹 개발의 핵심 기능을 직접 구현하고, 데이터를 처리하는 코드 작성까지 수행할 수 있습니다. 또한 시스템과 프로그램의 작동 방식 등 IT 원리에 대한 깊은 이해를 바탕으로 복잡한 문제를 해결하고 최적화할 수 있는 실무형 개발자로 성장할 수 있어요.
콘텐츠 PD 강그루
자체 제작 100% 고퀄리티 강의를 경험해 보세요
성의 없는 PPT 자료? 몰아치는 학습 내용? 코드잇엔 없습니다! 이해를 돕는 고퀄리티 시각 자료와 상세한 강의 내용을 체험해 보세요
수치로 증명된 성과
코드잇과 함께라면
누구나 끝까지 
완주할 수 있어요
누적 수강생
0123456789012345678901234567890123456789만명
1개 이상
강의 수료자 비중
0123456789012345678901234567890123456789%
전체 강의
평균 완주율
0123456789012345678901234567890123456789%
강사 정보 알아보기
최고의 강의력을 가진 강사진
콘텐츠 PD
강그루
강그루강그루
이력
  • 아주대학교 미디어학부
  • 전) 신의직장 Software Engineer
  • 전) 채널코퍼레이션 Software Engineer
CEO
강영훈
강영훈강영훈
이력
  • 다트머스 대학교 Computer Science 전공
  • 전) 더 벤처스 Software Engineer
  • 포브스 아시아 30세 이하 리더 30인 선정
콘텐츠 Lead
손동욱
손동욱손동욱
이력
  • 고려대학교 전기전자공학부/심화 전공
  • 전) LG전자 Software Engineer
콘텐츠 PD
성태호
성태호성태호
이력
  • 다트머스 대학교 Computer Science 전공
  • 코드잇 전략팀 Lead
코드잇과 함께 달려요
S급 인재가 되는 공부 습관
‘4S’ SYSTEM
S
hort
5분 내외의 짧은 강의로 부담 없이 공부
S
kill up
게임처럼 오르는 레벨 시스템으로 동기부여
S
et Pace
학습 속도를 체크해주는 페이스 메이커
S
et Goal
챌린지 목표를 설정하고 도전 욕구 UP!
S
hort
5분 내외의 짧은 강의

부담 없이 공부
S
kill up
게임처럼 오르는 레벨

시스템으로 동기부여
S
et Pace
학습 속도를 체크해주는

페이스 메이커
S
et Goal
챌린지 목표를 설정하고

도전 욕구 UP!
shortLshortMshortS
SkillUpLSkillUpMSkillUpS
SetPageLSetPageMSetPageS
SetGoalLSetGoalMSetGoalS
코드잇이 다 해결해 드려요
학습 방해 요소 0%
‘4ZERO’ SYSTEM
ZERO
Install
아무 설치 필요없이 자체 코딩 실행기로 실습
ZERO
Doubt
모르는 내용은 AI GURU에게 바로 질문
ZERO
PPT
PPT 시각 자료 NO! 고품질 인포그래픽 강의
ZERO
Wait
기다리지 말고 커뮤니티에 실시간 도움 요청
ZERO
Install
아무 설치 필요없이
자체 코딩 실행기로 실습
ZERO
Doubt
모르는 내용은

AI GURU에게 바로 질문
ZERO
PPT
PPT 시각 자료 NO!

고품질 인포그래픽 강의
ZERO
Wait
기다리지 말고 커뮤니티에

실시간 도움 요청
InstallZeroLInstallZeroMInstallZeroS
DoubtZeroLDoubtZeroMDoubtZeroS
PPTZeroLPPTZeroMPPTZeroS
WaitZeroLWaitZeroMWaitZeroS
확실한 동기 부여를 위해
다양한 혜택을 제공해요!
언제 어디서나 편하게 학습해요
수강 시 강의 자료집 제공
학습 효율 200%
JavaScript 치트 시트
자주 쓰는 JavaScript 문법을 정리했어요. 핵심만 담은 치트 시트로 편하게 공부하세요.
JavaScript 치트 시트JavaScript 치트 시트JavaScript 치트 시트
이해도 200%
HTML/CSS 치트 시트
자주 쓰는 태그와 문법을 정리했어요. 핵심만 담은 치트 시트로 편하게 공부하세요.
HTML/CSS 치트 시트HTML/CSS 치트 시트HTML/CSS 치트 시트
성장을 돕는 추가 혜택
시작부터 완주까지 함께하는 학습 지원 혜택
수강 혜택
1:1 밀착 학습 관리
코드잇 매니저가 학습 안내부터
완주까지
전화와 문자로
확실하게 관리해 드려요.
핸드폰과 사람
수강 혜택
수강생 전용 학습 커뮤니티
함께 학습 고민을 나누고 성장하세요. 코드잇 매니저가 운영을 도와드려요.
채팅
완주 혜택
NCS 인증 수료증
내 노력과 실력을 공식적으로 인정 받으세요.
학사모와 졸업장
완주 혜택
2개월 추가 수강 기간 제공
배운 내용을 온전히 내 것으로 만드세요.
쿠폰
완주 혜택
평생 소장하는 강의 노트
모든 강의 내용을 보기 좋게 정리해드려요.
노트와 펜
국비지원 받으려면 필수
내일배움카드로
0원에 모든 혜택을 누리세요
이미 갖고 있어요
내일배움카드내일배움카드
갖고 있지 않아요
카드에 물음표카드에 물음표
과정명
[스프린트 라이트] JavaScript 프로그래밍 기초
자주 묻는 질문
궁금한 점이 있으세요?

(주) 코드잇

대표강영훈

개인정보보호책임자강영훈

이메일support@codeit.kr

사업자 번호313-86-00797

통신판매업제 2019-서울중구-1034 호

주소서울특별시 중구 청계천로 100 시그니쳐타워 동관 10층 코드잇