![](http://i1.daumcdn.net/thumb/C148x148.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/orWrk/btrQfc3WAXv/B7i3ooxbd2ojSGOS1x26L0/img.png)
몇 주 전 백엔드 개발자가 npm쓰는지 yarn을 쓰는지 물어보았다. 그러면서 여러 이야기를 나누었는데, 그때 생각이 나 둘의 차이를 정리해보고자 한다. 참고로 나는 두 개의 경험이 다 있다. ✔️ 패키지 관리자란? 일단 npm과 yarn을 알려면 그 두 개가 무엇인지 부터 알아야 한다. npm과 yarn은 Node.js의 패키지 관리자이다. 즉, 전 세계의 개발자들이 js를 통하여 다양하게 만든 라이브러리 등의 패키지를 인터넷에 올리게 되면 npm이나 yarn 등과 같은 패키지 관리자를 통하여 설치 및 삭제 등의 관리를 하는 것이다. 더불어 CLI라고 불리는 command-line interface를 통하여 설치 및 삭제 뿐 만 아니라 버전 관리 등도 편하게 할 수 있다는 특징이 있다. 참고로 npm이..
![](http://i1.daumcdn.net/thumb/C148x148.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/dRimYd/btrIt9HOlG7/UP8xq18UNFquNRTqM74bvK/img.png)
보통 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..
![](http://i1.daumcdn.net/thumb/C148x148.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bNOPQr/btrJMzDITJO/eb1kdjyjNeN9KuZrLazBDk/img.png)
지난번에 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를 통해서 명령어를 한 번 실행하였고 제대로 설치됨을 확인하였..
![](http://i1.daumcdn.net/thumb/C148x148.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/SMIF8/btrJC46NKI6/VCU9LGu7X8LktakqoMAS6k/img.png)
오랜만에 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_..
- Total
- Today
- Yesterday
- 깃명령어
- BFCache
- sentry
- npm
- 깃
- 모바일사파리
- storybookUI
- 리액트상태관리
- js테스트
- 크롬
- 리액트
- 리코일
- 자바스크립트
- CSS
- javascript
- frontend
- gitRebase
- 사파리
- 프론트앤드
- TIL
- 리액트훅
- Git
- vue
- 프론트엔드
- 센트리
- 김민태
- reacthook
- js
- 센트리모니터링
- react
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |