반응형

2024/03/19 2

타입스크립트 개요 및 개발 환경 구성

타입스크립트란? 2012년 마이크로소프트에서 발표한 오픈소스 프로그래밍 언어로, 자바스크립트의 기반의 정적 타입 문법을 추가한 프로그래밍 언어! 타입스크립트의 특징 정적 타입의 컴파일 언어 자바스크립트(동적 타입) : 변수의 타입 오류를 런타임(동작) 시점에 확인 타입스크립트(정적 타입) : 변수의 타입 오류를 컴파일 시점에 확인 자바스크립트로 변환(컴파일) 후 브라우저에나 Node.js 환경에서 동작 개발환경 구성 ts-test 디렉토리 생성 프로젝트 생성 npm init -y 패키지 설치 parcel : 웹 애플리케이션 번들러 npm i -D parcel typescript { "name": "ts-test", "version": "1.0.0", "description": "", // "main": ..

Front/React 2024.03.19

useReducer - React 배우기

useReduceruseReducer 란?useReducer 는 useState 보다 더 다양한 컴포넌트 상태를 관리하는 Hook 입니다. useState 는 컴포넌트 상태를 관리하는 가장 기본적인 Hook 이지만, useReducer 는 복잡한 상태 로직을 다루기에 더 적합합니다.컴포넌트에서 상태 변화 코드를 쉽게 분리할 수 있고, 상태 로직을 컴포넌트 바깥으로 빼내어 재사용할 수 있습니다.useReducer 사용법useReducer 는 다음과 같이 사용합니다.const [state, dispatch] = useReducer(reducer, initialState)state : 현재 상태dispatch : 액션을 발생시키는 함수, 액션을 발생시키면 리듀서 함수가 호출되어 상태가 변경됩니..

Front/React 2024.03.19
반응형
티스토리 친구하기