Front-end20 [JS] 객체 요약C++와 JAVA의 클래스와 유사this가 필요한 경우 화살표 함수 지양let boy = { name: 'hyeon', sayThis : function() { console.log(`안녕하세요, ${this.name}씨`); }};boy.sayThis(); 프로퍼티 추가 / 값 접근 및 수정 / 프로퍼티 삭제예제객체명[key값] , 객체명.key값 으로 추가/접근/수정/삭제 가능삭제의 경우 앞에 delete 키워드 사용let boy = { name: 'hyeon', sayThis : function() { console.log(`안녕하세요, ${this.name}씨`); }};// 프로퍼티 추가boy.sex = 'man'; // sex: .. 2025. 6. 7. [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. 이전 1 2 3 4 5 다음