자바스크립트를 왜 쓰는가?

요즘 자바스크립트는 많은 곳에서 쓰이고 있다. 서버도 만들고 머신러닝도 하고 등등 많은 분야에서 쓰이고있다. 하지만 자바스크립트의 근본 목적은 HTML 조작이 목적이다.

 

자바스크립트를  쓰는 가장 큰 이유는 HTML 조작가능해서 쓰는것이다.

 

자바스크립트를 사용해서 HTML 조작을 하면 뭐가 좋은가? => 동적인 UI 만들수 있다. 

 

그 외에도 자바스크립트를 사용하면 아래와 같은 기능들을 사용할 수 있다.

• 서버와 통신가능
• 클릭, 타이핑 감지
• 비동기처리
• 자료다루기 
• 등등 다른 많은 기능들이 있음.

 

자바스크립트로 HTML 조작 및 변경하는 법

<h1 id="hello">안녕하세요!</h1>

<script>
  document.getElementById('hello').innerHTML = '안녕!';
</script>

 

document.getElementById('???').??? = '???'; 

여기 물음표만 맘대로 바꿔주면 html의 모든걸 변경하고 조작할 수 있다. 

 

document.getElementById('???').src = 'profile.jpg'; 

이러면 원하는 요소에 src="profile.jpg"를 추가할 수 있다.

 

document.getElementById('???').style.color = 'red'; 

이러면 원하는 요소에 style="color : red"를 추가할 수 있다.

아무튼 그렇다. 수백가지 바꿀 수 있다. 필요할 때 검색해자 사용하자.