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

JavaScript 프로그래밍 기초

모집 기한

2024-12-09 오전 7시선착순 마감

수강 일정

2024-12-09 ~ 2025-01-06 (4주)

수업 내용

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

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

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

수강 혜택

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

2개월 추가 수강 기간 제공

NCS 수료증 발급

국비지원 올해까지만 0원
내년부터 무료 수강 불가!

추가 특별 혜택

지금 수강하면 모두 받을 수 있어요!

5가지 혜택 외 AI 선생님, 수료를 돕는 챌린지와 페이스메이커까지 추가 혜택을 더 드려요.

공식적으로 인정하는

NCS 수료증 발급

고민을 함께 나누는

수강생 전용 커뮤니티

고민을 함께 나누는

수강생 전용 커뮤니티

복습으로 완성하는 실력

2개월 추가 수강 기간

강의 요약, 학습 보조 자료

목표 달성 자료집 제공

복습으로 완성하는 실력

2개월 추가 수강 기간

완주할 수 있게 도와주는

1:1 밀착 학습 관리

수강 후기

커리큘럼

수강 혜택

자주 묻는 질문

웹/앱 개발의 필수 관문,
탄탄한 JavaScript
기본기 완성

Next.js

웹 서비스에 최적화된 풀스택 프레임워크

Express.js

편리하게 서버, API 구성하는 백엔드 프레임워크

Node.js

JavaScript 백엔드부터 풀스택까지 확장 가능

React

빠르고 동적인 UI를 만드는 대표 라이브러리

Vue.js

배우기 쉬우면서도 강력한 프레임워크

전 세계 웹사이트의 98.8%가 사용

(2024년 9월 25일 기준)

방대한 양의 라이브러리와 프레임워크, 커뮤니티 지원

클라이언트와 서버 양쪽 모두 사용 가능

React, Vue.js, Angular 등 다양한 도구 사용 가능

웹 브라우저, 모바일 앱, 서버, 데스크톱 앱 개발도 가능

생동감 넘치는 웹사이트 구현에 필수적

웹 개발의 마스터 키를
단 4주 만에 손에 넣으세요

만능 언어 JavaScript,
어떻게 배우냐에 따라 실력은
천.지.차.이.

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

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

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

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

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

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

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

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

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

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

코드잇과 함께라면

누구나 쉽고 빠르게 목표를 달성할 수 있어요

현대인의 짧은 집중력에 최적화된

5분 내외 강의

*교육부 공식 블로그 - 마이크로러닝의 효과

10명 중 9명이 완주 성공!

90% 완주율

학습 주제에 적합한 시각 자료와 애니메이션으로

100% 자체 제작

AI 코칭, 커뮤니티 등
밀착 학습 관리로

4배 더 꾸준히

누적 수강생

40만+ 명

수강 후기

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

강의 평점

01234567890123456789.01234567890123456789점

누적 후기

0123456789012345678901234567890123456789만+개

수강생 만족도

0123456789012345678901234567890123456789%

코드잇은 차근차근 가이드라인을 제시해줘서 비전공자 입장에서 이해하기 좋았어요.

구글 개발자 성기홍 님

‘강의-실습’으로 학습 흐름이 끊기지 않고 유기적으로 이어진다는 점이 좋았어요.

토스 개발자 강승주 님

얌뚜

기초적인 부분을 확실히 할 수 있어서 좋았어요. 메소드 사용 방법과 객체형에선 주소값이 복사된다는 개념까지 잘 이해했어요.

전재민

꽤나 어려운 문제를 풀어보면서 그동안 배운 것을 이용해 답을 내면서 내가 개념을 어느정도 이해했다는 것을 확인도 하고, 동시에 어려운 문제를 틀리고 복기하는 과정에서 어느 부분에 대해 잘 모르는지 알았습니다.

2차성징

짧은 영상으로 많은 내용을 함축적으로 잘 설명해주셔서 귀담아듣게 되고, 들을수록 다음 학습이 더 기대되는 강의였어요.

코드용용

프로그래밍을 처음 배우시는 분에게 추천해요. 프로그래밍의 원리와 Javascript언어에 대해 쉽게 이해시켜주는 강의입니다.

당도최고멜론

