AI 코딩밸리

자바스크립트 첫걸음

변수·조건문·반복문으로 JS 기초 완성

강의

34

퀴즈

11

코드 실습

18

프로젝트

4

한눈에 보는 코스 소개

코딩의 기초를 다지는 자바스크립트 첫 문법

코딩의 기초를 다지는 자바스크립트 첫 문법

코딩을 시작하고 싶은데,
어떤 언어로, 어떤 문법부터 시작해야 할지 막막하셨나요? 변수·자료형·조건문·반복문부터 함수까지
모든 프로그래밍에 통하는 기초 문법을
자바스크립트로 탄탄히 다져봐요.

변수와 자료형

변수와 자료형으로
데이터 다루기

let과 const로 값을 담고, 문자열·숫자·객체·
배열 같은 다양한 자료형을 다루는 법을 배워요.
앞으로 배울 문법의 바탕이 되는 기본기예요.

조건문과 반복문

조건과 반복으로
코드의 흐름 만들기

if·삼항 연산자로 상황에 따라 동작하고,
for·while 반복문으로 같은 작업을 자동화해요.
프로그램의 흐름을 직접 제어하는 법을 배워요.

함수와 모듈

함수와 메서드로
나만의 기능 만들기

함수로 코드를 묶어 재사용하고,
문자열·배열 등 메서드를 활용해요.
필요한 기능을 코드로 직접 만드는 법을 익혀요.

코딩이 처음이라면,
자바스크립트 첫걸음

코딩을 시작하고 싶은데,
어떤 언어로, 어떤 문법부터 시작해야 할지 막막하셨나요?

변수·자료형·연산자·조건문·반복문부터 함수와 메서드까지
모든 프로그래밍에 통하는 기초 문법을 자바스크립트로 탄탄히 다져요.


코드를 읽고 쓰는 힘이 자연스럽게 쌓여,
AI로 쉽게 웹을 만드는 시대에도 그 코드를 이해하고 다룰 수 있어요.

변수와 자료형변수와 자료형

변수와 자료형으로
데이터 다루기

let과 const로 값을 담고, 문자열·숫자·객체·
배열 같은 다양한 자료형을 다루는 법을 배워요.
앞으로 배울 문법의 바탕이 되는 기본기예요.

조건문과 반복문조건문과 반복문

조건과 반복으로
코드의 흐름 만들기

if·삼항 연산자로 상황에 따라 동작하고,
for·while 반복문으로 같은 작업을 자동화해요.
프로그램의 흐름을 직접 제어하는 법을 배워요.

함수와 모듈함수와 모듈

함수와 메서드로
나만의 기능 만들기

함수로 코드를 묶어 재사용하고,
문자열·배열 등 메서드를 활용해요.
필요한 기능을 코드로 직접 만드는 법을 익혀요.

스페셜 포인트

스토리로 이해하는 학습 개념
이제 일상 속 재밌는 이야기로 만나보세요

학습만화로 공부에 흥미를 붙였던 경험처럼
이제 일상 속 재밌는 이야기를 통해 이해하고 학습하세요

코스 요약툰 썸네일학습 드라마 요약툰 자세히 보기
코스 요약툰 이미지

한눈에 보는 코스 특장점

변수·자료형부터 조건문·반복문, 함수 활용까지

변수·자료형부터 조건문·반복문, 함수 활용까지

Point 1
전문가의 강의를 통해
JavaScript 첫걸음을 시작해요
Point 2
꼼꼼한 코드 해설을 바탕으로
JS 코드 프로젝트를 완성해요

필요한 개념을 모두 담은 탄탄한 커리큘럼

드라마로 재밌게 개념을 익히고, 알짜배기 강의로
하나씩 클리어 해나가다보면 어느새 완강!

  • 코스 소개
    강의
  • 풀스택 마스터, 자바스크립트! (1)
    학습 드라마
  • 1. Hello, JavaScript
    강의
  • 2. 개발자 도구 이용하기
    강의퀴즈
  • 3. 자바스크립트 연결하기
    강의코드 실습
  • 4. let
    강의코드 실습
  • 5. const
    강의코드 실습
  • [프로젝트 1] 변수를 활용한 강아지 정보 변경
    프로젝트
  • 6. 변수 이름 정하기
    강의퀴즈
  • 7. 그 외 규칙들
    강의퀴즈
  • 8. 문자열
    강의코드 실습
  • 9. 숫자형
    강의퀴즈
  • 10. 논리형, undefined, null
    강의코드 실습
  • 11. 참조와 객체
    강의퀴즈
  • [프로젝트 2] 크리스마스 파티 초대장
    프로젝트
  • 12. 계산에 필요한 연산자
    강의퀴즈
  • 13. 비교, 논리 연산자
    강의코드 실습
  • 풀스택 마스터, 자바스크립트! (2)
    학습 드라마
  • 14. if 문
    강의퀴즈
  • 15. if...else 문
    강의코드 실습
  • 16. else if 절과 중첩 if 문
    강의코드 실습
  • 17. switch 문
    강의코드 실습
  • 18. 삼항 연산자
    강의코드 실습
  • [프로젝트 3] 나이 & 성별 판독기
    프로젝트
  • 19. 객체 접근하기
    강의퀴즈
  • 20. 배열
    강의퀴즈
  • 21. 배열 요소 추가와 삭제
    강의코드 실습
  • 22. for 문
    강의코드 실습
  • 23. while 문
    강의코드 실습
  • [프로젝트 4] 도서 검색 프로그램
    프로젝트
  • 24. 함수 선언과 호출
    강의코드 실습
  • 25. 함수의 구성 요소
    강의퀴즈
  • 26. 함수 표현식과 화살표 함수
    강의코드 실습
  • 27. 문자열 메서드
    강의코드 실습
  • 28. 배열 메서드
    강의코드 실습
  • 29. 날짜 메서드
    강의퀴즈
  • 30. 수학 메서드
    강의코드 실습
  • 핵심 요약 & 마무리
    강의

강사님을 소개해요

코딩 초보 탈출을 도와줄 대표 강사님이에요.

이경민

이경민

비전공자 맞춤 코딩 강의

  • AI 코딩밸리 웹 개발 강사
  • 웹 개발 강의 100개 이상 진행
  • 국가 인증 NCS 과정 책임 강사 자격 취득

국가 인증 NCS 과정 책임 강사 자격을 취득하고 웹 개발 과정을 100개 이상 진행해 온 검증된 강사입니다. 초보자들이 어려워하는 부분을 누구보다 잘 알기에 쉽고 재미있게 자바스크립트를 이해할 수 있도록 도와드리겠습니다.

  • AI 코딩밸리 웹 개발 강사
  • 웹 개발 강의 100개 이상 진행
  • 국가 인증 NCS 과정 책임 강사 자격 취득

같이 공부하면 좋아요

웹 개발의 시작 HTML

웹 개발이 궁금한 초심자를 위한 HTML 코스
STEP 1
21
웹 개발의 시작 HTML

스타일 산다 CSS

웹 페이지에 세련된 스타일을 더하는 CSS 코스
STEP 2
31
스타일 산다 CSS

이어서 공부하길 추천해요

자바스크립트 핸즈온

학습 드라마와 함께 자바스크립트를 실습하는 코스
STEP 2
32
자바스크립트 핸즈온

JS 웹 기초

웹 개발 만능 언어, 자바스크립트를 배우는 코스
STEP 3
20
JS 웹 기초

자바스크립트 첫걸음

강의34
·
실습32