JavaScript - JavaScript란?

JavaScript란?

웹 페이지에서 복잡한 기능을 구현할 수 있는 스크립팅 또는 프로그래밍 언어

• 동적으로 변경되는 콘텐츠
• 멀티미디어 제어
• 이미지에 애니메이션 적용

등 거의 모든 작업을 수행할 수 있는 스크립팅 언어

어떤 일을 할 수 있는가?

const para = document.querySelector("p");

para.addEventListener("click", updateName);

function updateName() {
  const name = prompt("Enter a new name");
  para.textContent = `Player 1: ${name}`;
}

- 변수에 값을 저장

새 이름을 입력하도록 요청하고 해당 이름을 name이라는 변수에 저장

const name = prompt("Enter a new name");

- 프로그래밍에서 "문자열"이라고 부르는 텍스트 조각을 조작

문자열 "플레이어 1: "과 name 변수의 값을 합쳐 온전한 텍스트 레이블("Player 1: Chris")을 생성

function updateName() {
  const name = prompt("Enter a new name");
  para.textContent = `Player 1: ${name}`;
}

- 웹 페이지에서 특정 이벤트에 대한 응답으로 코드를 실행

click 이벤트를 사용하여 레이블이 클릭된 시점을 감지한 다음 텍스트 레이블을 업데이트하는 코드를 실행

para.addEventListener("click", updateName);

웹 페이지에 JavaScript를 넣는 방법

- 내부 JavaScript

HTML코드 안에 script로 넣는 방법!

<script>
  // 여기에 javascript 코드를 작성하면 된다!!
</script>

- 외부 JavaScript

1. HTML 파일과 같은 폴더에 script.js라는 이름의 파일 생성
2. 이 파일에 코드 작성
3. HTML파일에 script 대신 아래와 같이 작성!

	<script src="script.js" defer></script>
	// 파일 이름은 마음대로 해도 된다!