NPM 2

[MFA] Node 패키지 매니저, 워크스페이스 개념(soft-navigation,hard-navigation)

Npm package.json을 사용하여 프로젝트 의존성 및 구성을 관리한다. 프로젝트에 필요한 외부 라이브러리나 도구들을 손쉽게 추가하고 관리할 수 있다. 패키지들 간의 의존성을 자동으로 해결해 준다. 스크립트를 정의하여 빌드, 테스트, 시작등 작업을 간편하게 실행할 수 있다. 한 번에 하나씩 순차적으로 설치한다. (npm5부터는 병렬설치로 개선) lock파일의 도입으로 정확한 의존성 해결과 패키지 설치를 보장한다. 모든 환경에서 동일한 패키지 버전이 사용되어 일관된 동작이 가능해진다. 이전에 설치된 패키지를 캐싱하여 더 빠른 재설치가 가능하다. 패키지 버전을 명시적으로 기록하여 예상치 못한 업그레이드 방지하여 프로젝트의 안정성과, 보안 측면이 좋다. 워크스페이스 기능을 도입되었다. (npm7버전 부터..

MSA 2023.11.19

[React] Zustand 란? 사용법 State 상태 관리

Zustand 상태 관리 라이브러리 보일러 플레이트가 거의 없다. 다른 상태 관리 라이브러리 보다 사용이 쉽다. Debugging도 용의하다. ex) Redux Devtools Zustand 설치 npm install zustand yarn install zustand Zustand 생성 - 예시 로그인 에러 정보를 담는 zustand import create from 'zustand'; export type CodeEnumsMemberType = 'ANY' | 'CORPORATION' | 'FRANCHISE' | 'NONE' | 'PERSONAL'; export type SocialLoginType = 'APPLE' | 'FACEBOOK' | 'GOOGLE' | 'KAKAO' | 'NAVER' |..

React 2023.04.18