javascript가 복잡하고 어려운 프로그래밍 언어라고 들었었는데, 차근차근 알려줘서 처음 배우는데도 잘 이해할 수 있었어요. bb

mksdr

JavaScript를 처음 배우는데, 중요한 핵심 문법을 이렇게 쉽게 배울 수 있다니 너무 감사합니다! Python을 배웠던 적이 있었는데, 프로그래밍 언어끼리 곂치는 부분도 있다는 걸 깨달았습니다. 정말 감사합니다.

하루마룬

자바스크립트 기초 관련해서 이해하기 쉽게 구성되어 있었어요. 짧은 강의 구성이라 시간 여유에 맞게 진도도 내 마음대로 밀 수 있는 점이 가장 좋았어요

lawrence

자바스크립트에서 중요하게 쓰이는 객체, 배열에 관해 알아볼 수 있는 수업입니다. 컴팩트한 강의로 지루함을 덜어줄 수 있다는 것이 장점이고, 예제의 난이도도 높지 않아 초보자 분들에게 강력히 추천하는 강의 중 하나입니다!

기업이 원하는 개발자로 거듭날 수 있는

코드잇만의
4 STEP 학습법

겉핥기식 학습법은 NO, 원리부터 제대로 배우고
실전 활용 능력까지 키울 수 있어요

STEP 1

배우고

5분 영상 강의로 쉽고 빠르게 배우기

STEP 2

이해하고

노트와 퀴즈로 개념 제대로 이해하기

STEP 3

실습하고

단계별 실습으로 내 것으로 만들기

STEP 4

프로젝트 완성!

실전 프로젝트 경험으로 실무 능력 쌓기

획득 스킬

프로그래밍 사고력을 완성하는 필수 역량 13가지

프로그래밍 기본 이해

프로그래밍의 핵심 개념 및 다양한 분야에 대한 이해

JavaScript 기초 문법

JavaScript의 기본 구문 및 프로그래밍 도구 활용

JavaScript 자료형

숫자형, 문자열, 불린형, null, undefined와 같은 기본 자료형 이해와 활용

형 변환 및 템플릿 문자열 활용

다양한 자료형 간 형 변환, 템플릿 리터럴 사용 능력.

제어문 활용 능력

if문, else if문, switch문, for문, while문의 이해와 활용

객체와 배열 조작

객체 생성 및 접근, 배열 메소드와 다차원 배열의 이해와 활용

객체 지향 프로그래밍 기초

객체 생성 방법과 객체 지향 프로그래밍의 기본 개념

객체 메소드 및 Date 객체 활용

객체의 메소드 정의와 활용, Date 객체를 이용한 시간 관련 데이터 처리

고급 자료형 조작

기본형과 참조형, 숫자형 메소드, 문자열 심화 메소드 활용

컴퓨터 구조 및 이진법 이해

컴퓨터 구조, 이진법, 비트와 바이트의 기본 원리 이해

논리 연산 및 회로 설계 기초

논리 연산, 회로 설계 기초, 기본 논리를 통한 데이터 연산

CPU와 프로그램 실행 원리 이해

CPU의 역할과 시스템 성능 지표, 프로그램 실행 원리에 대한 이해

컴파일러와 인터프리터 작동 방식 이해

코드의 컴파일과 실행, 인터프리터의 역할

프로그래밍 기본 이해

프로그래밍의 핵심 개념 및 다양한 분야에 대한 이해

JavaScript 기초 문법

JavaScript의 기본 구문 및 프로그래밍 도구 활용

JavaScript 자료형

숫자형, 문자열, 불린형, null, undefined와 같은 기본 자료형 이해와 활용

형 변환 및 템플릿 문자열 활용

다양한 자료형 간 형 변환, 템플릿 리터럴 사용 능력.

제어문 활용 능력

if문, else if문, switch문, for문, while문의 이해와 활용

객체와 배열 조작

객체 생성 및 접근, 배열 메소드와 다차원 배열의 이해와 활용

객체 지향 프로그래밍 기초

객체 생성 방법과 객체 지향 프로그래밍의 기본 개념

객체 메소드 및 Date 객체 활용

객체의 메소드 정의와 활용, Date 객체를 이용한 시간 관련 데이터 처리

고급 자료형 조작

기본형과 참조형, 숫자형 메소드, 문자열 심화 메소드 활용

