본문 바로가기

전체 글222

[JS] 화살표 함수(Arrow Function) : 함수 표현식을 간결하게 요약ES6에서 도입된 새로운 함수 방식함수 표현식을 아래와 같이 간단하게 할 수 있다.function greet(name) { console.log("Hi, " + name);}// 화살표 함수로 변환let greet = name => { console.log("Hi, " + name);};greet("hyeseon"); // 함수 호출 this 객체를 사용할 환경이라면 화살표 함수를 사용하지 않는 것이 좋다.let boy = { name: 'hyeon', sayThis: () => { console.log(this); // 화살표 함수에서 this는 boy 객체가 아니라 전역 객체(window)를 가르킨다. }};boy.sayThis(); 화살표 함수로 바꾸는 .. 2025. 6. 7.
[JS] 함수 - 호이스팅(Hoisting)과 TDZ이란? 요약 호이스팅 : 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미// 함수 호이스팅result = sum(3,4); // 이 코드는 실행된다.function sum(num1=5, num2=3) { let result = num1+num2; return result;}console.log(result); TDZ(Temporal Dead Zone) : 호이스팅이 된 변수를 접근하지 못하게 막아놓는 구역// TDZ(Temporal Dead Zone) 구역 시작 //console.log(name); // 오류 발생 ReferenceError: Cannot access 'name' before initialization// TDZ(Temporal Dead Zone) 구역 끝.. 2025. 6. 7.
[JS] 형변환 - String(), Number(), Boolean() 요약String() : 문자형으로 변환Number() : 숫자형으로 변환Boolean() : 불린형으로 변환사용 예시let a = "hi";s = String(a); // "hi"n = Number(a); // NaNb = Boolean(a); // true Number"5"와 같이 숫자로 변환했을 때 숫자가 될 수 있으면 숫자로 저장"hi"와 같이 숫자로 변환했을 때 숫자가 될 수 없는 것은 NaN(Not a Number)로 저장Number(null) 은 0이다.Number(undefined)는 NaN이다.Boolean0, ''(빈 문자열), null, undefined, NaN 은 false나머지는 trueBoolean(0)은 false이다.Boolean('0')은 true이다.Boolean('')은.. 2025. 6. 7.
[JS] 다이얼로그 창 - alert, prompt, confirm 요약 창이 떠 있는 동안 스크립트(script)는 일시 정지됨스타일링 불가능 2025. 6. 7.
[JS] null VS undefined VS NaN 한 줄 요약undefined : 누락으로 인해 값이 정해지지 않은 경우 JS가 자동으로 부여 null : 개발자가 "명시적"으로 값이 없다는 것을 표현할 때 사용 NaN : 숫자끼리 계산을 했을 때 결과가 숫자가 아닌 경우 (Not a Number) -> 계산 실수나 입력 에러가 있음을 의미 undefined : "이게 빈 건지 인지하지 못했는데..." -> JS가 자동으로 할당let age;console.log(age);null : "이건 빈 값이 들어있어." -> 개발자가 의도적으로 값이 없음을 명시let age2 = null;console.log(age2); NaN : "너 이거 숫자 결과 의도한건데, 연산 결과 숫자 아니야."1. 입력한 값이 숫자만 입력되어야 하는 경우 let age3 =.. 2025. 6. 7.

티스토리툴바