# npm
.jpeg)
프론트엔드 01 - Node.js, NPM, JSX, CSS-IN-JS
오늘의 목표 1. Node.js 2. NPM (node package module) 3. React의 새로운 HTML, CSS, JS 4. JSX와 CSS-IN-JS
dependencies와 devDependencies
npm 설치 옵션에 --save 추가 또는 아무 옵션을 주지 않습니다.배포에 필요한 의존성npm run build으로 프로젝트를 빌드하면, 최종 애플리케이션의 코드 안에 포함됨 npm 설치 옵션에 --save-dev 또는 -D를 추가합니다.개발에 필요한 의존성개발시에
[FE] NPM package 접두사 '@'
모든 npm package는 이름을 가지고있습니다. 그리고 약간의 패키지들은 scope를 가지고있습니다. 이런 스코프를 가지고있는 패키지들은 이름을 정하는 룰이 있습니다. 바로 @ symbol과 slash를 사용하는 것이죠.이것을 scoped packages 라고 부르
[FE] 엑셀 파일 읽기
서버측에서 엑셀 파일을 리드하여 원하는 작업을 수행하는 작업이 있었는데 엑셀 파일에 대량(5만개 정도)의 데이터보다 초과일때 response time이 예상보다 길어지는 이슈가 생겼다. 또 그 응답속도를 예측 할 수 없었기에 한정된 데이터의 크기만큼만 전송 가능하도록
😲npm --global, --local deprecated????
평화로웠던 나에게 이런 일이... nvm으로 node 버전을 사용 관리하고 있습니다. 최신 lts 버전에 딸려온? npm버전보다 최신버전이 있길래 npm 버전을 업데이트 하였는데.... 이게 무슨... 뒤지고 또 뒤지고... 자세히 보지는 않았지만 대충 npmrc 파
[npm] npm에 배포를 해보자
필자는 npm을 이전 v0.1.0으로 배포를 한 적이 있기에 새 변경사항을 반영하는 v0.2.0으로 배포 작업을 진행했다.폴더구조src/lib의 파일들 트랜스파일링publish의 세부 명령어를 작성하여 lib폴더의 파일들을 트랜스파일링 하도록 한다.트랜스파일링시 새로운
Package.json 제대로 활용하기
NPM I 모듈이름 을 통해서 코드 작성에 유용하게 이용되는 모듈을 설치하곤 한다.협업을 진행할 때 각자 쓰이는 모듈이 다르고, 버전이 달라 충돌이 일어나는 경우가 빈번하다.이럴 때 유용하게 쓰이는 npm! 명령어들차례차례 따라오시겠숴요?npm 버전 확인하기 $npm
[6/24 일반] React/ 실습 - 리액트 작동 원리와 기초(문법, 컴포넌트)
1) 필기내용리액트 : FrontEnd 프레임워크 중 하나(요즘 제일 많이 쓰는 웹서비스 개발의 프레임워크)페이스 북 게발에 사용한 기술, 공개 소프트웨어(오픈), 화면 출력에 특화됨, 컴포넌트를 조립하여 화면 구성, GetElementById 이런 것들을 덜 사용,
node, npm, package.json, package-lock.json
node, npm, package.json. pacakage-lock.json 에 대한 정리입니다.
Javascript
node.js는 Chrome V8 Javascript 엔진으로 빌드된 Javascript 런타임이다. Chrome V8 Javascript 엔진이란? js의 문법을 해석하고 그것을 실제로 동작시켜줄 수 있는 엔진.런타임이란? 프로그래밍 언어가 동작하는 환경. 즉 js가
npm-run-all 패키지를 사용해 하위 폴더 전부에 npm install 적용하기
react와 express를 사용해 일정 관리 웹 앱을 만드는 토이 프로젝트를 진행하던 도중, 작업 환경이 집 PC - 집 노트북 - 회사 노트북 총 3가지로 나뉘었습니다. github를 통해 프로젝트를 진행해 파일 동기화에는 문제가 없었으나 node_modules와