타입스크립트 클래스(class) 사용법 클래스에서 타입정의 방법은 함수 정의 방법과 비슷하며, 생성자 메서드에서 사용될 속성들을 미리 정의 해주어야합니다. 제네릭(Generic) 이란 ? 제네릭(Generic)은 타입을 미리 정의...

타입 별칭(type alias)이란? 타입 별칭(type alias)은 특정 타입이나 인터페이스 등을 참조할 수 있는 타입 변수를 의미합니다. 즉, 타입에 의미를 부여해서 별도의 이름으로 부르는 것입니다. 타입 별칭은 반복되는 타입 코드를 줄여 줄 수있습니다.

인터페이스란? 타입스크립트에서 객체 타입을 정의할 때 사용하는 문법입니다. 인터페이스를 사용하여 객체의 속성과 들어갈 데이터 타입을 정확하게 정의할 수 있습니다.

타입스크립트(TypeScript)는 안전하고 예측 가능한 코드 구현에 초점을 맞춘 JavaScript의 상위집합(SuperSet) 언어 입니다.typescript의 가장 큰 특징은 javascript에 type system를 적용한 것입니다.typescript로...

스택은 데이터를 일시적으로 저장하거나 처리 순서를 관리하기 위해 사용됩니다. 스택은 데이터를 일렬 나열 하여 데이터의 추가와 제거가 한쪽 끝에서만 이루어지는 구조입니다. 스택은 LIFO(Last In Fisrt Out, 후입선출) 자료구조로 마지막으로 추가된 요소...

Redux? 자바스크립트 상태관리 라이브러리로 중앙집중식 저장소를 이용하여 어플리케이션의 상태를 예측하고 일관성있게 관리하기 위해 사용됩니다. 어플리케이션 규모가 커지거나 상태가 복잡해질 때 유용하게 사용할 수 있습니다.

함수형 컴포넌트 vs 클래스형 컴포넌트

이벤트 루프 & 태스크 큐

커스텀 훅은 리액트 함수형 컴포넌트에서 로직을 재사용하기 위한 방법 중 하나입니다. 함수형 컴포넌트에서는 상태 관리와 라이프사이클 관리를 useState, useEffect와 같은 훅을 사용하여 처리합니다. 하지만 컴포넌트가 커지면서 특정 로직이 중복되거나 복잡해...

useEffect: 컴포넌트가 렌더링 될 때마다 Side Effect(부수 효과)로직을 다루는 hook useLayoutEffect : 실제 DOM 반영 후, 화면에 그려지는 Browser Paints screen 단계 직전 "동기적"으로 실행되는 hook

useState 외의 다른 상태관리 hook 컴포넌트의 상태 업데이트 로직을 컴포넌트에서 분리시킬 수 있으며, 상태 업데이트 로직을 컴포넌트 바깥에 작성 할 수도 있고, 다른 파일에 불러와서 사용할 수 있다. **복잡한 상태를 다룰 때 유용하며, 유지보수시에도 유용

ContextAPI는 리액트의 내장 기능으로, 컴포넌트 끼리 값을 쉽게 공유할 수 있게 해주며, **Props Driling**을 방지한다. 주로 전역 상태를 관리할때 사용된다.

useCallback: 인자로 전달받은 콜백함수 자체를 memoization하여 캐싱, 의존성 배열에 넣은 값들이 변화할때만 함수가 재생성 useMemo: 필요한 값을 memoization 하여 캐싱, 의존성 배열에 넣은 값들이 변화할때만 값이 변경...

Throttleing(쓰로틀링)은 마지막 함수가 실행된 이후 일정 시간이 지나기 전까지 함수가 호출되지 않도록 하는 테크닉 Debouncing(디바운싱)은 연속으로 호출되는 함수들 중에 마지막에 호출되는 함수(또는 제일 처음 함수)만 실행되도록 하는 것하는 테크닉

이미지 최적화가 필요한 이유 1. 리소스 최적화 및 로딩 속도 개선 2. UX 향상 3. SEO 최적화

Closure ? 어떤 함수에서 선언한 변수를 참조하는 내부함수를 외부로 전달하는 경우 외부 함수가 종료된 이후에도 외부함수에서 선언한 변수가 사라지지 않는 현상 즉, **내부 함수**에서 **외부함수**의 값에 접근할 수 있다는 개념

Map&Set?

execute context ? 실행할 코드에 제공할 환경 정보들을 모아놓은 객체를 의미합니다.

기존 콜백함수와 프로미스의 비동기처리 방식을 보완하고, 좀 더 보기 편하게 개선한 Syntactic sugar 문법입니다.

- promise는 어떤 과정 이후 주어진 동작을 실행할 것을 약속하는 것을 의미합니다. - 중첩된 비동기 코드를 직관적이고 연속적인 코드로 작성할 수 있도록 합니다. - callback hell의 문제를 해결할 수 있습니다.