발행·공식 자료 확인 · 여기여 편집
코딩을 처음 배울 때는 사이트를 많이 저장하는 것보다 이번 주에 남길 결과물을 하나 정하면 강좌를 고르기 쉽습니다. 웹페이지 한 장을 만들고 싶은지, 컴퓨터의 원리를 이해하고 싶은지, 블록으로 움직이는 작품을 만들고 싶은지부터 골라 보세요. 여기여는 생활코딩·부스트코스·EBS 이솦의 공식 강좌 안내와 목차를 확인해 시작점을 비교했습니다. 아래 실습과 시간표는 여기여가 제안하는 학습 예시입니다.
목적에 따라 시작점을 고르세요
웹페이지를 직접 열어 보고 싶다면 생활코딩 WEB1부터, 개념을 순서대로 배우고 싶다면 부스트코스 CS50부터 살펴보세요. 타이핑보다 블록을 조합하는 방식이 편하다면 이솦의 엔트리 강좌가 다른 출발점이 됩니다. 아래 결과물은 강좌의 공식 과제명이 아니라 배운 내용을 확인하기 위한 제안입니다.
| 서비스·시작 강좌 | 공식 안내에서 확인한 구성 | 준비할 것 | 첫 결과물 제안 |
|---|---|---|---|
| 생활코딩 · WEB1 - HTML & Internet | 태그·문서 구조·링크를 배우고 웹사이트와 호스팅으로 이어지는 목차 | 컴퓨터, 웹브라우저, 일반 텍스트 편집기 | 제목·문단·링크가 있는 내 소개 페이지 |
| 부스트코스 · 모두를 위한 컴퓨터 과학 (CS50 2019) | 컴퓨팅 사고·스크래치부터 C·알고리즘·자료구조까지 단계별 목차와 퀴즈 | 강의를 볼 브라우저와 메모 도구, 실습 전 현재 IDE 안내 확인 | 숫자 5를 2진법으로 설명한 메모 또는 스크래치 미니 작품 |
| EBS 이솦 · 엔트리 기초 프로그래밍 1탄 | 엔트리를 사용하는 18개 강의·6개 과제의 상시 강좌 | 컴퓨터와 브라우저, 강좌 맛보기와 블록코딩 화면 확인 | 시작하면 인사하거나 움직이는 블록 작품 |
생활코딩: HTML 파일 한 장에서 시작하기
WEB1은 영상과 글 설명을 함께 제공하며, 공식 목차에 ‘HTML 코딩 실습 환경 준비’와 ‘기본 문법 - 태그’가 있습니다. 설명을 읽은 뒤 코드를 조금 바꾸고 브라우저에서 결과를 확인하는 순서로 접근해 보세요. 강좌 안내에는 비용 없이 공부할 수 있다고 명시되어 있습니다.
처음의 목표는 멋진 디자인보다 내가 입력한 제목과 문단이 화면에 표시되는지 확인하는 것으로 잡습니다. 한글이 깨지면 UTF-8 저장을, 코드가 그대로 보이면 파일 이름과 확장자를 확인하세요. 아래 HTML 예제는 별도 서버 없이 컴퓨터에서 열어 보는 연습에 사용할 수 있습니다.
부스트코스: 첫 강의가 코드 작성이 아니어도 괜찮습니다
‘모두를 위한 컴퓨터 과학 (CS50 2019)’은 입문 강좌로 표시되어 있습니다. 컴퓨팅 사고 부분에서 2진법·정보의 표현·알고리즘을 다룬 뒤 스크래치로 이어지고, 이후 C언어와 자료구조를 배웁니다. 개념을 체계적으로 이해하려는 사람은 오리엔테이션과 첫 단원을 먼저 확인해 보세요.
처음 남길 결과물은 0과 1로 숫자를 표현하는 짧은 메모여도 충분합니다. 예를 들어 5가 101인 이유를 4+1로 설명해 보고, 다음에는 6을 어떻게 적는지 스스로 확인합니다. 코딩 실습에 들어갈 때는 강좌의 ‘코딩 실습 과제 & 실습 IDE 사용 안내’를 먼저 읽으세요. 수강·퀴즈·진도 기록에 필요한 계정 조건은 해당 화면에서 확인합니다.
EBS 이솦: 블록으로 동작 순서를 눈에 보이게 만들기
‘애니메이션을 보며 공부하는 엔트리 기초 프로그래밍 1탄!’은 공식 화면에서 강좌 구성과 맛보기, 수강신청을 확인할 수 있습니다. 이솦은 별도 블록코딩 메뉴에서 엔트리와 스크래치 실습 도구를 안내합니다. 강좌를 보는 화면과 작품을 만드는 화면을 함께 열면 배운 동작을 따라 확인하기 편합니다.
첫 연습은 ‘시작하면 인사하기’처럼 한 동작으로 잡아 보세요. 그다음 이동을 하나 더 붙여 실행 순서를 바꿔 보고, 결과가 어떻게 달라지는지 기록합니다. 작품을 계속 수정하려면 저장 위치와 다시 여는 방법을 먼저 확인하세요. 강좌 수강과 작품 저장의 로그인 조건은 각각의 화면에서 확인해야 합니다.
30분 시작 계획: 강좌 완강보다 작은 확인 하나
아래는 첫 학습 시간을 나누는 예시입니다. 기기 준비와 이해 속도에 따라 더 걸릴 수 있으므로 30분 안에 완성해야 할 과제로 생각하지 않아도 됩니다. 강의 재생 시간과 따라 만드는 시간은 따로 잡으세요.
- 처음 5분: 소개 페이지·개념 메모·블록 작품 중 첫 결과물을 하나 고르고 시작 강좌를 엽니다.
- 다음 10분: 생활코딩은 환경 준비와 태그, 부스트코스는 2진법, 이솦은 맛보기와 첫 학습 항목을 확인합니다. 끝까지 보기보다 이해한 부분을 적습니다.
- 다음 10분: 제목 한 줄 바꾸기, 다른 숫자를 2진법으로 적기, 블록 동작 하나 바꾸기 중 선택한 강좌에 맞는 일을 합니다.
- 마지막 5분: 파일이나 작품을 저장하고 다시 열어 봅니다. 막힌 점 하나와 다음에 할 작은 변경 하나를 적습니다.
바로 저장해서 열어 보는 첫 HTML 예제
일반 텍스트 편집기에 아래 내용을 붙여 넣고 UTF-8 형식의 my-first-page.html 파일로 저장하세요. Windows에서는 저장 형식을 ‘모든 파일’로 선택하고, macOS 텍스트 편집기에서는 일반 텍스트 모드로 작성하면 됩니다. 저장한 파일을 브라우저로 열어 제목·문단·목록·링크를 확인합니다.
파일이 my-first-page.html.txt로 저장되면 원하는 HTML 문서로 열리지 않을 수 있습니다. 파일 확장자를 확인해 .html로 끝나게 하세요. 첫 실행 후 ‘내 첫 웹페이지’를 다른 제목으로 바꾸고 저장한 다음 브라우저를 새로고침합니다. 화면의 제목까지 바뀌면 수정과 확인의 한 과정을 마친 것입니다. 이 예제는 내 컴퓨터에서 여는 문서이며, 인터넷 공개는 이후 호스팅을 배울 때 진행하면 됩니다.
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>나의 첫 웹페이지</title>
</head>
<body>
<h1>내 첫 웹페이지</h1>
<p>오늘은 제목과 문단을 만들었습니다.</p>
<h2>다음에 해 볼 일</h2>
<ul>
<li>이 문장을 내 소개로 바꾸기</li>
<li>생활코딩에서 링크 태그 배우기</li>
</ul>
<a href="https://opentutorials.org/course/3084">WEB1 수업 열기</a>
</body>
</html>다음 강좌를 고르는 기준은 내가 바꾼 부분입니다
첫 수업 뒤에는 ‘무엇을 봤는가’와 함께 ‘내가 무엇을 바꿨는가’를 적어 보세요. 제목을 바꿀 수 있다면 문단과 링크를 더하고, 블록의 실행 순서를 바꿀 수 있다면 반복 동작을 시도합니다. 설명을 들을 때 이해했지만 혼자 바꾸기 어렵다면 해당 부분을 다시 보는 편이 다음 강좌를 더 저장하는 것보다 도움이 됩니다.
스마트폰으로는 소개와 강의를 먼저 살펴보고, 파일 편집이나 블록 조작을 할 때 컴퓨터를 준비하는 방식도 가능합니다. 이번 주에 쓸 수 있는 시간과 기기를 기준으로 한 강좌를 정해 보세요. 공식 강좌 구성은 2026년 10월 13일 확인했으며, 다음 학습을 시작할 때는 각 강좌의 현재 공지와 실습 안내를 함께 확인합니다.
읽고 남길 메모
첫 수업을 마친 뒤 아래 네 가지를 적으면 다음에 이어 하기 쉽습니다.
- 선택한 강좌와 다음에 열 학습 주소
- 내가 저장한 파일 이름 또는 작품 위치
- 직접 바꿔 보고 확인한 부분
- 막힌 점 한 가지와 다음 작은 작업
메모는 자신의 기록장에 남겨 두세요. 여기여 페이지에 입력하거나 전송할 필요는 없습니다.
함께 확인할 공식 자료
이어서 찾아보기
글 편집: 여기여 · 2026-10-13
공식 공개 안내와 편집 예제를 바탕으로 작성했습니다. 제공 기능·수강·관람 조건은 연결된 운영사의 현재 안내를 확인하세요.