<css 적용>
1. <script> 내에 작성 : body 혹은 head 태그 내
<head>
<script>
alert("Hello world!!!!!!!!!!!!!!!!!!!!!!!!!!!!")
</script>
</head>
- 출력 결과
2. 외부파일 (.js) : <head> 태그 사이에 src="js 파일 경로" 추가
<head>
<script src="myscript.js"></script>
</head>
- js 파일
- 출력 결과
3. 임베디드
- <head> 부분에 <style>태그로 css 지정
<변수 선언>
1. var
- document.write(); : <body> 브라우저 화면에 결과를 출력하는 문법
- document.write("<br>"); : 줄바꿈은 태그의 기능 사용 (출력과 줄바꿈 동시 사용 가능)
- 같은 이름 변수 선언가능
- hoisting가능
- 전역변수
document.write("환영합니다");
age=20;
document.write(age + "<br>");
- 변수 선언
var age;
age = 10;
document.write(age);
- var 형식은 타입 체크를 하지 않음(숫자, 문자 등 상관 x)
age="Hello";
document.write(age + "<br>");
- 같은 이름으로 변수를 여러번 선언 가능 (마지막에 선언한 값만 남는다)
var age = "안녕";
document.write(age + "<br>");
- var 선언된 변수의 호이스팅(hoisting)
//undifined
var name;
document.write(name + "<br>");
name = "리미";
2. let
- 같은 이름으로 변수 선언 불가)
- 호이스팅 불가
- 블록레벨 스코프 (지역변수)
- 선언
let num;
num = 1;
document.write(num+"<br>");
- 타입 체크 없음
let num;
num = 1;
document.write(num+"<br>");
num = 100;
document.write(num+"<br>")
num = "리미"
document.write(num+"<br>")
- 동일한 이름의 변수를 선언하면 오류 발생
let num;
num = 1000;
document.write(num+"<br>");
3. Const
- 상수, 재할당안됨
<자료형>
1. 문자형
- 문자나 숫자를 작은따옴표 또는 큰따옴표로 감쌈
- 문자형 데이터에 HTML태기를 포함하여 출력하면 태그로 인식
var s="javascript";
var num="100";
var tag="<h1>String</h1>"
2. 숫자형
- "100"과 같이 큰따옴표가 감싸고있다면 문자형데이터
- Number("100")을 이용해 숫자형 데이터로 형변환 가능
var s=100;
var t=Number("500")
3. 논리형
var s= true;
var t= 10 >= 100;
var k= Boolean("hello")
- Boolean() 메서드에 데이터 입력시 논리형 데이터인 true, false를 반환.
- 숫자 0과 null, undefined, 빈문자("")를 제외한 모든 데이터에 대해 true 를 반환
ex) 숫자 0 입력시 false 반환, "홍길동"입력시 true 반환
var m = Boolean(0);
var k = Boolea("홍길동");
4. typeof
지정한 데이터 또는 변수에 저장된 자료형을 알고싶을 때 사용
var num=100;
var str="자바스크립트";
document.write(typeof num,"<br>");
document.write(typeof str);
'javascript' 카테고리의 다른 글
내장객체_날짜(Date()), 수학객체(Math()) (0) | 2022.11.15 |
---|---|
1114_함수정의 (0) | 2022.11.15 |
BOM(Browser Object Model) 브라우저 객체 모델 (0) | 2022.11.14 |
내장객체_배열(Array) (0) | 2022.11.14 |
객체, 객체 생성자 함수 (0) | 2022.11.14 |