자바스크립트 2

<Frontend> JavaScript / 비동기 처리

비동기 처리 2024.04.02 - [IT] - JavaScript / 동기/비동기 JavaScript / 동기/비동기 Block / NonBlock , Sync / Async 이번에는 JS에서 가장 중요하면서 어렵고 헷갈리는 개념 중 하나인 "Block / Non - Block", "Sync / Async"를 알아보겠습니다! 머리로는 이해해도 설명해보라고 하면 뭐라 설명할 rezerocodinglife.tistory.com 이전 글에서 다룬 비동기를 처리하는 방법들을 알아보겠습니다. 이번에 다룰 비동기적 코드 결과 처리 방법은 총 3가지입니다. Call Back Promise Async / Await (syntactic sugar) 파이팅! 1. 콜백 (Call Back) call back은 비동기 작..

Frontend 2024.04.03

<Frontend> JavaScript / This

This this는 JS에서 가장 혼란스러운 개념 중 하나로 꼽힙니다. 상황에 따라 this가 바라보는 대상이 달라지는데, 어떤 이유로 그렇게 되는지를 파악하기 힘든 경우도 있고 예상과 다르게 동작할 때도 있습니다 함수와 객체의 구분이 느슨한 JS에서 this는 실직적으로 이 둘을 구분하는 거의 유일한 기능입니다. 상황별로 this가 어떻게 달라지는지, 왜 그렇게 되는지 그 원인과 효과적으로 추적하는 방법 등을 작성해 보겠습니다. 시작!! This란? 함수가 실행될 때 함수 내부에서 사용되는 값. 함수를 호출한 컨텍스트를 가리킨다. "실행 컨텍스트" 포스팅에서 다뤘던 컨텍스트 개념의 이해가 필요합니다. 2024.03.26 - [IT] - JavaScript / 실행 컨텍스트 JavaScript / 실행 ..

Frontend 2024.03.27