-
[1] Script Tag
- HTML 코드 사이에, Script tag를 선언하면 " 자바 스크립트 " 코드 삽입이 가능해진다.
- alert는 팝업 문구를 나오게 하며, <script src="/path">를 통해 다른 위치에 있는 js를 불러 올 수 있다.
<!DOCTYPE HTML><html><body><p>스크립트 전</p><script>alert( 'Hello, world!' );</script><p>스크립트 후</p></body></html>[2] 코드 구조
- 줄 바꿈이 있다면, 세미 콜론을 생략 O
alert('Hello')alert('World')[3] 변수와 상수
if (true) {var x = 3;}console.log(x); // 3if (true) {const y = 4;let z = 5;}console.log(y); // not defineconsole.log(z); // not define[4] 자료형
- 문자 ( String )
문자열을 출력하는 방법은 아래의 3가지로 존재합니다.[1] 큰 따옴표 " " // [2] 작은 따옴표 ' ' // [3] 백틱 (`) => tap 위에 있음
let name = "John";// 백틱(``) 사용alert( `Hello, ${name}!` ); // Hello, John!alert( `the result is ${1 + 2}` ); // the result is 3// 따옴표 사용alert( "Hello, ${name}!" ); // Hello, ${name}![5] 형변환
// 문자열로 변환let value = true;alert(typeof value); // booleanvalue = String(value); // 변수 value엔 문자열 "true"가 저장됩니다.// 숫자로 변환let str = "123";alert(typeof str); // stringlet num = Number(str); // 문자열 "123"이 숫자 123으로 변환됩니다.'Develop > JavaScript' 카테고리의 다른 글
[JavaScript] 자바스크립트 동작원리 (0) 2021.03.23 [Vanlia JS] 크롬 & Todo List 만들기 ( With NomadCoder ) (0) 2021.03.11 [JS_Basic ] async vs defer (0) 2021.03.01 [JS_Basic] 자바스크립트_Promise 함수 (0) 2021.01.13 [JS_Basic] 비동기 처리 및 콜백 ( async, call back ) (0) 2021.01.13
