HTML에 자바스크립트 불러오기
자바스크립트는 css 처럼 html 코드에 불러와서 사용 가능
js 파일을 생성한 뒤 html에 링크를 걸어줌
<body>
<script src="app.js"></script>
</body><head> 코드 안에 넣었던 css link 코드와 달리 <body> 코드 안에 작성
브라우저 콘솔(Console) 활용
콘솔에서는 자바스크립트를 확인할 수 있음
코드를 직접 입력해 테스트 가능(파이썬 REPL 모드랑 비슷함)
HTML을 불러왔을 때 잘못된 js 코드 콘솔 화면에서 에러 확인 가능
Data Type
숫자: integer, float 등
문자: text, string 등
문자는 " " 또는 ' '로 작성(섞어서 쓰면 안됨)
콘솔에 log 또는 print 하는 코드
console.log("hey");
Variable(변수)
값을 저장하거나 유지
const a = 5;
const b = 2;
let myName = "jaja";
console.log(a + b);
console.log(a * b);
console.log(a / b);
console.log("hello " + myName);
myName = "dada";
console.log("your new name is " + myName);처음 변수 선언시 앞에 syntax를 작성해야 함
const(constant(상수)) : 바뀌지 않는 값(기본)
let : 바꿀 수 있는 값(업데이트 시 생략)
var : 과거에 쓰던 syntax, 규칙이 없음. 현재 사용하지 않음xxxxxxx
js에서는 변수명을 지정할 때 띄어쓰기 공백이 들어가야할 곳 뒤 첫글자를 대문자로 표기해 구분
- camelCase
python에서는 보통 언더바로 구분
- snake_case
Boolean
true: 참, 1
false: 거짓, 0
문자가 아님, " " or ' ' 사용하지 않음
기타 데이터타입
null : nothing 아무것도 없음(의도된 값), python의 None과 같음
undefined : 존재하지만 정의되지 않음
문자가 아님, " " or ' ' 사용하지 않음
const amIFat = null;
let something;
console.log(something, amIFat);
'개발 > JavaScript' 카테고리의 다른 글
| 바닐라 JS - Events (0) | 2021.08.25 |
|---|---|
| 바닐라 JS - document object (0) | 2021.08.23 |
| 바닐라 JS - Conditionals (0) | 2021.08.10 |
| 바닐라 JS - function (0) | 2021.08.05 |
| 바닐라 JS - Array, Object (0) | 2021.08.03 |
