If you're seeing this message, it means we're having trouble loading external resources on our website.

웹 필터가 올바르게 작동하지 않으면 도메인 *. kastatic.org*.kasandbox.org이 차단되어 있는지 확인하세요.

주요 내용

인터랙티브 웹 페이지 만들기에 오신 걸 환영합니다

동영상 대본

이 수업에서는 상호적인 웹을 만드는법을 배울 거에요 간단한 HTML과 CSS페이지로 시작할거고 그리고 수정을 위해 JavaScript를 추가할 거예요 단어 게임이나 슬라이드쇼 무한한 앨범이나 그리기 프로그램을 만들기 위해서요 웹에서 봤을만한 것들을 만들 수 있어요 그러려면 JavaScript라는 언어를 사용할 거예요 근데 약간 헷갈릴 수도 있어요 다른 데서 JavaScript에 대해 배웠다면요 알겠지만 JavaScript는 원래 브라우저에서 상호적인 웹을 위해 제작되었어요 하지만 요즘에는 JavaScript를 매우 다양한 곳에서 사용할 수 있어요 웹페이지를 수정하고 사용자 데이터를 저장하는 백엔드 서버의 전원공급을 위해 사용할 수 있습니다 아니면 이미지를 수정하는 스크립트를 쓸 수도 있고 스프레드시트의 데이터를 가공할 수도 있고 로봇을 조종할 때도 사용할 수 있어요 칸아카데미에서 JavaScript를 배웠다면 'ProcessingJs' 환경에서 그리기나 애니매이션 효과를 만들 때 배웠을 거예요 코드 아카데미같은 다른 곳에서 배웠다면 간단한 명령어 환경에서 배웠을 거에요 각 환경에는 각자의 기능과 전역 변수가 있어요 예를 들어 ProcessingJS에서는 그리기 효과를 주는 많은 함수들이 있어요 채우기, 원, 마우스 클릭과 텍스트 같은 것들요 웹페이지 환경에서는 브라우저는 상호적인 웹을 만드는 함수들을 제공해요 getElementById, setInterval 이벤트 효과 추가 같은 것들요 함수들에 대해서 곧 배우게 될 거예요 그리고 여러분의 웹페이지에 사용할 수 있게 될 거예요 멋진 상호적인 웹페이지로 변신하게 되겠죠?