← 준비

수업 1/4 ⏱ 5 분

필요한 것

좋은 소식: 거의 아무것도 없어. 컴퓨터, 브라우저, 그리고 뭔가를 만들고 싶은 충동.

필요한 세 가지

  1. 컴퓨터 – 오래된 컴퓨터라면 누구나 가능해. 윈도우든 맥이든 둘 다 괜찮어. 새롭거나 빠를 필요는 없어.
  2. 브라우저 – 인터넷을 보는 데 사용하는 프로그램야. Chrome, Safari, Firefox 또는 Edge – 모두 작동해. 너는 이미 이 페이지를 읽고 있어!
  3. 편집기 – 코드 작성을 위한 프로그램야. 다음 장에서 하나를 설치할 거야. 그것은 무료야.
💡
안타깝게도 태블릿이나 휴대폰으로는 문제가 해결되지 않어. 코드를 작성하려면 실제 키보드와 적절한 화면이 필요해.

시작하는 두 가지 방법

경로 A: 초고속 시작(설치 필요 없음)

프로그래밍을 맛보고 5분 안에 결과를 보고 싶어? codepen.io/pen을 열어봐 – 브라우저 안에서 바로 코딩할 수 있는 놀이터야, 설치할 것도 없어.

HTML이라고 표시된 왼쪽 상자에 다음을 입력해.

<h1>Hello, world!</h1>
<p>This is my first page.</p>

첫 번째 페이지가 바로 아래에 나타나. 축하해. 방금 뭔가를 프로그래밍했어! 🎉

경로 B: 적절한 워크숍(권장)

CodePen은 놀기엔 좋지만, 진짜 웹사이트는 네 컴퓨터에서 만들 거야. 그러려면 에디터가 필요해 – 바로 다음 장에서 설치할 거야. 10분 정도 걸리고 한 번만 하면 돼.

⚠️
**설치할 때는 어른에게 도움을 요청해.** 어린이가 혼자 컴퓨터에 프로그램을 설치하면 안 돼 – 부모님이 옆에 있어야 해. 이 페이지를 보여줘도 좋아, 모든 게 단계별로 적혀 있으니까.

이 장에서 배운 것