자바스크립트는 싱글 스레드 언어이기 때문에, 자바스크립트 코드는 전체 코드가 실행될 때 까지 순차적으로 실행됩니다. 이는 웹 UX 관점에서 치명적일 수 있기 때문에 자바스크립트는 비동기 처리를 지원하기 위한 여러 기능을 제공합니다.자바스크립트에서 주로 사용되는 비동기

뷰포트에서 가장 큰 콘텐츠 엘리먼트가 나타날 때 측정한다. 페이지의 주요 내용이 화면에 렌더링이 완료되는 시기를 결정하는데 사용된다.FID는 사용자가 페이지와 처음 상호 작용할 때(예: 링크를 클릭하거나 버튼을 탭하거나 사용자 지정 JavaScript 기반 컨트롤을 사

쿠키

글을 시작하며.. 과거에서부터 웹 프론트엔드 기술은 요구되는 기능의 양이 방대해지면서 다양하게 진화를 거듭해왔다. 이를테면 여러 모듈을 번들링하고 ECMAScript를 지원하지 않는 브라우저를 위해 코드 트랜스파일링을 진행해주는 바벨 플러그인을 사용할 수 있는 웹팩의

본고는 회고록을 작성하지 않았던 2021년도부터 2022년도까지의 나의 개발 생활과 바탕해 회고한 내용들을 적는다. 그 중에서도 본고에서는 아하팀에서 내가 진행해왔던 업무와 이를 통해 얻은 것들을 바탕으로 진행한다. 아하팀에서 근무 하면서 여러 좋은 장점들이 많았습

아하팀에서는 상태관리 라이브러리로 Redux-toolkit(이하 RTK)를 사용합니다.왜 RTK를 선택하게 되었을까요?아래는 기존 Redux에서 Action을 만드는 코드 조각입니다.여기서 Redux의 첫번째 단점이 부각됩니다.바로 상용구의 사용이 잦다라는 점입니다.이

CSS-IN-JS는 단어 그대로 Javascript 내에 CSS 문법을 사용하는 방식을 의미합니다.본고에서는 기본적인 지식부터 학습해 어떻게 CSS-IN-JS가 동작하는지 알아보겠습니다.

최근에 면접을 보면서 This에 대한 심화 질문이 나왔다. 문서에도 몇 번 적었던지라, 자신있게 대답했는데 아뿔싸 완벽하게 이해하지못해 많이 헤매었다. 일단 This가 Javascript에서 어떻게 동작하는지 알아보자. Javascript에서 This는 호출 방식

주니어는 기능의 구현에 힘을 쓰고, 시니어는 이후 유지보수와 확장에 힘을 쓴다고 한다.지난 근 한달간 면접 준비를 위해 배웠던 CS 기초들과 진행했던 포트폴리오 프로젝트, 돌이켜보면 구현을 위해 중요한 것을 놓치고 있었을지도 모른다.최근에 진행한 아주 간단한 기능을 구

웹 개발자라면 놓칠 수도 있는 기반 지식에 대해서 다시 한번 정리해봅시다.

저번 교육에서는 타입스크립트가 무엇인지, 자바스크립트와 차이점이 무엇이고 실제로 어떻게 동작하는 지 간단히나마 살펴보았다. 또한, 하나의 함수를 생성하여 해당 함수가 필요로하는 인자들의 필수여부를 ? 기호를 사용하여 지정하였다. 타입스크립트는 함수가 사용하는 파라미

매 주 한 문제씩 풀어나가는 알고리즘 모임. 이번에는 그리디 알고리즘이다. 최근에 많은 DP 알고리즘을 풀어 그리디 알고리즘으로 눈을 돌렸다. 이번에 새롭게 알고리즘 시작하시는 분이 모임에 합류하게 되어, 그리디 유형 중 정답 비율이 높은 알고리즘으로 채택하게 되었

본고는 BOF 2565에 대한 전반적인 설명과 이를 해결한 방법 등을 기술하기 위해 작성되었습니다. 문제 두 전봇대 A와 B 사이에 하나 둘씩 전깃줄을 추가하다 보니 전깃줄이 서로 교차하는 경우가 발생하였다. 합선의 위험이 있어 이들 중 몇 개의 전깃줄을 없애 전깃줄

본고는 내가 면접을 진행하면서 받았던 모든 질문과 그와 대응했던 나의 답변들을 적고, 틀린 부분들을 정정하며 내 자신에게 개선책을 마련하기 위해 작성한다.

왜 이 글을 쓰게 되었는가.. 얼마 전에 기술 면접을 보게 되었다. 많은 기술 블로그를 보며 면접 관련 문서를 작성하였지만 면접관 분께서 TDZ를 설명하라는 말을 들었을 때 순간 잘못 알아 들었다고 착각할 만큼 생소한 단어였다. Javascript 면접 질문 -1- J

본고에서는 개발 실무에 있어 자주 사용하는 CSS 유형에 대해 알아보자.우선 다음 HTML문법을 보자.위 문법을 렌더랑하면 다음과 같이 표시된다.CSS에서 display 속성은 웹페이지 상에 엘리먼트들이 어떻게 보여지고 다른 엘리먼트와 어떻게 상호 배치되는지를 결정합니

근 한달 동안 부족한 개념을 다시 채워가면서 많이 성장했다.오늘 클래스101 면접을 보았는데 경험과 느낀점을 공유할까 한다.내 첫 번째 (어찌보면 제대로 된 기술 면접)은 나에게 많은 것을 깨닫게 해주는 면접이었다.면접관 분들은 총 세 분이셨는데 모두 유능해보이셨고 정

React의 클래스형 컴포넌트에서 사용하는 LifeCycle API는, 컴포넌트가 DOM 위에 생성되거나 사라질 때, 혹은 업데이트될 때 호출되는 API입니다.DOM과 유사한 객체를 메모리에 올리고, 변경사항이 생기면 메모리에 올라간 Virtual DOM을 수정하고,

본고에서는 필자가 곧 준비하는 면접을 위해, 구글링을 통해 찾은 면접 문항 리스트들을 나열한다.todo: repaint 용어 살펴보기사용자가 특정 페이지에 접속하여 HTML을 서버로부터 내려받으면, 브라우저의 렌더링 엔진에서는 이를 파싱한다.HTML 파싱을 진행하면서,

본고에서는 자바스크립트의 실행 컨텍스트의 의미와 동작 방식을 설명합니다.