클로저 클로저란 우선 자바 스크립트의 고유 개념은 아니다. 함수를 일급 객체로 취급하는 함수형 프로그래밍 언어에서 사용되는 중요한 특성이다.

자바스크립트의 비동기 처리 방식 javascript는 언어 단에서 비동기 처리를 지원하지 않는다. 하지만 네트워크 요청, 타이머 실행 등등 여러 작업들을 동기적으로 처리하기에는 어려움이 있다. 따라서 자바스크립트를 실행시켜주는 환경에서 비동기 처리를 지원해줘야 한다. …

스코프란? 스코프는 컨택스트 값과 표현식이 표현되거나 참조될 수 있는 현재 실행되는 컨택스트를 의미한다.

리액트의 리렌더링을 유발하는 경우 -> 리액트의 리렌더링을 유발하는 경우는 크게 3가지이다.

Eslint의 동작 방식 eslint에서 특정 규칙을 파악하는 방법 AST Eslint는 AST를 만들어서 규칙을 정의하고 적용한다.

구현할 컴포넌트의 타입 정리 -> 대부분의 디자인 시스템은 다음과 같은 대분류를 갖는다.

타입 관련 유틸리티의 필요성 컴포넌트의 다형성 같은 컴포넌트가 서로 다른 형태와 역할을 가질 수 있는 능력을 말한다. 디자인 시스템을 적용할 떄, 컴포넌트의 다형성에 대해서 생각해볼 수 있다. < 다음 예시는 다형성을 지원하지 않는 구조의 컴포넌트이다 >

스타일 관련 유틸 함수 스타일 관련 유틸함수가 필요한 이유 tailwind-variant로 생성해서 지정한 props와, className을 통해 받는 props를 다 가능하게 할 경우 스타일들이 겹치는 문제가 발생한다. 디자인 시스템을 구성하는 경우 default 스 …

1. 구조 설정 과정 전반적으로 참고한 문서 https://devblog.kakaostyle.com/ko/2024-12-13-1-rebuilding-frontend-design-system/ 중요하게 생각하는 것 트리셰이킹 및 번들링이 제대로 이뤄져야 한다. 아이콘, …

1. 디자인 시스템 기획 배경 기존 시스템의 문제 기존의 레포에서는 디자인 시스템이 불규칙하게 자리잡아 있었음. 초기 서비스를 구축할 떄 빠른 개발 진행, 디자인 토큰 구축 미흡, 인원 부족 등 여러 상황으로 인해 기존의 레포에서 작업을 함에 있어서 많은 어려움이 있었 …