컴퓨터 구조 및 이진법 이해

컴퓨터 구조, 이진법, 비트와 바이트의 기본 원리 이해

논리 연산 및 회로 설계 기초

논리 연산, 회로 설계 기초, 기본 논리를 통한 데이터 연산

CPU와 프로그램 실행 원리 이해

CPU의 역할과 시스템 성능 지표, 프로그램 실행 원리에 대한 이해

컴파일러와 인터프리터 작동 방식 이해

코드의 컴파일과 실행, 인터프리터의 역할

실전 프로젝트로
웹 개발 첫걸음부터 재밌게

PROJECT 1

넷플릭스 클론 코딩

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

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

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

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

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

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

PROJECT 2

틱택토 게임 만들기

HTML/CSS 기초 설정

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

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

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

게임 테스트와 디버깅

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

커리큘럼

JavaScript 프로그래밍 기초 최적의 학습 커리큘럼

프로그래밍 기초 이해하기

프로그래밍의 기초와 다양한 분야를 이해하고, 최신 기술 트렌드와 언어 활용법을 익혀요

프로그래밍의 개념과 활용 분야

코딩의 개념과 다양한 분야에서 프로그래밍을 어떻게 활용하는지 배워요.

프로그래밍 언어 이해

프로그래밍 언어가 무엇인지, 어떻게 언어를 분류할 수 있는지 배워요.

프로그래밍 최신 기술 트렌드

트렌드와 패러다임을 익혀 변화하는 기술 환경에 적응할 수 있어요.

JavaScript 마스터 하기

JavaScript의 기초 문법, 자료형, 제어문, 객체, 배열을 통해 데이터 구조와 흐름 제어를 익혀요

기초 문법과 자료형

변수, 함수, 자료형 등 JavaScript의 기본 개념과 데이터를 다루는 방법을 익힙니다.

제어문과 데이터 구조

조건문, 반복문을 통해 코드 흐름을 제어하고 객체와 배열로 데이터를 구조화합니다.

심화 개념과 객체 지향 프로그래밍

클래스와 객체 생성, 추상화, 상속 등 OOP 개념을 배워 JavaScript의 코드 재사용성을 높입니다.

컴퓨터와 소프트웨어 이해하기

컴퓨터 구조와 논리 연산, CPU, 운영 체제 등 컴퓨터 과학의 기초 원리를 배워요

컴퓨터의 작동 원리 이해

컴퓨터 구조와 이진법, 논리 연산 등 기본적인 원리를 배우며, 컴퓨터가 정보를 처리하는 방법을 이해해요.

프로세서와 성능 최적화

CPU와 저장 장치의 역할, 프로그램 실행 방식 등을 배우며, 컴퓨터 성능을 높이는 방법에 대해 배워요.

소프트웨어 실행과 운영 체제 역할

컴파일러와 인터프리터의 차이를 이해하고, 운영체제의 역할과 소프트웨어의 다양한 기능을 배워요.

상세 커리큘럼

1단계

프로그래밍 기초 이해하기

프로그래밍 입문자 가이드

프로그래밍의 정의와 개발자 커리어에 대해 배우며, 개발이 어떻게 이뤄지는지 이해합니다.

프로그래밍 분야들

웹 개발, 모바일 개발, 데이터 분석 등 다양한 프로그래밍 분야에 대해 알아보고, JavaScript가 주로 활용되는 분야를 탐색합니다.

프로그래밍 활용 방안

프로그래밍이 업무 자동화, 데이터 사이언스, 웹 개발에 웹 개발에 어떻게 쓰이는지 실제 예제와 함께 살펴봅니다.

프로그래밍의 다양한 분야

컴퓨터 사이언스와 소프트웨어 공학의 개념을 배우고, 개발에 필요한 기초 지식과 필수 프로그램에 대해 알아봅니다.

트렌드를 읽는 능력

기술이 변화하는 트렌드를 읽고 이에 대응하는 법을 살펴봅니다.

프로그래밍 언어 살펴보기

객체 지향 프로그래밍과 타입 시스템 등 기본 개념을 익히고, 각 프로그래밍 언어들이 어떤 특징과 패러다임을 가지고 있는지 비교해봅니다.

프로그래밍 언어 제대로 사용하기

