중괄호 {}를 사용하는 방식은 함수 본문을 명시적으로 작성하고 명시적으로 return 키워드를 사용하여 값을 반환해야 합니다. 여러 줄의 코드를 작성하거나 복잡한 로직을 처리할 때 유용합니다.소괄호 ()를 사용하는 방식은 암시적으로 값을 반환하며, 주로 간단한 JSX를

React 라이프사이클은 컴포넌트가 생성되고 업데이트되며, 제거되는 일련의 단계를 의미합니다. 각 단계에서 특정 메서드가 호출되며, 이를 통해 컴포넌트의 상태나 다른 작업을 수행할 수 있습니다. 1. 마운트(Mounting) 마운트 단계는 컴포넌트가 처음 DOM에

class클래스 컴포넌트에는 반드시 render 메서드가 필요하며, 이 메서드는 컴포넌트의 JSX를 반환합니다.생성자 (constructor):상태 초기화 및 바인딩을 위해 사용됩니다.props를 받아 super(props)를 호출하여 부모 클래스의 생성자를 호출합니다

서버와 클라이언트 간의 안전한 통신 및 인증을 위한 중요한 구성 요소입니다.API Key: 주로 외부 서비스 또는 API와 통신할 때 사용됩니다. API 키는 서비스에 액세스하는 사용자나 애플리케이션을 고유하게 식별하고, API 사용량을 제한하거나 권한을 부여하는 데

.get, .then, .catch는 JavaScript에서 프로미스(Promise)를 사용하여 비동기 작업을 다룰 때 사용되는 구조입니다. 비동기 작업은 일반적으로 네트워크 요청, 파일 읽기/쓰기, 데이터베이스 쿼리 등과 같이 시간이 오래 걸리거나 외부 리소스에 접근

웹 브라우저에서 제공하는 클라이언트 측 데이터 저장소입니다. 이 저장소는 도메인과 관련된 작은 데이터를 사용자의 브라우저 내에 지속적으로 저장할 수 있도록 해줍니다. 로컬 스토리지는 쿠키보다 더 많은 용량을 가지며, 서버로 데이터를 전송하지 않고도 웹 애플리케이션의 상

axios와 useQuery는 각각 다른 상황에 더 유용하게 사용할 수 있는 라이브러리 및 훅입니다.axios는 네트워크 요청을 처리하는 데 강력한 도구입니다.주로 서버와의 통신, REST API 호출, 외부 데이터 요청 등에 사용됩니다.복잡한 요청이나 다양한 상황에서

리턴값의 타입을 지정한 경우: 함수가 number 타입의 값을 반환한다는 것을 명시적으로 나타냅니다. 코드를 읽는 사람들은 함수의 리턴값이 항상 숫자라는 것을 확신할 수 있습니다.리턴값의 타입을 지정하지 않은 경우: TypeScript는 배열의 숫자들을 더한 결과값을

타입스크립트에서 정의하는 타입에는 여러 가지가 있습니다. : 객체의 구조를 정의하는 타입입니다. 확장이 가능합니다.특정 객체가 인터페이스의 구조를 따르도록 강제할 수 있으며, 코드의 가독성과 재사용성을 높입니다.: 인터페이스와 유사하게 객체의 구조를 정의하는 타입입니다

리듀서란❓

: 자바스크립트에서 주로 정규 표현식을 작성하거나, 나눗셈 연산을 수행할 때 사용됩니다.정규 표현식에서 /로 감싸진 패턴은 해당 패턴과 일치하는 문자열을 찾거나 변형하는 데 사용됩니다. 예를 들어, 'INCREMENT/DECREMENT'는 슬래시를 사용하여 'INCRE

combineReducers는 Redux에서 사용되는 여러 개의 리듀서(reducer)를 하나로 결합하는 함수입니다.Redux 애플리케이션에서는 하나 이상의 리듀서를 사용하여 각각의 상태를 관리하게 됩니다. combineReducers 함수는 이러한 리듀서들을 하나의

콜백 함수는 다른 함수에게 인자로 전달되어 나중에 호출되는 함수를 의미합니다. 콜백 함수는 비동기적인 작업, 이벤트 처리, 타이머 등 다양한 상황에서 사용됩니다.setTimeout 함수는 지정된 시간이 경과한 후 콜백 함수를 호출합니다.addEventListener 함

: 객체의 메서드 함수로써 더 적합니다.일반 함수는 자신이 호출되는 방식에 따라 this 값을 동적으로 바인딩합니다.this는 함수가 호출될 때 호출 컨텍스트에 따라 결정됩니다. 호출 컨텍스트는 함수가 어떻게 호출되었는지에 따라 달라집니다.일반 함수의 this는 함수가

현재값을 스프레드(spread)연산자(...)로 사용하여 그대로 복제하기 때문에 불변성을 유지합니다.

타입스크립트는 Microsoft에서 개발한 오픈 소스 프로그래밍 언어입니다. 타입스크립트는 자바스크립트의 상위 집합으로, 자바스크립트 코드를 포함하면서 정적 타입 시스템을 추가합니다. 이는 개발자가 변수, 함수, 객체 등을 사용할 때 타입을 명시적으로 지정하고 검사할

Redux는 JavaScript 애플리케이션의 상태 관리를 도와주는 도구입니다. : Redux는 애플리케이션의 상태를 일관되고 예측 가능한 방식으로 관리합니다. 모든 상태 업데이트는 순수 함수인 리듀서를 통해 이루어지며, 이러한 특징은 코드 디버깅과 테스트를 훨씬 쉽게

API 키는 클라이언트가 서버에 요청을 보낼 때 서버가 그 요청을 식별하고, 허가하는 데 사용하는 수단입니다.: 서버는 API 키를 이용해 요청을 보낸 클라이언트를 식별합니다. 이를 통해 허용된 클라이언트만 API를 사용할 수 있게 됩니다.: API 키는 서비스 제공자

각 인터페이스는 해당 컴포넌트에서 수행하는 한 가지 주제나 목적에 대한 props를 관리하도록 할 수 있습니다.

테마를 사용하는 경우, TypeScript가 테마의 타입을 알 수 있도록 해야 합니다. 이를 위해 보통 별도의 타입 정의 파일을 만들고, 이 파일에서 DefaultTheme을 확장합니다.declare module은 기존 JavaScript 모듈에 대한 타입 선언을 추가