사랑과 유머에 중독된 개발자 사랑과 유머에 중독된 개발자

https://joshua1988.github.io/web-development/javascript/javascript-asynchronous-operation/ 자바스크립트 비동기 처리와 콜백 함수 (중급) 중급 자바스크립트 개발자가 되기 위한 자바스크립트 비동기 처리와 콜백 함수 이해하기. 콜백 지옥과 해결 방법 등 joshua1988.github.io https://joshua1988.github.io/web-development/javascript/promise-for-beginners/ 자바스크립트 Promise 쉽게 이해하기 (중급) 자바스크립트 입문자를 위한 Promise 설명. 쉽게 알아보는 자바스크립트 Promise 개념, 사용법, 예제 코드. 예제로 알아보는 then(), catch()..

https://velog.io/@ryudg/2024%EB%85%84-%EB%AA%A8%EB%93%A0-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EA%B0%9C%EB%B0%9C%EC%9E%90%EA%B0%80-%EC%95%8C%EC%95%84%EC%95%BC%ED%95%A0-%EC%9D%B8%ED%84%B0%EB%B7%B0-%EC%A7%88%EB%AC%B8 번역)2024년 모든 자바스크립트 개발자가 알아야할 인터뷰 질문 10 Interview Questions Every JavaScript Developer Should Know in 2024 velog.io 인터뷰 뿐만 아니라, 자바스크립트 개발자로서 알아야할 최신 주요 개념들을 짚어가는 의미로도..

이전에 살펴본 바에 따르면 https://kimhugo.tistory.com/84 javascript의 this에 대해 꼭 알아야하는 핵심 "this는 함수를 호출한 객체이다" this는 객체를 가리키는 키워드이다. 그런데 상황에 따라 뭘 가리키는지 달라지므로 살펴보자. 1. Global scope에서 : window 객체 - 브라우저의 정보를 갖고 있음 브라 kimhugo.tistory.com const object = { name: "김휴고", main: function () { console.log(this); }, }; const object2 = { name: "다른 객체", main: object.main, }; object.main(); // object object2.main(); // o..

"this는 함수를 호출한 객체이다" this는 객체를 가리키는 키워드이다. 그런데 상황에 따라 뭘 가리키는지 달라지므로 살펴보자. 1. Global scope에서 : window 객체 - 브라우저의 정보를 갖고 있음 브라우저에서 위 코드를 실행하면 현재 브라우저의 여러 정보가 담긴 객체가 호출된다. 나는 node.js로 실행시켰기에 빈 객체가 호출되었다. 2. function scope에서 : 함수를 호출한 객체 여기서는 먼저 브라우저로 실행시켰다. function main() { console.log(this); } console.log(window); main(); JS로 함수를 만들면, window 객체의 내부에 함수가 저장된다. 따라서 위 코드처럼 main()을 호출하면, window객체가 ma..

JS는 변수 선언에 세 가지 예약어를 쓸 수 있다. var은 global(광역) 변수. 어디서 선언하든지, 모든 스코프에서 사용 가능. 하다고 학원에서 배웠었다. 그런데! 실제로는 함수 안에서 정의한 var 변수는 지역변수(local variable)로 해당 스코프를 벗어난 영역에서 사용할 수 없었다. 결론은 var도 스코프가 적용된다. 그렇다면 왜 let과 const가 탄생하게 된 걸까? 1. 하위 스코프에서의 변경사항이 상위 스코프에도 영향을 끼침 var myName을 광역변수로 설정. 이후 함수에서 myName의 값을 변경하도록 만들고 실행하면 해당 함수 바깥에서도 myName의 값이 변경되어 있는 걸 확인. 즉, 로컬 레벨에서의 변경이 글로벌 레벨까지도 적용된다. 2. 글로벌 변수와 같은 이름의 ..