학습 자료

자바스크립트(JavaScript)란?

자바스크립트(JavaScript)는 웹사이트에 동적인(Dynamic) 기능을 추가하는 프로그래밍 언어로, 웹페이지의 뇌와 같습니다.

여기서 동적인 기능은 무엇을 뜻할까요?

동적인 기능의 예시는 아래와 같습니다.


이벤트(Event) 처리

이벤트란 사용자가 웹사이트에서 취하는 행동을 의미합니다.

자바스크립트를 사용하면 웹사이트가 버튼 클릭(Click), 마우스 올려 놓기(Hover), 키보드 입력(Keydown)과 같은 이벤트에 반응하도록 할 수 있습니다.

예를 들어, 버튼을 클릭하면 버튼의 색상이 바뀌는 것과 같은 동작이 실행되도록 만들 수 있습니다.


웹 양식(Form) 검증

웹페이지의 로그인 폼과 같은 입력 양식의 데이터를 검증합니다.

예를 들어입력한 값이 이메일인지, 비밀번호가 6글자 이상인지 체크할 수 있습니다.


애니메이션 효과

CSS와 함께 웹페이지에 애니메이션을 추가할 수 있습니다.

예를 들어 특정 HTML 요소가 서서히 나타나게 하거나, 지정된 시간 이후에 등장하게 만들 수 있습니다.


데이터 가져오기/전송하기

동적인 웹 콘텐츠를 제공하는 서버(Server)에서 원하는 데이터를 가져와 웹페이지에 표시하거나, 서버에서 필요한 데이터를 보낼 수 있습니다.


자바스크립트는 HTML과 CSS와 함께 웹페이지를 구성하는 필수적인 요소입니다.


자바스크립트는 브라우저에 표시되는 웹페이지뿐만 아니라 웹 서버, 모바일 앱, 데스크톱 앱 등 응용 소프트웨어(애플리케이션) 분야에 광범위하게 사용되는 인기 프로그래밍 언어입니다.


실습

코드의 별표로 강조된 부분을 따라 입력해 보세요.

Mission
0 / 1

빈칸에 들어갈 가장 적절한 단어는 무엇일까요?

자바스크립트(JavaScript)는 웹사이트에 기능을 추가할 수 있는 프로그래밍 언어입니다.
정적
동적인
고정적인
반응형

학습 자료

AI 튜터

디자인

업로드

수업 노트

즐겨찾기

도움말

HTML
CSS
JavaScript
Loading...