• Image placeholder
  • 홈 페이지
  • 블로그 센터
  • 범주
Image placeholder

npm

npm을 망쳤어?

사내에서 공부회가 있고 node.js를 사용한 개발이므로 npm을 사용했는데 공부회의 HandsOn대로 해도 움직이지 않는다. GitHub Packages를 사용하고 있으므로, GITHUB_TOKEN(퍼스널 토큰)을 아래와 같이 써 있었습니다만, 이것이 이용되고 있지 않은 것 같습니다・・・ 음. 모르겠어. 환경을 다시 넣는가? fromula에 npm 그건 그렇고 homebrew로 넣은 것 같...

npmhomebrewBash

npm 명령을 사용할 수 있도록 할 때까지의 정리 【mac】

mac의 초기 상태에서는 npm 명령을 사용할 수 없기 때문에 그것을 사용할 수있는 상태가 될 때까지를 기사에 정리했습니다. mac에서 npm 명령을 사용할 수 있도록하려면 Homebrew 설치, Nodebrew 설치, Node.js 설치가 필요하므로 순서대로 설치합니다. 이 페이지의 마지막에 차례로 해 갔을 경우의 각 장면에서의 화면의 슬라이드를 메우고 있으므로, 해설을 모르는 경우는, 그...

npmhomebrewNode.js

Node.js 버전 업 for Mac

