atomicdev 님의 블로그

프로젝트 소개 및 초기 설정이슈 트래커 주요 기능 개요React 및 RealGrid 설치, 초기 환경 설정UI 구조 설계와 데이터 모델 정의데이터 관리 및 기본 기능 구현RealGrid 데이터 바인딩: 이슈 생성 및 수정필터링, 정렬, 페이지네이션 기능이슈 속성별 상태 및 우선순위 관리이슈 상세 관리와 협업 기능 추가이슈 상세 보기 및 편집 모달사용자 할당 기능과 댓글 추가변경 기록 관리 및 알림 기능 구현배포와 최적화대용량 데이터 성능 최적화데이터 내보내기 및 백업배포와 최종 테스트, 서버 연동

Recoil의 기본 개념 (Atom과 Selector)1. Atom: 상태의 최소 단위Atom은 Recoil의 가장 작은 상태 저장소입니다. 애플리케이션의 상태가 필요한 부분에서 Atom을 생성하고 사용합니다. Atom에 저장된 값은 필요에 따라 여러 컴포넌트에서 사용할 수 있으며, Atom의 값이 업데이트되면 해당 값을 사용하는 모든 컴포넌트가 자동으로 다시 렌더링됩니다.Atom의 특징React 컴포넌트에서 사용할 수 있는 상태를 나타냅니다.Atom에 저장된 값은 기본 상태를 나타내며, 여러 컴포넌트에서 공유될 수 있습니다.예제: Atom 사용하여 간단한 카운터 만들기먼저 atoms.js 파일을 생성하고, Atom을 정의합니다.// src/atoms.jsimport { atom } from 'recoi..