자바스크립트 기초

자바스크립트

공식 명칭 → ECMAScript
https://www.w3schools.com/
웹의 요소 제어
웹 애플리케이션을 만듦
다양한 라이브러리를 사용할 수 있음
- 리액트(React), 앵귤러(Angular), 뷰(Vue.js), D3.js, 제이쿼리(jQuery)
서버 개발을 할 수 있음
- Node.js

<script>

웹 문서 안에 자바스크립트로 작성하는 태그

<!-- 내부 스크립트 - 클립하면 글자색 바꾸기 -->
<style>
	body { text-align:center; }
	h1 { color:blue; }
</style>
...
<body>
	<h1 id="heading">자바스크립트</h1>
	<p id="text">위 텍스트를 클릭해 보세요</p>
  
	<!-- Do it! 내부 스크립트 코드 작성하기 -->
  <script>
		let heading = document.getElementById('heading');
		heading.onclick = function() {
			heading.style.color = 'red';
		}
  </script>
</body>

자바스크립트 코드를 작성할 때 외부 스크립트 파일로 저장해서 웹 문서와 연결하는 방법을 많이 사용

외부 스크립트 파일로 연결해서 자바스크립트 작성

change-color.js

// 외부 스크립트 파일 작성
let heading = document.getElementById("heading");
heading.onclick = function () {
  heading.style.color = "red";
};

script-2.html

<!-- 외부 스크립트 파일 연결 -->
<body>
	<h1 id="heading">자바스크립트</h1>
	<p id="text">위 텍스트를 클릭해 보세요</p>
  
	<!-- Do it! 외부 스크립트 코드 작성하기 -->
	<script src="change-color.js"></script>
</body>