코딩 기초
코딩은 개발자만의 기술이 아니라, 반복되는 일을 컴퓨터에게 맡기고 AI가 써 준 코드가 맞는지 따져 보는 기초 학력입니다. 설치 없이 브라우저에서 직접 실행하며 배웁니다.
AI 코딩 도우미에게 말로 부탁하면 몇 초 만에 코드가 나오는 시대입니다. 그런데 그 코드가 내가 원한 일을 정말 하는지, 비어 있는 자료나 경계의 값에서 틀리지 않는지, 비밀번호나 개인정보를 위험하게 다루지 않는지는 코드를 읽을 줄 알아야 판단할 수 있습니다. 또 매달 표를 정리하고, 텍스트 형식을 맞추고, 같은 계산을 되풀이하는 일은 몇 줄의 코드로 바꿀 수 있습니다. 이 과정은 전문 개발자가 되기 위한 과정이 아니라, 반복 작업을 직접 자동화하고 AI가 만든 코드를 스스로 검증할 수 있는 힘을 기르는 과정입니다.
과정은 생각의 틀(1강), 값과 흐름을 다루는 기본 문법(2~5강: 변수·조건문·반복문·함수), 데이터와 텍스트 다루기(6~7강), 오류를 읽고 고치는 법(8강), 실제 반복 작업을 코드로 바꾸는 자동화(9강), AI가 짠 코드를 읽고 테스트·보안·라이선스·개인정보 관점에서 검증하기(10강) 순서로 짜여 있습니다. 앞 강의에서 배운 것을 뒤 강의에서 계속 다시 쓰므로 차례대로 듣는 것을 권합니다.
언어는 JavaScript입니다. 모든 웹 브라우저에 실행기가 들어 있어 아무것도 설치하지 않고 바로 시작할 수 있습니다. 강의마다 코드 실습장이 있어 본문의 예제를 고쳐 실행해 보고, 빈칸을 채운 답을 채점받을 수 있습니다. 실습장의 코드는 여러분의 브라우저 안에서만, 페이지와 분리된 안전한 공간(샌드박스)에서 실행되며 서버로 보내지지 않습니다.
- 엑셀 정리·텍스트 수정처럼 매번 손으로 되풀이하는 일을 줄이고 싶은 분
- AI 코딩 도우미가 써 준 코드를 그대로 붙여 넣기 전에 맞는지 확인하고 싶은 분
- 코딩을 처음 배우거나, 예전에 시작했다가 문법에서 막혀 그만둔 분
- 개발자와 함께 일하며 코드와 오류 메시지가 무슨 뜻인지 알아듣고 싶은 분
강의 목록
-
1강
🧭 프로그램이란 — 일을 순서·조건·반복으로 쪼개는 생각
프로그래밍은 어려운 수식이 아니라, 하고 싶은 일을 컴퓨터가 오해할 수 없을 만큼 작고 분명한 단계로 쪼개는 일입니다. 그 단계는 결국 순서·조건·반복 세 가지로 이루어집니다.
약 18분 -
2강
📦 값·변수·자료형 — 이름표를 붙여 값을 다루기
프로그램은 값을 받아 바꾸고 내놓는 일의 연속입니다. 값에는 종류(자료형)가 있고, 변수는 그 값에 붙이는 이름표입니다. 종류가 다른 값을 섞을 때 생기는 자동 변환이 초보자 실수의 큰 몫을 차지합니다.
약 20분 -
3강
🔀 조건문 — 상황에 따라 다른 길로 가기
조건문은 알고리즘의 두 번째 재료인 '조건'을 코드로 쓰는 방법입니다. 조건을 정확히 쓰는 일의 대부분은 경계에서 어느 쪽으로 갈지를 분명히 정하는 일입니다.
약 20분 -
4강
🔁 반복문 — 같은 일을 정확히 여러 번 시키기
반복문은 '무엇을 반복할지'와 '언제 멈출지'를 함께 적는 문법입니다. 합계·개수를 쌓는 두 가지 패턴과 끝 조건을 확인하는 습관만 익혀도 반복 작업 대부분을 코드로 옮길 수 있습니다.
약 20분 -
5강
🧩 함수 — 이름 붙인 작은 기계로 나누기
함수는 입력을 받아 처리한 뒤 결과를 돌려주는 이름 붙은 코드 묶음입니다. 결과는 `console.log`로 찍는 것이 아니라 `return`으로 돌려주어야 다른 코드가 이어서 쓸 수 있고, 그래야 테스트하기도 쉬워집니다.
약 22분 -
6강
🗂️ 배열과 객체 — 데이터를 담고 다루기
배열은 순서가 있는 목록이고, 객체는 이름(키)으로 값을 찾는 묶음입니다. 둘을 합친 '객체의 배열'은 표와 같아서, 반복문과 `map`·`filter`·`reduce`로 합계를 내고 원하는 행을 골라낼 수 있습니다.
약 24분 -
7강
🔤 문자열·텍스트 처리 — 글자를 자르고 찾고 바꾸기
문자열은 글자가 순서대로 늘어선 값이고, JavaScript는 자르기·찾기·나누기·바꾸기 메서드를 기본으로 갖추고 있습니다. 메서드는 원래 문자열을 바꾸지 않고 새 문자열을 돌려준다는 점, 그리고 `length`가 '눈에 보이는 글자 수'와 늘 같지는 않다는 점이 핵심입니다.
약 20분 -
8강
🐞 디버깅과 오류 읽기 — 빨간 글씨를 단서로 바꾸기
오류 메시지는 '이름: 설명'과 줄 번호로 어디서 무엇이 잘못됐는지 알려 줍니다. 메시지를 끝까지 읽고, 값을 찍어 확인하고, 가설을 하나씩 지워 가면 대부분의 버그는 생각보다 빨리 잡힙니다.
약 22분 -
9강
⚙️ 간단한 자동화 예제 — 표 계산과 텍스트 정리를 코드로
지금까지 배운 값·조건·반복·함수·배열·문자열을 모아 실제로 쓸 만한 작은 자동화를 만듭니다. 손으로 하던 집계와 정리를 코드로 옮기되, 원본을 지키고 결과를 직접 확인하는 습관을 같이 들입니다.
약 22분 -
10강
🔍 AI가 짠 코드 읽고 검증하기 — 테스트·보안·라이선스·개인정보
AI가 짠 코드는 그럴듯해 보여도 경계 경우에서 틀리거나 보안상 위험할 수 있습니다. 코드를 읽고, 직접 만든 테스트로 확인하고, 비밀 정보·패키지·라이선스·개인정보를 점검하는 것이 코드를 쓰는 사람의 몫입니다.
약 24분