AiWithU배우기
배우기· 1️⃣ 1장. 프로그램의 첫걸음메뉴
배우기 · 1장. 프로그램의 첫걸음

기초 지식 2 / 21

웹 프로그램의 세 친구

HTML은 뼈대, CSS는 옷, JavaScript는 움직임이에요.

작업실에서 만드는 프로그램은 '웹 프로그램'이에요. 인터넷 창(브라우저)에서 돌아가요. 웹 프로그램은 세 친구가 힘을 합쳐 만들어요.

  • HTML (index.html): 집의 뼈대와 벽. 제목, 버튼, 입력칸이 '어디에 무엇이 있는지' 정해요.
  • CSS (style.css): 페인트와 인테리어. 색, 크기, 위치를 정해 예쁘게 꾸며요.
  • JavaScript (app.js): 전기와 스위치. 버튼을 누르면 불이 켜지듯, '누르면 무슨 일이 생기는지' 정해요.

작업실의 '코드' 탭을 열면 index.html, style.css, app.js 세 파일이 보여요. 지금 배운 세 친구예요!

내 프로그램에서 찾아보기

작업실 '코드' 탭에서 이 글자를 찾아보세요.

index.htmlstyle.cssapp.js

🧩 이 내용이 나오는 따라 만들기

  • 점심 메뉴 룰렛1단계 원판 그리기