프런트엔드 발전(10): 드래그 앤 드롭 개체 캡슐화

이전 기사에서는 JavaScript에 대한 몇 가지 기본 지식을 공유했습니다. 이 기사에서는 첫 번째 실용적인 링크를 입력하겠습니다. 이전 장의 지식을 사용하여 드래그 앤 드롭 개...

프론트엔드 발전 (8): 심층적인 기능 커링

커링은 상대적으로 발전된 기능의 응용이라 이해하기가 쉽지 않습니다. 그래서 어떻게 하면 모두가 이해하기 쉽도록 표현을 더 많이 해야 할지 고민을 하게 됐어요. 오랫동안 고민한 끝에...

프런트엔드 고급(7): 함수 및 함수형 프로그래밍

자바스크립트를 마스터해야 하는 핵심 지식을 모두 살펴보면, 함수는 처음 배울 때 가장 쉽게 간과되는 부분입니다. 학습하는 과정에서 객체지향이 중요하고 프로토타입이 중요하다고 말하는...

프런트엔드 발전(6): 함수 호출 스택, 범위 체인 및...

프론트엔드 개발에는 중단점 디버깅이라는 매우 중요한 기술이 있습니다. Chrome의 개발자 도구에서는 중단점 디버깅을 통해 JavaScript의 실행 과정을 단계별로 매우 편리하게...

프론트엔드 고급 5: 이에 대한 포괄적인 해석

JavaScript를 배우는 과정에서 우리는 일부 개념을 명확하게 이해하지 못하지만 어떤 식으로든 기억하고 싶기 때문에 이러한 개념에 대해 성급하게 편향된 결론을 도출하여 기억을 ...

프런트엔드 고급(4): 범위 체인 및 종결에 대한 자세...

처음 JavaScript를 배웠을 때 클로저를 배우면서 많은 우회를 했습니다. 하지만 이번에는 다시 기본 지식을 정리하고 클로저에 대해 명확하게 설명하는 것 역시 매우 큰 과제입니...

프론트엔드 고급(3): 변수객체에 대한 자세한 설명

새해 초부터 일에 대한 열정이 그다지 높지 않아 요즘 활동이 없는 상태였습니다. 아침에 일어나고 싶지 않고, 일어나도 회사에 가고 싶지 않습니다. 물론 휴가 이전에도 일에 대한 열...

프런트엔드 고급(2): 실행 컨텍스트 다이어그램

JS 학습 초기나 면접 과정에서 평가변수 개선에 대한 질문을 자주 접하게 됩니다. 예를 들어, 더 간단한 것부터 시작해 보겠습니다. 이 예는 잠시 무시하고, 먼저 JavaScrip...

프런트엔드 고급(1): 메모리 공간 다이어그램

JavaScript에는 자동 가비지 수집 메커니즘이 있기 때문에 메모리 공간은 프런트 엔드 개발에서 자주 언급되는 개념이 아니며 모든 사람이 쉽게 무시합니다. 특히, 컴퓨터 전공자...