케빈의 기술블로그

개념 소개Jotai는 React 애플리케이션을 위한 최신 상태 관리 라이브러리입니다. '원자적(atomic)' 접근 방식을 채택하여 글로벌 상태를 관리합니다. 이는 Recoil에서 영감을 받아 개발되었으며, React의 Context API와 useState 훅의 장점을 결합한 형태라고 볼 수 있습니다.Jotai의 주요 특징:간단한 API: useState와 유사한 직관적인 사용법타입스크립트 지원: 강력한 타입 추론 기능자동 최적화: 불필요한 리렌더링 방지유연성: 단순한 상태부터 복잡한 비동기 상태까지 처리 가능사용 방법 및 예시1. 기본 사용법먼저 Jotai를 설치합니다:npm install jotai그리고 기본적인 atom을 생성하고 사용하는 방법은 다음과 같습니다:import { atom, useA..

VS Code에서 TypeScript와 Next.js를 함께 사용하기 위한 환경을 설정하는 방법을 단계별로 알아보겠습니다. 🚀1. Next.js 프로젝트 생성먼저, 터미널에서 다음 명령어를 실행하여 TypeScript를 사용하는 Next.js 프로젝트를 생성합니다:npx create-next-app@latest my-nextjs-app --typescript프로젝트 생성 중 나타나는 질문들에 적절히 답변해주세요.2. VS Code 설정생성된 프로젝트 폴더를 VS Code로 엽니다:cd my-nextjs-appcode .VS Code에서 다음 확장 프로그램들을 설치합니다:ESLintPrettier - Code formatterTypeScript TSLint Plugin3. TypeScript 설정tsco..