프로그래밍 언어의 종류와 특징을 이해하고, 가독성 좋은 코드 작성법과 라이브러리·프레임워크 활용 방법을 배웁니다.

2단계

JavaScript 문법과 자료형 이해하기

자바스크립트 첫 걸음

JavaScript 언어 소개와 성장 과정, 기본적인 코드 작성 방법을 학습합니다.

자바스크립트 프로그래밍 기본 개념

JavaScript의 자료형, 추상화 개념, 변수와 함수, 파라미터, return문 등 JavaScript 코드의 핵심적인 개념들을 학습합니다.

JavaScript 자료형

숫자형, 문자열, 불린형 등 다양한 자료형을 배우고 데이터를 다루는 기본기를 익힙니다. typeof, 형 변환, 템플릿 문자열 등을 통해 JavaScript의 자료형을 깊이 이해합니다.

3단계

JavaScript 제어문과 데이터 구조 학습하기

추상화

return과 console.log의 차이, 변수의 스코프 등 JavaScript에서 추상화 개념을 적용하는 방법을 배웁니다.

제어문

if, else, switch, for, while과 같은 조건문과 반복문을 통해 코드의 흐름을 제어하는 방법을 학습해요.

객체

JavaScript에서 객체를 생성하고, 속성에 접근하고 수정하는 기본적인 객체 다루기 기법을 배웁니다.

배열

배열과 배열 메소드, 다차원 배열을 사용해 데이터를 효율적으로 처리하는 방법을 배워 JavaScript에서 데이터 구조를 다루는 기본기를 익힙니다.

4단계

JavaScript 심화 개념 다루기

자료형 심화

return과 console.log의 차이, 변수의 스코프 등 JavaScript에서 추상화 개념을 적용하는 방법을 배웁니다.

프로그래밍과 데이터 심화 과제

팩토리얼, 거스름돈 구하기, 팰린드롬 등 다양한 문제를 풀며 JavaScript 프로그래밍 기술을 응용해 봅니다.

객체와 클래스

JavaScript의 객체 지향 프로그래밍 개념을 학습하고, Object-Literal, Factory Function, Constructor function 등 다양한 객체 생성 방법을 배웁니다.

객체 지향 프로그래밍의 4개의 기둥

추상화, 캡슐화, 상속, 다형성의 개념을 통해 객체 지향 프로그래밍의 기초 원칙을 다져 JavaScript로 객체를 효율적으로 설계하는 방법을 배웁니다.

5단계

컴퓨터 과학 기초와 JavaScript의 활용 확장하기

컴퓨터 들여다보기

컴퓨터의 구조와 이진법, 비트와 바이트 등 JavaScript 코드가 실행되는 기초적인 컴퓨터 원리를 배웁니다.

논리 연산과 회로 설계 기초

논리 연산을 이해하고, 회로 설계를 통해 컴퓨터 작동 원리에 대한 기초 이해를 돕습니다.

CPU

프로그램이 실행되는 CPU의 역할과 동작 방식을 배워 컴퓨터의 구조를 이해하고, 코드가 하드웨어와 상호작용하는 방식을 이해합니다.

컴퓨터의 성능

CPU 성능을 향상시키는 방법을 학습하며 코드 최적화에 대한 감각을 기릅니다.

컴파일러와 인터프리터

코드가 어떻게 컴파일되고 인터프리트되는지, 번역기의 역할을 배워 프로그래밍 언어의 특성을 이해합니다.

운영체제 개요

운영 체제의 역할과 다양한 종류를 통해 코드가 여러 플랫폼에서 어떻게 실행되는지 이해합니다.

네이티브 애플리케이션과 웹 애플리케이션

네이티브와 웹 애플리케이션의 차이점과 크로스 플랫폼의 필요성을 이해합니다.

“효과적인 학습을 위해 이런 포인트를 신경썼어요!”

JavaScript를 비롯한 프로그래밍 기초와 컴퓨터 구조에 대한 이해를 바탕으로 웹 개발의 핵심 기능을 직접 구현하고, 데이터를 처리하는 코드 작성까지 수행할 수 있습니다. 또한 시스템과 프로그램의 작동 방식 등 IT 원리에 대한 깊은 이해를 바탕으로 복잡한 문제를 해결하고 최적화할 수 있는 실무형 개발자로 성장할 수 있어요.