한눈에 보는 정의
웹페이지에 동작을 더하는 프로그래밍 언어. 클릭 반응, 화면 변경, 데이터 불러오기 등을 맡는다.
이런 말로 들어요
- 메뉴 열고 닫는 건 자바스크립트로 처리했어요.
- 자바스크립트 오류 때문에 버튼이 안 눌리는 거예요.
그림으로 보기
버튼을 누르면 자바스크립트가 메뉴 패널을 열고 닫습니다. 상세 페이지에서 직접 눌러 볼 수 있습니다.
하캄솔루션 자체 제작 설명도식직접 해 보기
버튼을 누르면 자바스크립트가 메뉴 패널을 열고 닫습니다.
자세히 알아보기
HTML이 구조, CSS가 모양이라면 자바스크립트는 움직임과 반응을 담당합니다. 메뉴 열기, 폼 입력 검사, 버튼을 누르면 내용이 바뀌는 화면이 모두 자바스크립트로 만들어집니다. 이름이 비슷한 자바(Java)와는 다른 언어입니다.
실무 예시
예를 들어 문의 폼에서 전화번호 형식이 틀리면 제출 전에 바로 안내 문구를 띄우는 기능을 자바스크립트로 만듭니다.
함께 살펴볼 점
자바스크립트가 너무 많으면 페이지가 느려집니다. 브라우저 쪽 코드는 누구나 볼 수 있으니 비밀 키를 넣지 않습니다. 화면 입력 검사만으로는 보안이 되지 않아 서버에서도 다시 검사합니다.
AI에게 이렇게 요청해 보세요
모바일 메뉴 버튼을 누르면 메뉴가 열리고 닫히는 기능을 자바스크립트로 만들어 줘. 키보드로도 쓸 수 있게 aria-expanded를 갱신해 줘.
코딩·작성 도구에 붙여 쓰기 전에 내 상황에 맞게 바꾸고, 결과는 직접 확인하세요.출처와 검토 정보
- JavaScript - Glossary | MDN 새 창
MDN 용어집에서 자바스크립트가 웹페이지에 동적 기능을 더하는 언어라는 정의를 확인했습니다.
자료 확인 - JavaScript | MDN 새 창
자바스크립트 참조 문서와 자바(Java)와의 구분 설명 범위를 확인했습니다.
자료 확인
내용 검토
최초 발행 · 내용 수정