개발기록

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 등) 활용: 모든 코드 변경 사항을 추적하고 관리자동 빌드 및 테스트: 코드가 변경될 때마다 테스트를 실행하여 문제를 조기에 발견빠른 피드백..

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..

API가 무엇인가요?

https://yarnpkg.com/getting-started/qa#which-files-should-be-gitignoredhttps://toss.tech/article/node-modules-and-yarn-berry node_modules로부터 우리를 구원해 줄 Yarn Berry토스 프론트엔드 레포지토리 대부분에서 사용하고 있는 패키지 매니저 Yarn Berry. 채택하게 된 배경과 사용하면서 좋았던 점을 공유합니다.toss.tech  https://brunch.co.kr/@5c684f75c47e4a9/34 Next.js에 yarn berry 사용해보기왜 자꾸 나 몰래 유행하는지.., | 새 프로젝트에 들어가며, 언제나 그랬듯 기술스택을 고민한다. 익숙하고 편한 리액트?  귀찮고 낯선 새로운 기..