혜르미온느

몇 주 전 백엔드 개발자가 npm쓰는지 yarn을 쓰는지 물어보았다. 그러면서 여러 이야기를 나누었는데, 그때 생각이 나 둘의 차이를 정리해보고자 한다. 참고로 나는 두 개의 경험이 다 있다. ✔️ 패키지 관리자란? 일단 npm과 yarn을 알려면 그 두 개가 무엇인지 부터 알아야 한다. npm과 yarn은 Node.js의 패키지 관리자이다. 즉, 전 세계의 개발자들이 js를 통하여 다양하게 만든 라이브러리 등의 패키지를 인터넷에 올리게 되면 npm이나 yarn 등과 같은 패키지 관리자를 통하여 설치 및 삭제 등의 관리를 하는 것이다. 더불어 CLI라고 불리는 command-line interface를 통하여 설치 및 삭제 뿐 만 아니라 버전 관리 등도 편하게 할 수 있다는 특징이 있다. 참고로 npm이..

보통 html에서 스타일을 적용하기 위한 class 추가는 다음과 같은 형식으로 사용한다. 리액트에서는 JSX문법을 사용함으로써, class 대신 className을 사용하여 클래스명을 지정해준다. return ; 여러개의 class를 사용할 때에도 그냥 나열하면 쉽다. return ; className는 react에서 조건부로 스타일이 필요한 경우 className에서 손쉽게 사용하도록 도와주는 모듈이다. https://www.npmjs.com/package/classnames classnames A simple utility for conditionally joining classNames together. Latest version: 2.3.1, last published: a year ago. S..

지난번에 npm 설치 관련 권한 에러에 대해서 해결하는 방법을 포스팅 한 것이 있다. https://hyermione.tistory.com/78 npm 전역 설치 시, 권한 거부 해결방법 1 오랜만에 react 테스트를 하려고 vsCode를 열었다. 근데 왜인걸 npm install을 하려는데 안된다..! 왜지 옛날에는 잘 되었는데???? npm ERR! code EACCES npm ERR! syscall access npm ERR! path /usr/local/lib/n.. hyermione.tistory.com 해결은 되었으나 포스팅에서 언급한 것 처럼 매번 관리자 권한으로 설치해야하는 어려움이 있다. 하단의 캡쳐에 보이는 것 처럼 sudo를 통해서 명령어를 한 번 실행하였고 제대로 설치됨을 확인하였..

오랜만에 react 테스트를 하려고 vsCode를 열었다. 근데 왜인걸 npm install을 하려는데 안된다..! 왜지 옛날에는 잘 되었는데???? npm ERR! code EACCES npm ERR! syscall access npm ERR! path /usr/local/lib/node_modules/npm/node_modules/ansi-align npm ERR! errno -13 npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules/npm/node_modules/ansi-align' npm ERR! [Error: EACCES: permission denied, access '/usr/local/lib/node_..