자바스크립트에서 this는 기본적으로 전역객체(window)에 바인딩 된다. 하지만 함수를 어떻게 호출하느냐에 따라 this의 값은 달라지는데 이에 대한 내용은 다음 글을 참고하면 된다. 자바스크립트 이벤트핸들러에서 this가 가리키는 객체는 호출 방식과 관련이 있다

참고Ready-For-Tech-Interview

참조\[자바스크립트 - 화살표 함수 - 자바스크립트 - 화살표 함수 #2 (this 편) | 일반 함수와 화살표 함수의 THIS

CSR과 SSR을 알아보기 전에 SPA와 MAP에 대한 개념부터 집고 넘어가려고 한다.오늘날 웹 애플리케이션 개발을 한다고 하면 대부분 리액트, 뷰, 앵귤러 같은 JS기반 프레임워크를 사용해서 SPA(Single Page Application)를 개발한다.어플리케이션을

기본적으로 this에는 전역 객체가 바인딩된다. 브라우저 환경에서 this는 window이고, node.js에선 global을 가리킨다. 자바스크립트에서 this는 기본적으로 실행 컨텍스트가 생성될 때 함께 결정된다. 실행 컨텍스트는 함수를 호출할 때 생성되므로, th

실행 컨텍스트란 자바스크립트 코드가 실행되고 연산되는 범위를 나타내는 추상적인 개념이다. 자바스크립트 엔진에 의해 만들어지고 사용되는 코드 정보를 담은 객체의 집합이라고 할수 있 다. 코드가 실행된다면 실행 컨텍스트 내부에서 실행되고 있는 것이다. 실행 컨텍스트 개념은

자바스크립트는 동기 방식의 싱글스레드 기반 언어이다. 즉, 한번에 하나의 작업 또는 한줄 씩 처리를 할수 가 있다.함수를 실행하면 함수 호출이 스택에 순차적으로 쌓이고, 스택의 맨 위에서 부터 하나의 함수가 호출되어 실행된다. 하지만 이러한 자바스크립트는 비동기 처리가

프로젝트를 진행하다가 클라이언트에서 서버로 요청을 보내다가 CORS에러가 발생한 적이 있다. 지금까지는 단순히 인터넷 서칭을 통해 해결 하기만 하고, 정확히 CORS가 무엇이고, 어떻게 동작하는지. 그리고 CORS에러를 어떻게 해결해야 하는지 알지 못했다. 그리고 면접

모노레포는 모놀리식 구조를 한계를 비판하는데서 시작했다. 대규모 프로젝트에서 소스코드가 모듈화 없이 하나의 프로젝트로 구성되는 방식을 말한다. 이러한 모놀리식 구조의 한계는 모듈화를 통해 해결할 수 있다. 애플리케이션 로직 일부를 재사용 할수 있게 도와주고, 전체 교체

개발자라면 브라우저가 어떻게 동작하고, 인터넷이 어떻게 동작하는지 이해하는게 필요하다. 진작에 공부 했어야 했지만 면접질문에서 접하게 되며 공부하게 되어 살짝 부끄럽지만 이제라도 하는게 어디야... 기록해보자.

자바스크립트는 어휘적 스코프(Lexical Environment)를 사용한다. 어휘적 스코프란 함수가 호출 시저의 스코프가 아니라 지산이 정의된 시점의 변수 스코프를 사용하여 실행된다는 뜻이다. 이를 구현하기 위해서는 함수 객체의 내부 상태에 함수의 코드 뿐만 아니라

filterResult1과 filterResult2의 차이는 searchResult를 overwrite 했냐 아니냐의 차이이다. 결국 좀 더 함수형 프로그램스럽고, 깔끔하게 떨어지는건 filterResult2이다.

분명 내가 많이 쓰고, 알고있던 내용이라고 해도면접이나 다른사람에게 제대로 설명을 못하면.. 그냥 모르는거라고 생각한다. 그래서 간단하게 정리해 보려고 한다. 시맨틱 마크업이란, 의미를 잘 전달하도록 문서를 작성하는 것을 말한다. 시맨틱 태그는 HTML5에서 도입되었다

기술면접에 나왔던 질문으로 정리해볼 필요가 있다고 생각했다. 계속 면접이 진행되기 때문에 우선 짧게 정리한다는 개념으로 기록해볼까 한다. 프로세스는 운영체제로 부터 자원을 할당받는 작업단위라고 한다. 즉, 동적인 개념으로는 실행된 프로그램을 의미한다. 컴퓨터에서 프로세

FE 기술면접에서 반드시 묻는 질문이다. 어느정도 예상된 질문이기 떄문에 준비한 내용대로 답변을 했지만 내 답변에 확신이 들기 않다 라는 느낌이 스스로 들어서 정리하는 차원에서 작성해 봤다.

특정 화면 요소에서 이벤트가 발생했을 때 해당 이벤트가 더 상위의 화면 요소들로 전달되어가는 특성을 의미한다.브라우저는 이벤트를 감지할때의 특성이 있습니다. 특정 화면 요소에서 이벤트가 발생했을 때 그 이벤트를 최상위에 있는 화면 요소까지 이벤트를 전파시킵니다.이같은

content-visibility는 Chromium 85에 새로 적용된 CSS속성으로 페이지 렌더링 성능을 향상시켜준다. 이 속성을 통해 user-agent가 필요할 때까지 레이아웃과 그림을 포함한 모든 렌더링 작업을 건너뛰도록 할 수 있다. 컨텐츠가 숨겨져 있거나 화

CI/CD 는 어플리케이션 개발 단계부터 배포까지 모든 단계들을 자동화하여 짧은 주기로 효율적이고 빠르게 배포하여 고객에게 제공하는 방법이다. 어플리케이션의 전체적인 라이프사이클에 지속적인 자동화와 모니터링을 제공한다. 이러한 것을 일반적으로 CI/CD 파이프 라인 이

웹 브라우저 라는 애들이 있다. 우리가 작성한 자바스크립트를 실행해 주는 엔진이다. 이를 해석하는데 원리, 단계가 있다. Stack과 Queue를 이해하는데 웹 브라우저의 작동 원리를 보면 쉽게 알 수 있다. stack이라는 공간이 있다. 특징이라면 한 개만 존재한다.

개인적으로 자바스크립트에서 this의 정확한 의미를 알기 어렵다. 특히 다른 프로그래밍 언어에서의 this와 다른 성격을 갖고있기 때문에 더 어렵게 느껴지는 것도 있을 것이다. 다른 객체지향 프로그래밍 언어에서 this란 클래스 자신을 가리키는 것을 말한다. 여기서 t