군침이 싹 도는 코딩

console.log( '1' == '1', // true '1' == 1 // true ) # 자바 스크립트에서는 비교 연산자 ==, != 와 ===, !== 가 있는데 == 는 값이 같은지, != 는 값이 다른지 === 는 자료형이 같은지, !== 는 자료형까지 다른지 위 코드블럭과 같이 '1' 은 문자열이고 1은 숫자지만 같다고 나오는 이유는 자바 스크립트는 문자열과 숫자를 비교할 때 자동으로 문자열을 숫자로 변환하기때문이다

Object.assign() : 객체 복제 const user = {name : 'Mike', age : 30 } const newUser = Object.assign({}, user); console.log(newUser); >> { "name": "Mike", "age": 30 } Object.keys() : 키 배열 반환 const user = { name : 'Mike', age : 30, gender : 'male' } console.log( Object.keys(user) ); >> ["name","age","gender"] Object.values() : 값 배열 반환 const user = { name : 'Mike', age : 30, gender : 'male' } console.log..

let a = 'age'; const user = { name : 'Mike', [a] : 30 } // age : 30 # Computed Property 은 객체의 프로퍼티 key를 문자열로 변환할 수 있는 표현식을 사용해(변수, 함수 등) 동적으로 지정하는 문법이다. 이를 통해 객체 리터럴 내부에서 Computed Property Name으로 프로퍼티 키를 동적으로 생성할 수 있다. 프로퍼티 키로 사용할 표현식을 대괄호([])로 묶어야 한다.

var 과 let, const 의 차이점 var name = 'Mike' ; console.log(name); // Mike var name = 'Jane' ; console.log(name); // Jane --------------------------- let name = 'Mike' ; console.log(name); // Mike let name = 'Jane' ; console.log(name); // error --------------------------- let name = 'Mike' ; console.log(name); // Mike name = 'Jane' ; console.log(name); // Jane # var 과 let은 대부분의 경우에서 바꿔 사용할 수 있지만 차이점이..

let num = 10; num++; console.log(num); >> 11 let num = 10; num--; console.log(num); >> 9 # 증가 연산자는 값을 증가 시킨다 감소 연산자는 값을 감소 시킨다 let num = 10; let result = num++ ; console.log(result); >> 10 let num = 10; let result = ++num ; console.log(result); >> 11 # 위의 두개의 결과값이 다른 이유는 첫번째의 경우 값을 증가시키기전에 result에 넣기때문에 값에 변화가 없고 두번째는 증가된 값을 result에 넣기때문에 증가 연산이 된다

const mathScore = prompt("수학 몇점?"); // 90 입력 const engScore = prompt("영어 몇점?"); // 80 입력 const result = (mathScore + engScore) / 2; console.log(result) >> 4540 # 해당 값이 4540이 나오는 이유는 prompt 는 값을 무조건 문자열로 리턴한다 따라서 9080 이 되어 나누기 2를 하므로 4540이 나오게 된다 나누기 2가 제대로 동작한 이유는 자동 형변환 때문이다 따라서 해당 값을 제대로 받으려면 const mathScore = prompt("수학 몇점?"); // 90 입력 const engScore = prompt("영어 몇점?"); // 80 입력 const result ..

const name = prompt("이름을 입력하세요."); alert("환영합니다, " + name + "님"); # prompt 는 입력받는 창이 뜬다 prompt 는 두번째 인자도 있는데 이를 입력하면 입력창 안에 띄워줄 수 있다 이를 설명하는 용도로 사용하곤 한다 alert 는 알려주는 안내창 같은 기능을 한다 const isAdult = confirm("당신은 성인 입니까?"); console.log(isAdult) # confirm 은 확인하는 창으로 확인을 누른다면 true 를 취소를 누른다면 false 를 반환한다 기본형 대화상자들의 단점은 스크립트를 일시 정지 시키고 스타일링이 불가능하다는 점이다

const name = "Mike"; console.log(typeof 3); console.log(typeof name); console.log(typeof true); >> "number" "string" "boolean" # 변수의 타입을 확인할 때 사용할 수 있다