차가운세상

기존 프로젝트에서 TDD를 적용하기 위해서 @testing-library/react을 사용하여 시도를 하던중 Import 컴포넌트를 하였지만 Module를 찾지 못했다는 메시지가 발생하였다. 해결책: Package.json 안에 { "name": "testing", ... "scripts": { "start": "cross-env NODE_PATH=src react-scripts start", "build": "cross-env NODE_PATH=src react-scripts build", "test": "react-scripts test --modulePaths=src", "eject": "react-scripts eject" }, ... } --modulePaths=src 를 넣으면 절대경로를 인식..

리액트로 프로젝트를 개발하며 자주 볼수있는 npm을 이용하면 package-lock.json yarn을 사용하면 yarn.lock 왜? 자동으로 파일이 생성될까? 패키지 매니저 패키지 관리를 위해 npm을 사용하든 yarn을 사용하든 해당 프로젝트의 메타 정보는 package.json 파일을 통해 관리가 됩니다. 이 package.json 파일에는 해당 프로젝트가 의존하고 있는 모든 패키지 이름과 버전이 나열되어 있는데요. 일반적으로 쓰이는 패키지들은 dependencies (react,react-dom 등)항목에, 개발할 때만 필요한 패키지들은 devDependencies(Jest,cypress 등) 항목에 명시됩니다. 개발자들의 설치 날짜에 패키지 버전 다름 개발자가 여러명이 있는 개발팀에서 프로젝트..