개발기록

1. 패키지 매니저란?패키지 매니저는 코드의 재사용성을 높이고, 의존성을 효율적으로 관리할 수 있도록 돕는 도구이다. 주요 기능은 아래와 같다.패키지 설치 및 삭제의존성 관리패키지 업데이트캐시 활용 및 성능 최적화스크립트 실행 및 프로젝트 관리JavaScript나 TypeScript에서는 import 구문을 사용하여 외부 라이브러리 및 모듈을 참조할 수 있다. 이러한 외부 의존성을 올바르게 관리하고 참조할 수 있도록 보장하는 프로그램이 바로 패키지 매니저이다.import React from 'react'; 소스 코드보다 상위 디렉토리에 위치한 package.json 파일은 프로젝트의 의존성을 정의하고, 특정 패키지의 버전 정보를 명시하여 모호성을 해결하는 역할을 한다.예를 들어, package.json ..

보호되어 있는 글입니다.

1. CI/CD란?CI/CD는 Continuous Integration(지속적 통합)과 Continuous Deployment(지속적 배포)의 약어로, 소프트웨어 개발의 자동화된 빌드, 테스트, 배포 프로세스를 의미한다. 이를 통해 개발자는 보다 신속하고 안정적으로 애플리케이션을 배포할 수 있다. 2. CI(지속적 통합, Continuous Integration)🔹 CI란?CI(지속적 통합)는 개발자가 코드 변경 사항을 정기적으로 저장소(Repository)에 병합하고, 자동화된 빌드 및 테스트를 실행하는 프로세스이다.🔹 CI의 핵심 요소버전 관리 시스템(Git 등) 활용: 모든 코드 변경 사항을 추적하고 관리자동 빌드 및 테스트: 코드가 변경될 때마다 테스트를 실행하여 문제를 조기에 발견빠른 피드백..

1. 브랜치 전략이란?브랜치(branch) 전략이란 효율적인 소스 코드 관리를 위해 브랜치를 어떻게 생성하고, 관리하며, 병합할지를 정하는 개발 방식협업하는 팀원 간의 원활한 개발 흐름을 유지하고, 안정적인 배포를 보장하기 위한 필수적인 전략2. 자주 쓰이는 브랜치 전략1️⃣ Git Flow🔹 개요: Git Flow는 기능 개발, 릴리즈, 핫픽스를 위한 명확한 브랜치 체계를 제공하는 전략이다. 협업이 필요한 프로젝트에서 많이 사용된다.  🔹 주요 브랜치:main 배포용, 안정적인 코드만 존재develop 기능 개발이 완료된 코드가 모이는 브랜치feature/* 개별 기능 개발 브랜치release/* 배포 준비를 위한 브랜치hotfix/* 긴급 수정 사항 적용 브랜치🔹 흐름:feature 브랜치에서 ..

보호되어 있는 글입니다.

https://react.dev/reference/rsc/server-components Server Components – ReactThe library for web and native user interfacesreact.dev https://funveloper.tistory.com/214 React 의 RSC, RCC 에 대하여 (with Next.js)React 18 버전이 출시 된 후 Next.js 에서는 app dir 기능이 도입되어 React 의 RSC, RCC 기능을 사용할 수 있게 되었습니다. 이번 포스트에서는 최근 화두인 RSC, RCC 에 대해 한번 정리해보고자 합니다. RSCfunveloper.tistory.com https://www.blan19.com/tech/rsc-deep-..

1. useTransitions기존 방식useState로 상태 직접 관리 React 19 이후useTransitions으로 간소화함 2. useFormState -> useActionStateuseFormState가 useActionState로 대체됨.비동기 작업과 상태관리 간소화 3. useFormStatus하위 컴포넌트에서 상위 form 상태를 읽을 수 있도록 해주는 Hookform 상태관리 간소화 4. useOptimistic낙관적 업데이트를 할 수 있음 5. 새로운 API: usePromise나 context와 같은 리소스의 값을 읽을 수 있게 해줌              https://react.dev/blog/2024/12/05/react-19 React v19 – ReactThe librar..