1. JavaScript
• HTML: 웹 콘텐츠를 정의한다.
• CSS: 웹 콘텐츠를 스타일링한다.
• JavaScript: 웹사이트의 동작이나 상호작용을 정의한다.
→ 웹브라우저가 가진 기능을 실행 시키거나 HTML/CSS를 통해 렌더링된 화면을 조작할 수 있다.
2. JavaScript 연동
1) HTML문서 내부에 작성하기
→ <head> 안이 아닌 <body> 태그 하단부에 <script>태그를 사용하고 태그 사이에 내용을 작성한다.
2) 자바스크립트 파일을 만들고, 그 안에 작성한 코드를 HTML문서에 연결하기
→ <script src="파일명"></script>작성하고 해당 파일에서 내용을 정의한다.
ex) <script src="script.js"><script>
* 자바스크립트 파일 확장자는 *.js 이다.3. JavaScript 코드 작성 규칙
• 대문자와 소문자를 잘 구분하여 작성한다.
• 구문의 끝에는 세미콜론을 입력해 '구문의 끝'을 알릴 수 있다. (이는 선택 사항이다)
• 가능하면 한 줄에는 두 개 이상의 구문을 쓰지 않는다.
4. 객체
• 사전적 의미: 실세계에 존재하는 대상 또는 생각할 수 있는 어떤 개념
• 자바스크립트 객체: 어떤 사물이나 개념을 소프트웨어적으로 표현하기 위해 사용하는 문법적 수단
값 또는 기능을 가지고 있는 데이터이다
• 객체 사용법: 객체.데이터
객체.기능()
* 객체가 가진 기능을 '메소드'라고 한다
5. 주석
// → 주석을 한 줄밖에 쓸 수 없다
/* */ → 주석을 여러 줄에 걸쳐 쓸 수 있다.6. 실습
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE-edge">
<meta name="viewport" content="width=device-width, inital-scale=1">
<title>자바스크립트 실습해보자</title>
</head>
<body>
<script>
window.alert('hello!')
//window.alert('hello!')
window.alert('hello!')
</script>
</body>
</html>
블로그 이전했습니다 -> https://young-code.tistory.com