패키지 잠금 파일 package-lock.json, yarn.lock 1. 들어가며: "내 컴퓨터에선 되는데요?"협업 중에 이런 경험 한 번쯤 있을 것이다.분명 내 로컬 환경에서는 잘 돌아가던 코드가, 동료의 컴퓨터나 배포 서버에서는 에러를 뿜어내는 상황 말이다. 코드는 똑같은데 왜 결과가 다를까요? 범인은 바로 '미묘하게 다른 라이브러리 버전'일 확률이 높다.오늘은 Node.js 생태계(React, Vue, NestJS 등)에서 개발할 때 필수로 생성되지만, 귀찮은 존재로 오해받기도 하는 package-lock.json과 yarn.lock에 대해 정리해본다. 2. package.json만으로는 부족하다우리는 프로젝트에 필요한 라이브러리를 package.json에 명시한다. 하지만 자세히 보면 버전 ..

Emotion이란? Emotion은 JS로 css 스타일을 작성하도록 설계된 라이브러리다. Emotion은 프레임워크에 구애 받지 않고 사용이 가능하며, React에서도 사용 가능하다. @emotion/styled 패키지 https://www.npmjs.com/package/@emotion/styled `@emotion/styled` 패키지는 style을 가진 Component를 만들고 싶을 때 사용한다.