connecting dots

useState와 UseEffectuseState와 useEffect는 React 훅으로, 각각 상태(state)와 사이드 이펙트(side effect)를 관리하는 데 사용됩니다.1. useStateuseState는 함수 컴포넌트에서 상태를 관리하기 위해 사용됩니다.이는 컴포넌트가 상태를 가지고 있고, 이 상태가 변경될 때 컴포넌트를 다시 렌더링할 수 있게 합니다. 예제import React, { useState } from 'react';function Counter() { const [count, setCount] = useState(0); // 상태 변수와 그 상태를 변경하는 함수 return ( Count: {count} setCount(count + 1)}>Incr..

Redux 알아보기- state: 데이터- action: 함수함수도 하나의 데이터이긴 함. 데이터 중 함수는 호출 가능호출을 해서 추가적인 명령을 실행하는 개념 동기 처리는1) 액션을 만들어서 데이터를 어떻게 변경할지 type(액션의 이름)과 payload(매개변수)로 설정한다.2) 필요한 곳에서 디스패치 액션을 호출한다.3) 액션(내부 로직으로)에서 상태를 업데이트할 수 있다.비동기 처리는1) 액션을 만들어서 데이터를 어떻게 변경할지 type(액션의 이름)과 payload(매개변수)로 설정한다.2) 필요한 곳에서 디스패치 액션을 호출한다.3) 액션(내부 로직으로)에서 상태를 업데이트할 수 있다.- fulfilled/rejected (무엇을 의미하는 것인지 등은 파악해야 함)만일 사용자가 버튼을 클릭하는..

배열 메소드메소드란 ?객체의 속성 중 하나로, 함수 형태로 정의되어 객체의 동작(behavior)을 나타내는 속성입니다. JavaScript에서 배열 메서드는 배열 객체의 프로토타입에 정의된 함수로, 배열을 조작하거나 배열의 정보를 반환하는 데 사용됩니다.JavaScript 배열도 객체이며, 배열에 사용되는 메서드는 배열의 프로토타입에 정의되어 있습니다.  간단 정리정적 메서드1. Array.from: 유사 배열 객체나 반복 가능한 객체를 배열로 변환합니다.2. Array.isArray: 주어진 값이 배열인지 여부를 확인합니다.인스턴스 메서드1. at: 배열에서 지정된 인덱스에 있는 요소를 반환합니다.2. concat: 두 개 이상의 배열이나 값을 결합하여 새로운 배열을 반환합니다.3. every: 배열..

type FooterProps = { message: string color?: 'blue' | 'red' | 'green' | 'yellow" // 또는}type HeaderProps = { title: string size?: 'small' | 'medium' | 'large' color?:'blue' | 'red' | 'green' | 'yellow"}function Header(props: HeaderProps) { return ( {props.title} )}function App() { return ( // 오류 발생, color에는 black이 들어갈 수 없음 ! )}vite: 간단해서 많이 사용↓webp..