Java Script 10

[JS] parseInt와 Number

1. parseInt()문자열을 정수로 변환.첫 번째 숫자를 찾으면 변환을 멈추고, 숫자가 아닌 문자가 나오면 무시.두 번째 인자로 radix(진수)를 지정할 수 있음. (기본값: 10진수)console.log(parseInt("123px")); // 123console.log(parseInt("12.34")); // 12 (소수점 이하 버려짐)console.log(parseInt("007")); // 7console.log(parseInt("0xF", 16)); // 15 (16진수)console.log(parseInt("abc")); // NaN (숫자로 변환 불가) 2. Number()정수와 소수를 모두 변환 가능.공백이 있으면 자동으로 제거.숫자가 아닌 문자가 포함되면 NaN 반환...

Java Script 2025.02.13

[javaScript] 스코프 체인과 클로저

스코프란? 스코프(scope)란 변수와 함수의 접근성과 유효범위를 나타내는 개념입니다. 쉽게 말해, 변수나 함수를 사용할 때 그것이 어디서 유효한지를 결정짓는 것입니다.자바스크립트에서는 전역 스코프(global scope)와 지역 스코프(local scope)로 구분됩니다.전역 스코프: 전역 스코프는 코드의 모든 곳에서 접근할 수 있는 범위를 가리킵니다. 전역 스코프에 선언된 변수는 어디서든 참조할 수 있습니다.지역 스코프: 함수 내에서 선언된 변수는 그 함수의 지역 스코프에 속합니다. 즉, 해당 변수는 그 함수 내부에서만 접근할 수 있습니다. 함수 안에서 선언된 변수는 외부에서는 접근할 수 없습니다.스코프는 코드의 가독성과 유지보수성을 높이는 데 중요한 역할을 합니다. 변수와 함수의 스코프를 명확하게 ..

Java Script 2024.04.25

[error] comment are not permitted in json

.prettierrc 기본적으로 json으로 작성되어 있다. 그 json 파일에 주석을 달고 싶은데 에러가 뜬다. comment are not permitted in json 해결방법 .prettierrc파일을 js파일로 바꾸고 module.exports 해준다. 1. 파일명 변경 (.prettierrc -> .prettierrc.js) 2. module.exports // before { "printWidth": 100, // 프린터가 줄 바꿈할 줄 길이를 지정 }; // after module.exports = { "printWidth": 100, // 프린터가 줄 바꿈할 줄 길이를 지정 };

Java Script 2022.04.07

callback

대표적인 비동기 함수 : setTimeout(()=>{}, 0) console.log(1); setTimeout(() => console.log(2), 0); console.log(3); // expected output: 1 // expected output: 3 // expected output: 2 콜백함수가 무조건 비동기는 아니다. // Synchronous callback 동기 콜백 function printImmediately(print) { print(); } printImmediately(() => console.log("동기 콜백")); // Asynchronous callback 비동기 콜백 function printWithDelay(print, timeout) { setTimeout(..

Java Script 2022.03.29

단축평가, 보호연산자

var elem = null; var value = elem.value; // TypeError: Cannot read property 'value' of null 그냥 null.프로퍼티 undefined.프로퍼티 를 쓰면 TypeError가 발생하면서 프로그램이 강종된다. 이를 막기 위한 방법으로 단축평가(보호연산자)를 사용한다. var elem = null; var elemValue = elem && elem.value; console.log(elemValue); // null 보호연산자를 통해 elem.value는 없는 값이지만 에러가 발생하지 않고, 앞의 elem의 null값을 따라 elemValue는 null이 된다. 에러로부터 한번 보호해주는 것. elem.value 값이 있을 수도 있고, 없..

Java Script 2022.02.09