JS 소개 페이지

JavaScript(자바스크립트) 한눈에 보기

JavaScript는 웹 페이지를 동적으로 만들기 위한 프로그래밍 언어입니다. 버튼 클릭, 데이터 요청, 애니메이션, 폼 검증 등 다양한 인터랙션을 구현할 수 있어요.

웹 브라우저에서 실행 이벤트 처리 DOM 조작 API 호출

JS란?

HTML이 구조, CSS가 디자인이라면, JS는 웹의 동작을 담당합니다. 예: 클릭 시 내용 변경, 리스트 추가/삭제, 서버에서 데이터 가져오기 등.

왜 쓰나요?

사용자 입력(클릭/키보드/스크롤)을 처리할 수 있어요
페이지 내용을 실시간으로 바꿀 수 있어요
API로 데이터를 받아 화면에 표시할 수 있어요
웹뿐 아니라 Node.js로 서버도 만들 수 있어요

짧은 예시 코드

// 버튼을 누르면 문구 바꾸기
document.querySelector("#helloBtn")
  .addEventListener("click", () => {
    document.querySelector("#msg").textContent =
      "안녕하세요! JS로 바뀐 문장입니다.";
  });

미니 데모 (JS로 동작 만들기)

아래 버튼을 눌러보세요. JavaScript가 화면 내용을 바꾸고, 시간을 표시하고, 리스트를 추가합니다.

여기에 결과가 표시됩니다.

추가된 항목