Season 01 -01 움직인다! 내 첫 코드

🚀 시즌01-01 | 움직인다! 내 첫 코드

“오늘, 세상이 내 손끝에서 반응하기 시작했다”

코딩스타랩의 첫 번째 미션.
오늘 리온, 세이, 딕은 자신들의 손끝에서 ‘움직임’이 만들어지는 순간을 처음으로 경험한다. 그리고 그 작은 화면 안의 “움직임”이, 아이들의 마음속 ‘호기심’을 깨운다.

---

🧭 1. 코드의 문을 열다

“이거… 진짜 내가 움직이게 할 수 있을까?” 리온이 조심스럽게 키보드를 만지작거린다. 세이는 옆에서 화면의 색을 바꾸려 하다가 실패했고, 딕은 갑자기 `alert("Hello!")`를 입력해 버린다.

모니터에 커다랗게 뜬 한 줄의 글자.

alert("Hello!");

순간, 컴퓨터가 그들에게 인사했다. 세이는 깜짝 놀라며 소리쳤다. “우와! 진짜 말 걸었어!” 딕은 웃으며 외친다. “봐봐, 내가 코드로 인사했잖아!”

그때 리온의 눈이 반짝였다.
“이게 바로 ‘움직인다’는 거구나.”

---

💡 2. Hello World — 모든 시작의 문장

세상 모든 프로그래밍 언어는 “Hello, World!”라는 말로 시작한다. 이건 단순한 문장이 아니라, “너와 내가 이제 연결됐다”는 신호다.

HTML 파일을 만들어보자.

Hello, World!

세이의 손끝이 떨린다. 딕은 기다리지 못하고 저장 버튼을 누른다. 그리고 — 화면에 팝업이 떴다.

“Hello!”

그 작은 인사 한 마디가 세 아이의 세상을 바꿔버렸다.

---

🧠 3. 연결의 순간 — HTML과 JS

리온은 궁금했다.
“근데, HTML은 뭐고, JavaScript는 뭐야?”

세이는 “둘 다 컴퓨터 언어잖아?”라고 말했지만, 딕이 대답했다. “HTML은 세상을 보여주는 창문이고, JavaScript는 그 안에서 움직이는 손이야.”

리온이 정리했다.
“그럼 이렇게 이해하면 되겠네. HTML은 구조, JS는 행동. 둘이 함께 움직여야 세상이 살아있어.”

그 말에 세이는 고개를 끄덕였다. “사람이 뼈와 근육이 있어야 걷는 것처럼?” 리온이 미소 지었다. “정확해.”

--- ---

🪄 4. 움직임을 만들어보자

이번엔 조금 더 나아가보자.
버튼을 누르면 화면의 문장이 바뀌도록 해보자.

Hello!

세이는 버튼을 눌렀다.
화면의 글자가 바뀌었다.

“움직인다!” 세 단어가 모니터 위에서 반짝였다. 딕은 소리쳤다. “우리 진짜 해냈다!”

리온이 살짝 미소 지으며 말했다.
“이건 단순한 코드가 아니야. 우리가 ‘움직임’을 만들어낸 거야.”

---

🎯 5. 오늘의 미션 정리

• HTML은 구조를 만든다.
• JavaScript는 행동을 만든다.
• `alert()`은 컴퓨터의 첫 인사다.
• 버튼 클릭 = 이벤트 → 반응이 만들어진다.
• 코드는 생각을 ‘눈에 보이게’ 한다.

오늘의 미션을 성공적으로 마친 세 친구는 다음 실험을 위해 노트를 덮으며 말했다.

“내일은 더 크게 움직여보자.”

--- ---

🌍 English Summary (≈500 words)

Season01-01: "It Moves! My First Code"
In this first mission, Leon, Sei, and Dick experience the joy of making their first line of code come alive. Through a simple “Hello, World!” script, they realize that HTML builds the structure while JavaScript creates motion. A small alert box saying “Hello!” becomes their first connection to a responsive digital world. The lesson teaches them that programming is not about commands but about communication — between logic, imagination, and curiosity. Together, they learn that a single line of code can make the universe move, starting their long journey through the world of creative coding. MAKE · PLAY · DREAM.

---

© 2025 CodingStar Lab | MAKE · PLAY · DREAM | by endic

#코딩스타랩 #코딩교육 #리온세이딕 #초등코딩 #자바스크립트기초 #미션학습 #창의교육 #AI교육 #코딩놀이 #HelloUniverse #움직인다내첫코드