이런 분께 추천합니다

자바스크립트를 처음 배우거나, 책으로 시작했다가 막힌 분을 위한 기초 과정입니다. ChatGPT를 질문 상대로 삼아 이해될 때까지 반복합니다.

• 웹페이지에 움직임을 넣고 싶은 디자이너·퍼블리셔
• HTML·CSS는 알지만 자바스크립트는 처음인 분
• 개념은 알겠는데 직접 쓰면 막히는 입문자
• ChatGPT로 코딩 공부하는 방법을 배우고 싶은 분

이 강의에서 배우는 것

변수와 함수 같은 기본 문법부터 DOM 조작과 이벤트 처리까지, 화면에서 바로 확인되는 예제로 익힙니다.

• 변수·자료형·연산자와 조건문
• 반복문과 배열, 객체 다루기
• 함수 선언과 사용
• DOM으로 화면의 글자와 스타일 바꾸기
• 클릭·입력 이벤트로 동작 만들기

수업은 이렇게 진행됩니다

개념 설명, 예제 따라 하기, 스스로 바꿔 보기의 순서로 진행합니다. 모르는 부분은 ChatGPT에게 어떻게 물어볼지도 함께 배웁니다.

• 수업마다 브라우저에서 바로 실행되는 예제
• 좋은 질문 방법과 답변 검증 요령
• 오류 메시지를 읽는 연습
• 마지막 수업의 할 일 목록 만들기 프로젝트

수강 전에 알아 두세요

설치할 것은 코드 편집기와 브라우저뿐입니다. HTML·CSS 기초를 알고 있으면 더 쉽게 따라올 수 있습니다.

• ChatGPT의 답변이 틀릴 수 있다는 점을 늘 기억하세요
• 예제는 직접 타이핑해서 따라 하는 것을 권장합니다
• 막히면 문의 탭에 질문을 남겨 주세요

수강 후에는 이렇게 달라집니다

문법을 외우는 데서 그치지 않고, 코드의 흐름을 읽을 수 있게 됩니다.

• 간단한 웹 인터랙션을 직접 구현합니다
• 오류가 났을 때 원인을 좁혀 갈 수 있습니다
• 프론트엔드 입문 패키지로 이어 학습할 수 있습니다

이 강의만의 특징

모르는 것을 질문하는 방법까지 함께 배웁니다.

• 개념 설명 직후 바로 실행해 보는 예제
• ChatGPT에게 질문하고 답을 검증하는 요령
• 오류 메시지를 읽는 연습
• 마지막 수업의 할 일 목록 프로젝트

자주 묻는 질문

수강 전에 자주 받는 질문을 모았습니다.

Q. HTML·CSS를 몰라도 되나요?

알고 있으면 더 쉽지만 필수는 아닙니다.

Q. ChatGPT 유료 플랜이 필요한가요?

무료 범위에서도 실습할 수 있도록 구성했습니다.

Q. 수업 순서를 바꿔 들어도 되나요?

개념이 이어지므로 순서대로 듣기를 권장합니다.