JavaScript?
HTML, CSS를 프로그래밍적으로 제어할 수 있는 프로그래밍 언어
웹페이지에서 동작하는 프로그램을 만들 때 사용.
정적인 웹에서 동적인 웹으로.
JavaScript를 사용하는 여러가지 방법들
- HTML 파일 내부 삽입하기
인라인 방식
<button onclick="window.alert('hello world');">hello</button>Internal 방식
<!DOCTYPE html>
<html lang="ko">
<head>
</head>
<body>
<script>
window.alert('hello world!');
</script>
</body>
</html>
- HTML 파일 외부에 있는 스크립트 파일을 로드
<!DOCTYPE html>
<html lang="ko">
<head>
</head>
<body>
<script src="test.js></script>
</body>
</html>//test.js
window.alert('hello world!');
- 브라우저 콘솔창에서 사용
⌥ + ⌘ + i
브라우저 API (BOM)
브라우저에서 제공하는 API (Browser Object Model)
JavaScript 언어에 포함되는 영역은 아니지만 JS가 이 기능들을 사용할 수 있도록 도와줌.
window.alert() : 메시지 다이얼로그 띄움
window.prompt() : 데이터를 입력받을 수 있는 입력 창 띄움
window.confirm() : 다이얼로그를 띄움. 취소는 false 확인은 true
console.log() : 콘솔창에 로그 메시지를 보여줌
console.error() : 콘솔창에 에러 메시지를 보여줌
console.table() : 콘솔창에 데이터를 테이블 형태로 보여줌
'JS' 카테고리의 다른 글
| JS(6) Type - 원시타입(3) Boolean, undefined, null (0) | 2023.08.23 |
|---|---|
| JS(5) Type - 원시타입(2) 숫자형 (0) | 2023.08.23 |
| JS(4) Type - 원시타입(1) 문자열 (3) | 2023.08.23 |
| JS(3) Type 을 확인하는 방법 (0) | 2023.08.23 |
| JS(2) 변수 (0) | 2023.08.23 |