🎨 JaveScript란?
. JavaScript: 정적인 언어인 html 위에서 동작하여 웹페이지를 사용자와 상호작용할 수 있도록 도와주는 언어이다.
💡 간단한 code 설명 및 주석달기
.약속어=reversed word: 약속어(alter,console etc.)로 지정된 이름은 변수 생성시 사용하면 안된다.
var name="link717"
alert("made by"+name+".") .script: html 코드 안에서 JavaScript 코드를 실행할 때 사용한다.
.console: 실행된 웹브라우저에서 별도의 파일을 생성하지 않고 JavaScript 코드를 실행시킬 때 사용한다.
. 주석달기
1) // 코드 : 코드 각각을 주석 처리할 때
2)/ 코드 / : 통으로 코드를 주석처리할 때
🎨 data type
.typeof 연산자: 데이터가 무슨 타입인지 알려주는 연산자이다.
let msg = "message";
console.log(typeof msg);
console.log(typeof 100);.data type 변환
①Number/parseInt/parseFloat 함수 혹은 - 연산자의 특성을 사용하면 string을 number 유형으로 변경할 수 있다.
②toString 함수 혹은 + "" 연산자의 특성을 사용하면 number를 string 유형으로 변경할 수 있다.
var birthYearInput = "2000";
console.log(typeof birthYearInput);
var numberBirthYear = Number(birthYearInput);
console.log(typeof numberBirthYear);
›string
›number💡 텍스트와 문자열의 연결
① string + string
: string를 조합할 때는 + 연산자를 사용한다. 텍스트와 변수를 조합해서 사용할 수도 있다.
console.log("안녕"+"하세요!")
› 안녕하세요! ② string + number
: 서로 다른 type을 연결할 경우에는 항상 string 형으로 변환된다. 🤣 하지만 JavaScript에서는 오류를 내지 않고 더한다.
console.log("2 더하기 2는 " + (2 + 2));
console.log("2 더하기 2는 " + 2 + 2);
console.log(2019+"2000");
console.log(2019-"2000");
console.log("200" - "10");
› 2 하기 2는 4
› 2 더하기 2는 22
› 20192000
› 19 → "2000"을 숫자로 바꿔서 계산한다.
› 190 → "200" "10"을 전부 숫자로 바꿔서 계산한다.+는 string로 쓰여진 숫자를 구분하지 못하지만 -는 string을 number로 바꿔 계산한다.
③ number + number
: JavaScript는 "" 안에 작성되지 않은 숫자를 number type으로 인식한다.
console.log("1"+"1");
console.log(1 + 1);
›11 (text)
›2 (string)