1. JavaScript?
- 자바스크립트는 HTML 파일 안에 집어넣는 언어이며 HTML 조작과 변경을 담당하는 언어.
- 탭, 모달 등 웹페이지 UI 만들 수 있음
- 유저가 입력한 데이터를 검사할 수도 있음
- 유저가 버튼 누르면 서버로 데이터 요청할 수도 있음
2. HTML 조작 및 변경 기초
<h1 id="hello">안녕하세요</h1>
<script>
document.getElementByID('hello').innerHTML = '안녕';
</script>- 자바스크립트 코드를 짜고 싶으면
<script>태그 안에 적으면 됨 - 위 자바스크립트의 뜻은 웹문서의 id="hello"를 찾아서 내부 HTML에 '안녕'을 집어넣어라 라는 뜻
document.getElementByID('??').?? = '??';- 물음표만 맘대로 바꿔주면 HTML의 모든걸 변경하고 조작이 가능함
document.getElementByID('??').src = 'profile.jpg';- 원하는 요소에 src='profile.jpg'를 추가할 수 있고
document.getElementByID('??').style.color = 'red';- 원하는 요소에 style="color : red"를 추가할 수 있음
.getElementByID는 셀렉터라고 부르며 HTML 요소를 찾기 위해 사용함
.innerHTML / .style / .color 과 같이 점 찍는데 괄호가 없는건 메소드(또는 함수) 라고 부르고 HTML 요소의 어떤 속성을 변경할지 결정하기 위해 사용