Mac에서 실행중인 Node 개발 환경을 최신 상태로 만드는 방법입니다. 1. 각종 툴의 최신 버젼을 확인한다. 내 환경은 Homebrew로 만들었으므로 다음을 확인하십시오. Nodebrew Node.js Homebrew의 버전 정보는 에서 확인할 수 있습니다. 내 환경은 조금 오래되었습니다. Nodebrew의 버전 정보는 에서 확인할 수 있습니다. 나의 환경은, 이것도 낡다,,,,(그래 그...

npmhomebrewNode.js

Windows10에서 npm install -g가 권한 부족으로 실패했을 때의 대책

firebase cli를 Windows에서 설치하려고 할 때 조금 끼워 메모로 남겨 둡니다. 공식대로라면 내 환경에서는 잘 되지 않았기 때문에 조금 어레인지하고 있습니다. 유리한 방법이 아닐지도 모르기 때문에 지적 환영입니다. 공식을 참고로 했습니다. 명령 프롬프트에서 bash가 처리할 수 있는 전제입니다. 1.npm install -g의 새 설치 대상 만들기 2. 작성한 디렉토리를 npm이...

FirebaseBashnpm쉘Windows10

React에서 버튼을 누를 때 axios에서 API 호출하는 방법 with Bootstrap

npm 6.14.8 테스트 호출을 위한 프로젝트 만들기 실행하면 다음 페이지에 액세스하면 기본 react의 톱 화면이 표시됩니다. 이번에는 API 실행을 위해 axios와 화면을 깨끗하게하는 bootstrap을 설치합니다. 설치 후에는 npm audit fix 한다. App.js의 내용을 구현 다음과 같이 구현했습니다. 이번은 세계 제일 간단한 API의 공휴일 API로부터 취득하겠습니다. 화...

npmaxiosBootstrapReact

초보자가 웹 스타터 키트를 사용하려고 했던 것을 공유하고 싶습니다.

이제 React를 알고 공부를 시작해 3개월째의 초보자입니다. 언제나처럼 여유 시간에 구구하고 있으면 "web-starter-kit"라는 구글 제의 편지지가 있다는 것을 알았습니다. 절대적인 구글 추종자의 저는 하나님 (구글)이 권고하는 것을 사용하지 않을 것입니다. 에는 누구라도 간단하게 할 수 있게 써 있기 때문에 즉각 핥아 걸렸습니다. 그러나 실제로 해보면. 이 커맨드가 움직일 때까지 ...

npmgulpboilerplate초보자google

당신의 npm 패키지, 취약성의 괴설. 서둘러 최신으로 해!

npm 편리하네요. 요즈음 프런트 web개발로 Node.js가 등장하지 않는 것은 없기 때문에, 여러분 사용하시겠습니까라고 생각합니다만, 제대로 버전 관리하고 있습니까? 저는 없는 웹 제작자이지만 npm 패키지 없이는 개발할 수 없습니다. 단지 그렇게 말하면 버전 관리를 하고 있지 않다고 생각해, 현재 버전과 최신 버전을 비교해 보는 것에. 그렇다면 ... 微妙にパッケージが古くなってた... ...

Terminalnpm-check-updatesnpmNode.js

gulp로 Sass를 좋은 느낌으로 컴파일

「이 기사를 보면 gulp로 좋은 느낌으로 Sass를 CSS에 컴파일 할 수 있다!」라고 하는 기사입니다. 이전 이라는 기사를 집필했지만, 환경 구축을 실시해,Sass를 CSS에 컴파일 하는 것만의 기본적인 내용이었습니다. 이 기사에서 좀 더 자세히 설명합니다. 참고가되면 꼭 LGTM을 부탁드립니다! 환경 구축의 방법에 대해서는, 이전 라고 하는 기사를 집필하고 있으므로, 그쪽을 참고로 해 ...

프런트 엔드npmgulpNode.jsSass

【Intellij IDEA(Ultimate)】Run/Debug Configurations를 접해 본다 - npm편

이 기사는 의 둘째 날 기사입니다. Intellij IDEA(Ultimate) 의 Run/Debug Configurations 에서는, Java/Kotlin 의 빌드·실행 뿐만이 아니라, 다양한 설정을 실시할 수가 있습니다. 이 기사에서는 Java/Kotlin 이외의 구성을 설정하는 예로 npm의 구성 설정을 살펴 보겠습니다. 구성 추가는 Run/Debug Configurations 창의 오...

IntelliJnpmJetBrainsYARN

Node-RED 노드 공개 방법이 바뀌었던 건 (자동 → 수동 등록)

Node-RED의 자작 노드를 npm으로 공개했지만, Node-RED 노드 라이브러리에 좀처럼 등록되지 않기 때문에, 여러가지 시행착오하고 있으면, 2020년 4월에 등록 방법이 자동으로부터 수동으로 바뀌고 있는 것이 밝혀졌습니다! 에 리포지토리 만들기 에 패키지 등록 · 공개 에 노드 라이브러리 등록 (자동 → 수동) Node-RED 노드 라이브러리에 등록 절차 [+] 버튼을 누릅니다. N...

npmnode-red

gulp 도입부터 실행까지 빠져서 메모

첫 기사 업데이트. 직장에서 gulp를 도입할 때 빠졌기 때문에 자신을 위해 메모. homebrew nodebrew는 설치됨 여기 참고로했습니다. 감사합니다 비밀번호를 입력하여 버전 확인 됐어(⌒▽⌒) 일단 모두 yes로 진행했다 실행해보기 모듈이 없다고 화가났다. 넣었다! 한 번 더 실행해 봅시다. 오류가 발생했습니다. 조사해 보면 gulp의 버전 4에서 변경점이있는 것 같습니다. 여기에 ...

프런트 엔드npmgulpnodebrewNode.js

지금은 BrowserSync가 굉장히 편리하다.

기본적인 것 밖에 쓰지 않기 때문에, BrowserSync 사용한 적이 없는 방향입니다. 지금까지 아무것도 생각하지 않고 webpack-dev-server를 사용하고 있었습니다만, 조금 기분 전환이 엄청나게 BrowserSync를 시험해 보면, 감동의 기능이 막혀 있었으므로, 각서 김에 여기에 써 남깁니다. 이것입니다. 로컬 서버를 시작하고 파일 변경에 따라 자동으로 리로드를 해주는 도구입니...

BrowserSyncnpm자바스크립트gulpNode.js

Laravel 6.5 로그인 (login) 화면과 등록 화면 (register) 화면의 레이아웃 붕괴 수정

Laravel을 설치하고 막상 개발하려고 하면 레이아웃이 무너지고 있다. 개발 환경 · AWS Cloud9 · PHP 7.3.11 ・Laravel6.5 Laravel 설치 후, 터미널 터미널 터미널 Laravel은 CSS/JavaScript 파일을 컴파일해야합니다. 터미널 이런 느낌으로 나오면 무사, 빌드 끝입니다. 제대로 표시되었습니다. 참고 페이지...

npm라라벨cloud9AWS

Backlog 업데이트를 Hubot을 통해 Slack에 알립니다.

Backlog 업데이트를 Hubot을 통해 Slack에 알리기 통지 대상 과제 만들기 업데이트 (댓글 추가, 상태 변경 ...) 과제 알림 추가 Subversion 커밋 Wiki (만들기, 업데이트, 삭제) 은 만들었기 때문에 모처럼이기 때문에 Backlog도 만들어 버리자 자신을 위해 개수하고 싶었습니다 Hubot => Slack의 제휴는 가능하다 (ping -> pong가 가능하면 ok)...

BacklognpmCoffeeScriptHubot슬랙

Bitbucket 업데이트를 Hubot을 통해 Slack에 알립니다.

Bitbucket 업데이트를 Hubot을 통해 Slack에 알리기 알림 대상: PullRequest, Issue, Repository의 각 이벤트 기존 Slack Bitbucket Integration은 Repository Push 만 지원합니다. 어쨌든 모든 것을 알려주세요 (특히 PullRequest 주위) 라는 말로 만든 Hubot => Slack의 제휴는 가능하다 (ping -> po...

HubotnpmCoffeeScriptBitbucket슬랙

비가 오기/멈추기 30 분 전에 Slack에 알려주는 hubot 스크립트

CoffeeScript라고 할까 js도 거의 쓴 적이 없는 채 우선 만들었기 때문에 수속형같고 더럽습니다. 세세한 곳에서도 pull request 대환영입니다. 잘 부탁드립니다. Yahoo의 API를 이용해, hubot에 비가 내리기 전・멈추기 전에 Slack의 지정한 채널에 통지를 해 주는 기능을 추가합니다. 통지시에는 현재로부터 60분 후까지의 강우량의 그래프, 30분 후의 비 구름의 모...

날씨npmCoffeeScriptHubot슬랙

PowerShell에서 중괄호를 배포 할 수 없었기 때문에 구그

주의 제목대로 PowerShell로 브레이스 전개를 하려고 하면 에러가 나왔으므로 방법을 구그했을 뿐의 내용입니다. 또, 나는 PowerShell도 unix도 초보자이므로, 잘못하고 있다, 더 좋은 방법이 있는 등은 지적 부탁드리겠습니다m(_ _)m 참고로 한 페이지 그대로 커멘드의 해설은 코멘트란의 씨를 참조해 주세요! 이렇게 배포하는 명령을 작성하는 방법 bash bash라면 이 쓰는 방...

UNIXBashnpmPowerShellbabel

【Vue.js】ESLint 가장 빠른 설정

ESLint 설정은 다소 어렵습니다. Vue.js 및 JavaScript 개발 환경에서 최소한의 것을 간단하게 설정하는 방법을 소개합니다. ˜/package.json ˜/.eslintrc.js command-line JetBrains계의 경우 Preference -> Search: ESlint에서 Manual ESLint configuration 선택 ESlint package와 Config...

lint-stagedhuskynpm자바스크립트ESLint

【Vue.js】 「ERR! code EINTEGRITY」라든가 「command failed: npm install --loglevel error」에 시달린 건

갑자기 vue create가 잘 가지 않는다. npm ERR! 얼마나 많아. 검색 중이면 상기 커맨드로 캐시를 지우면 치료하면 나왔다. I sure hope you know what you are doing 「무엇을 하고 있는지 알고 있으면 좋겠지만」 「알고 있으면 좋네요(煽)」 미안해 전혀 모르겠어. 그 결과 뭔가 더 이상 되돌릴 수없는 느낌. 뭐야. 우선 vue create를 할 수 없다...

npmVue.jsvue-cli

Vue CLI 설치 실패는 sudo 명령으로 피할 수 있습니다.

qiita 투고 2번째입니다. 오늘 문득 Vue CLI 에서 프로젝트를 시작하려고 생각하고 먼저 Vue CLI를 글로벌하게 설치 ( npm i -g @vue/[email protected] ) 하려고 하면 다음과 같은 상태로. 오류를 살펴 보겠습니다. 과연, /user/local/lib/node_modules 에 액세스 권한이 없는 것일까🤔? 그래서 명령으로 lib 디렉토리 이하의 폴더, 파일에 대한 권한...

vue-clinpmVue.js초보자Linux 명령

Vue.js 입문

우선 설치까지 하자. 비망록으로 남기자. 자바 스크립트 프레임 워크 MVVM 패턴을 채용 양방향 데이터 바인딩을 수행하는 것이 주요 역할 이전에 Node.js를 만진 적이 있었기 때문에 npm은 들어있었습니다 ... npm이란? Node.js 패키지를 관리하는 도구 설치 방법은 생략합니다. VueCLI 설치 프로젝트 만들기 잘했기 때문에 프로젝트를 만들겠습니다. 어라, 이하의 메세지 나와 잘...

웹npmVue.js자바스크립트babel

Java에서도 ES2015를 사용하고 싶다! → (´・ω・`)

Babel 은 최신의 ECMAScript 구문 (클래스나 람다나 const , let 등)을 낡은 사양의 JS 환경에서도 실행할 수 있도록(듯이) 변환하는 트랜스 컴파일러. 예를 들어 React는 ECMA2015 + JSX 소스를 Babel의 일반적인 브라우저에서도 해석할 수 있는 JS로 변환하고 있습니다. React 를 사용하는 일이 있어, 익숙한 Finagle 인가 Akka 로 API 서...

npm자바babelNode.js

Google Analytics의 Lighthouse 대책을 시도했습니다.

변호사 닷컴 의 기사를군요. 쓰고 싶습니다. 이것은 내부 프로젝트와 관련이 없습니다. Google Analytics(이하 GA)는 2시간 밖에 캐시되지 않는다. GA대체인 은 CDN도 준비하고 npm도 공개하고 있다. ga-lite는 GA 완전 호환이 아니기 때문에 독자적인 버릇이 있다. 캐시는 성능 점수와 관련이 없습니다. 그 중에서도 모두를 괴롭히는, "GAのキャッシュが短い" 라는 문제를...

Lighthousenpm자바스크립트GoogleAnalyticsPageSpeedInsights

Node제 CLI로 「BLEACH」의 시해・비해를 확인하고 싶다!

당돌하게 「BLEACH」의 등장 인물의 해호・시해・비해를 확실히 확인할 수 있는 녀석 갖고 싶다! "blch"명령. node에 의한 cli 작성 ~ 공개까지. npm install -g blch 에서! 할 수 있는 일 등장 인물 목록 표시 지정한 인물의 해호, 참외도, 卍解의 표시 *모든 등장 인물을 망라하고 있지 않습니다 *기본적으로 파면편까지의 등장 인물을 취급합니다만, 일부 해해는 천년...

npmcliTypeScriptNode.js

Vue.js에서 YouTube 플레이어를 삽입하는 방법

Vue.js에서 YouTube를 내장했으므로 그 방법을 간략하게 요약합니다. (엄청 쉽게 할 수 있습니다!) vue-youtube라는 뛰어난 것이 존재하고 개발 초보자 나도 쉽게 구현할 수있었습니다! YouTube의 내장 전용 기사이므로 다른 부분은 기재되어 있지 않습니다. 양해 바랍니다. 먼저 vue-youtube를 설치합니다. 이미 마지막 단계입니다! 그리고는 youtube 태그를 넣는 ...

Vue.jsnpm초보자YouTube

npm i -g 명령을 사용할 수 없으면

과거에 npm i -g로 설치한 명령이 어느 날 갑자기 사용할 수 없게 되어 버렸을 때의 원인과 대처법을 써 갑니다. npm install --global 또는 npm i -g는 위의 명령을 두드려 표시되는 경로 앞에 설치됩니다. 명령은 bin 아래에 있습니다. 이 명령을 실행할 수 없다는 것은 여기에 경로가 통과하지 않은 것입니다. .bashrc 또는 .zshrc에 추가하면 명령을 사용할 ...

npmcommand

yarn을 사용하는 프로젝트에서 npm install을 금지하는 방법

yarn을 사용하는 프로젝트에서는 npm install을 금지하고 싶을 수 있습니다. 이 게시물에서는 프로젝트별로 npm install을 금지하는 방법을 소개합니다. 먼저 package.json에 engines.npm 필드를 추가하고 거기에 "please_use_yarn_instead"를 씁니다. package.json 그런 다음 package.json이있는 디렉토리에 .npmrc를 만들고 ...

YARNnpm자바스크립트

【React】【MaterialUI】InlineDatePicker가 정상적으로 동작하는 환경

material-ui-pickers 모듈이 제공하는 현대 일정 입력 구성 요소. 에서 스타터 키트를 사용했습니다. .js MaterialUI에서 모듈을 읽습니다. .js InlineDatePicker 호출. 이것은 일반적으로 모듈 설치 그렇게하면 최신 버전이 설치되고 왜 최신 버전 은 오류를 토합니다. package.json 에서 버전 1.3.13으로 지정. 이제 잘 작동합니다. 참고: 맨 ...

YARNnpmReactmaterial-ui

패키지 매니저Yarn

Yarn은 Facebook, Google, Exponent, Tilde에 의해 개발된 새로운 JavaScriptパッケージマネージャー 로, Yarn 개발자가 직면한 npm의 문제 해결을 목적으로 하고 있는 것 같다. Homebrew는 Mac 용 패키지 관리 시스템입니다. 패키지화된 다양한 유용한 기능을 설치하고 사용할 수 있도록 하거나, 패키지가 버전 업되면 새 버전으로 업데이트하거나, 필요하...

YARNnpm
이전 기사 보기

© 2022 intrepidgeeks.com

Privacy Policy Contact US Sitemap
🍪 This website uses cookies to ensure you get the best experience on our website. Learn more