01. JavaScript?

Javascript

📝 자바스트립트는 HTML 조작을 위해 사용합니다.

JS는 “hmtl 조작과 변경” 을 담당하는 언어입니다.

그래서 JS 코드를 잘 짜면 html을 원하는대로 조작이 가능합니다.

왜 조작을 하는가?

---

• 탭, 모달 등 웹페이지 UI를 만들 수 있다.
• 유저가 입력한 데이터를 검사할 수 있다.
• 버튼을 누르면 서버로 데이터 요청을 할 수 있다.

등 등의 기능을 개발할 수 있다.

html 조작, 변경

---

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

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

자바스크립트 코드는 <script></script> 태그 안에 작성하면 됩니다.

위처럼 작성하면 안녕하세요였던 <h1>태그가 안녕으로 바뀝니다.

getElementById()

---

.getElementById() 는 셀렉터 라고 부르며 html요소를 찾기 위해 사용합니다.

.innerHTML / .style / .color

---

.innerHTML / .style / .color 과 같이 점찍었는데 괄호가 없는건

메소드(또는 함수) 라고 부릅니다.