npm grunt-license-report를 README 거리에 설치하여 사용할 수 없는 사람을 위한 기사 Node.js를 사용하여 서비스를 만들 때 npm으로 설치한 라이브러리의 라이센스를 조사할 필요성이 나왔기 때문에 라이센스의 일람표를 생성할 수 없는지 조사해 보았다. 생성할 수 있었다 npm과 grunt-cli를 알 수있는 수준의 사람들을위한 움직이면 좋거나 정도의 기사(Gruntfile.js 이외는 이해한 다음 쓰고 있습니다) 참고 : grunt-license-report의 저장소이지만 ... npmgruntNode.js npm 종속 라이브러리의 라이센스를 확인하는 방법 Node.js와 현대 웹 앱을 만들 때 npm에서 떼어내 라이브러리를 설치할 것이라고 생각합니다. npm으로 가져온 라이브러리는 재배포하는 것은 아니고 단순히 이용할 뿐입니다만, 이용에 대해서도 어떠한 제한(학술 이용에 한정한다든가, 「나쁜 것에 사용하지 말라」라든지)을 거는 것도 존재하기 때문에 각 라이브러리의 라이센스를 확인해 보았습니다. 라이선스 목록을 HTML 보고서로 생성하는 Gru... npmgrunt Vue Cli 3으로 만든 컴포넌트 라이브러리를 npm으로 공개 Vue.js, TypeScript, Serverless, Cordova 등이 있습니다. Vue.js에서 Material Design하고 싶어서 Vuetify나 Vue Material이나 라이브러리를 만져 보았지만, npm 공개 작업은 상당히 쉽게 할 수 있었으므로 npm publish의 방법을 공유합니다. Material Design을 위한 Vue.js 컴포넌트 라이브러리. Vue CLI 3... Vue.jsnpm자바스크립트MaterialDesign React에서 FontAwesome을 쉽게 사용 React에서 Font Awesome을 scss로 사용하려고합니다. 능숙하지 않고 조사하고 있으면, 굉장히 간편한 방법에 도착했으므로, 지금 경감이 있을 것 같습니다만, 공유합니다. 어쨌든 웹 페이지에서, 아이콘 폰트를 사용할 수 있게 되는 CSS 프레임워크입니다. 예를 들어 SNS 아이콘을 이미지로 준비하지 않아도 사용할 수 있으므로, 쉽고 가볍습니다. 무료와 유료가 있어 유료라면 사용할 ... npmReactFontAwesome npm의 패키지 코드를 ghq로 관리 ghq 편리하네요. ghq를 사용하여 효율적으로 소스 코드를 관리할 수 있습니다. 자세한 운용은 이하의 기사가 상세하게 쓰여져 있습니다. 글쎄, node 또는 프런트 엔드 세계에 있다면 npm 패키지 이름에서 직접 저장소 코드를 다운로드 할 수 있다면 유용 할 것입니다.npm-src 를 사용하면 npm 패키지 이름에서 직접 ghq로 리포지토리를 얻을 수 있습니다. 물론 ghq 가 설치되어 있... npm자바스크립트GhqPecoNode.js verdaccio + Docker + GCE로 개인 npm 레지스트리 설정 사내 일부 앱에 공통으로 통합하기 위해 npm 라이브러리를 만들었지만, npm에 publish하여 전세계에 공개할 수도 없기 때문에 verdaccio를 사용하여 사내에 공개 가능한 npm 레지스트리를 작성한다. 로컬에 npm 레지스트리를 구축하는 도구. 에 docker run 그냥 구축 가능한 샘플이 풍부하기 때문에, 이번은 이 중에서 를 선택해 GCE상에 구축해 간다 무료 테두리 안에 들어... verdaccionpmdocker-compose도커gce HTML로 구축할 수 있는 CMS 「Vapid」를 접해 본 Part1 Vapid is an intentionally simple content management system built on the idea that you can create a custom dashboard without ever leaving the HTML. HTML상에서 대부분의 구축을 실시할 수 있는 심플한 CMS로서 등장한 「Vapid」입니다만, 일본어의 정보가 거의 보이지 않았기 ... HTMLnpmCSSVapidCMS vue-chartjs에서 자동 색상 할당 우선 vue-chartjs에 대한 간단한 기사는 Qiita의 마이 페이지의 그래프 같은 것을 만들고 싶어서 vue-chartjs로 자동 색 할당의 방법을 찾고 있으면 google-palette에 도착했기 때문에 망비록 프로젝트 아래에서 실행 그래프 본체 Chart.vue 페이지 index.vue 나왔다.... npmchart.jsVue.js자바스크립트nuxt.js npm 패키지의 server로 설정된 로컬 서버에서 React App을 확인하는 방법 npm 패키지의 serve를 사용하여 로컬로 시작한 서버에서 React App을 확인하는 방법입니다. 주로, 빌드한 파일군을 리모트의 서버에 배치하기 전에 로컬 환경에서 확인하고 싶은 사람용입니다. Node.js >= 6 npm >= 5.2 브라우저로 에 액세스해 이런 느낌의 화면이 나와 이거 무사히 셋업 완료입니다. ctr + c로 개발 서버를 종료하십시오. 호스팅 할 파일 세트가 buil... serverReactnpm chocolatey에서 node를 넣으면 npm이 관리자 권한 일 때만 실행할 수있는 문제 · npm 명령이 관리자 권한으로만 사용할 수 있습니다! 배경으로 chocolatey에서 nvm을 넣고 node.js와 npm을 설치했습니다. · 관리자 모드에서 powershell을 시작하고 다음 명령을 실행하여 시스템 변수를 편집 할 수 있습니다. 관리자 권한 powershell · 변수에 작성된 경로를 확인한 후 관리자 권한없이 사용하려는 명령의 경로를 시스템 환경 변수 또는 사용자 환... 환경 변수npm관리자 권한chocolatey Cannot find module 'agentkeepalive'가 나오고 npm 업데이트에 실패하는 경우 npm 업데이트에서 때때로 오류가 발생하기 때문에 해결 방법을 요약합니다. npm은 최신 버전이 릴리스되면 npm 명령 실행시 최신 버전으로 업데이트하는 명령을 두드리도록 촉구한다. 말했듯이 v7.7.5로 업데이트하기 위해 또는 실행하지만, 라는 오류 메시지가 나온다. 실행 후 다시 실행하는 것이 좋습니다. 당연히 [email protected]는 각자 최신 버전 정보를 기술하면 된다.npm@latest ... npm TODO 리스트 구현에 있어서, 복수의 랜덤인 id 를 붙이는 방법 (nanoid) 프로그래밍 초학자입니다. 그런데, 프로그래밍을 공부하고 있어 현재 좌절기에 들어가 있습니다. (작은 사춘기적인 말을 했습니다만, 여러분은 좌절기를 어떻게 극복했습니까?) 그런 가운데, 프로그래밍을 배우는데 있어서 주로 입력밖에 하고 있지 않다는 것을 깨달았습니다. 「아웃풋 해 배우기의 정착을 깊게 하고 싶다(울음)」라고 생각하고 있었는데, Qiita에의 투고를 지인에게 추천 받았습니다. 배움... npmReact자바스크립트다른 d Invalid: lock file's [email protected] does not satisfy bootstrap@^4.0.0의 해결 방법 npm install 시도하면 .... 콘솔 글쎄 ... 그렇다면 npm audit fix 시도해보십시오 콘솔 원인은 bootstrap의 베타 버전에있는 것 같습니다. 다음 부분 삭제 ↓ package-lock.json 그리고 package.json 삭제하고 npm install 실행! package-lock.json 뭔가 추가되었습니다! 이어서 일단 npm audit fix 도 실행 콘솔 ... laravel8npmBootstrap보오 tst et al p @ 4.0.0보오 tst et al p @ 5.0. 0-1 npm run watch-poll이 오류가 발생했습니다. Laravel 초보자입니다. 다음 환경에서 앱을 만들고 있습니다. 버전 도커 Docker-compose PHP 라라벨 mysql css 등을 변경하여 브라우저를 다시로드해도 반영되지 않고, 이 경우 Docker 컨테이너 내에서 컨테이너 입력하면 파일 변경 사항을 모니터링합니다. 실시간으로 컴파일되는 것 같습니다. 입력하면 터미널이 이와 같은 화면이 되어 브라우저에 변경이 반영됩니다. 그건 그... npm라라벨 2021년 gulp-sass를 설치하려고 망설였다 이번 완전히 신규 코딩 이슈에 종사하게 되었기 때문에, 오랜만에 1년 전까지 사용하고 있던 package.json을 끌어내고 npm intall 했다. 3시간 조사하거나 고민했던 결과, 해결했으므로 비망록으로 남깁니다. Windows10 환경에서 npm install gulp-sass --save-dev 그러면 아래와 같이 로그가 출력되어 설치할 수 없다. 나의 PC에는 Node.js의 【최... gulp-sassNode.jsnpmgulpnode-sass Markdown에서 표를 작성하는 VSCode 확장 기능을 만들었습니다. Markdown 표기법을 사용하여 표를 작성할 때 "표 구성"과 "셀 내용"을 구분하여 설명할 수 있는 VSCode 확장 기능인 "markdowncat"을 만들었습니다. 코드 블록명을 mdcat.table 로 하면 ↓ 와 같은 표를 쓸 수 있습니다. 코드 미리보기 표시 확장 기능의 자세한 사용법은, 에 있으므로 참고로 해 주세요. VSCode의 마크다운 미리보기는 markdown-it이라는 ... TypeScriptnpmmarkdown-itVSCodeMarkdown laravel/ui를 사용할 때 발생한 오류 해결 현재 Laravel (ver6.20.9)을 사용하여 개인으로 웹 서비스를 제작하는 사람입니다. Laravel6.x에서 Bootstrap이나 Vue 등이 디폴트에서는 포함되지 않게 된 것 같기 때문에, 그들을 Laravel에서 사용할 수 있도록 해주는 "laravel/ui"를 다운로드하기로했습니다. laravel/ui의 다운로드에 대해서는, 이하를 참고로 했습니다. ②의 "1.x"부분에 대해서... npmPHP라라벨 【해결! 】 Vue-Cli를 설치 ... 할 수 없다! · Vue-Cli를 사용하여 본격적인 앱 개발을 위해 Vue-Cli를 설치하려고했습니다. · 과거에도 Vue-Cli를 설치하여 사용한 경험이 있습니다! 할거야!」라고 생각하고 있던 화살 앞, 조속히 출코를 꽉 찼다...라는 이야기입니다. · 명령 프롬프트에서 아래와 같이 Vue-Cli 설치 · 다음 오류가 발생 「이미 인스톨 하고 있는 데이터가 있을 때의 에러야!」(5행째) 「구체적으로는 P... Vue.jsnpm자바스크립트Node.js 자작 npm 패키지를 로컬로 백한다. 요 전날 이라는 의 React + TypeScript 지원 구성 요소를 만들고 게시했습니다. 작성을 통해, 디버그로 번거로운 부분이 있었으므로 공유합니다. package.json이 있는 루트 디렉토리에서, 그러면 (패키지 이름) .tgz가 생성됩니다. 그리고 패키지를 사용하고 싶은 프로젝트에서 합니다. (이 때 yarn에 캐시가 남아, 파일의 내용을 편집했는데 변경이 반영되지 않는 현상이 일... npmReactTypeScriptpackage.json 로컬에서 Node-RED를 실행해 보았습니다. Node-RED 어드벤트 캘린더 22일째! 지금까지 Node-RED는 enebular나 IBM Cloud에서 사용한 적이 있었지만, 그러고 보니 로컬에서 실행한 적이 없다고 생각했기 때문에 해 보았습니다. 문서의 을 읽으면서 자신의 로컬 환경에서 실행했을 때의 순서를 정리해 보겠습니다. macOS 10.14.6 (Mojave) Node.js 10.16.3 Node.js 설치 1-b. 이미 설... npmlow-codenode-redNode.js @nuxtjs/markdownit을 사용하여 마크다운 기사를 HTML로 출력 nuxt.js와 contentful을 사용하여 블로그 사이트를 환경 구축했습니다. 이번에는 markdownit이라는 npm module을 사용하여 Contentful로 작성한 마크 다운 기사를 HTML로 출력하고 싶습니다. 설치 을 보면서 이번은 @nuxtjs/markdownit 를 사용해 갑니다. 크리스마스 사양・・・? 명령을 실행하면 크리스마스 같은 배너가 흘러 왔습니다 🎅 < Hello... npmnuxt.jsMarkdown 취약한 종속 패키지를 npm audit로 감사 현재 저는 Vue.js에서 SPA(Single Page Application) 개발 업무에 종사해 주시는 경우가 많습니다만, 프로젝트에서 사용하고 있는 패키지의 취약성 대응을 업무로 실시했습니다. npm 6.14.8 npm v.6.0.0부터 프로젝트에서 사용하는 패키지 종속성을 감사하여 취약점이 존재하는지 확인할 수 있는 npm audit 명령이 제공됩니다. 실행하면 아래와 같은 출력 결과를... Vue.jsnpm자바스크립트audit npm 소개 Node Package Manager의 약자 Node.js의 패키지 관리 시스템입니다. 2010년 Isaac Z. Schlueter에 의해 개발되었다. 패키지 관리 시스템(패키지 감기 시스템)은, 오퍼레이팅 시스템(OS)이라고 하는 하나의 환경으로, 각종의 소프트웨어의 도입과 삭제, 그리고 소프트웨어끼리나 라이브러리와의 의존관계를 관리하는 시스템이다. 요점은 세계의 굉장한 사람들이 만들어 공... npm자바스크립트Node.js [PHP] 오류 해결 gyp: No Xcode or CLT version detected! laravel에 필요한 npm을 설치하면 라는 오류가 나왔으므로 그 해결 방법을 게시합니다. 이번에는 Xcode라는 APP를 제거하여 해결한 방법입니다. 아래는 에러 화면의 스쿠쇼입니다. gyp: No Xcode or CLT version detected!이것은 "Xcode와 CLT 버전이 이상하다"는 오류 내용이었습니다. 나 자신, Xcode는 잠시 사용하지 않으므로 제거를 실행하고 싶습니... npmPHP라라벨 WSL2의 Ubuntu20.04에서 루트가 아닌 사용자가 npm 명령을 사용할 수 없음 Windows 10 Pro WSL2 Ubuntu20.04 응용 프로그램 목록에서 Ubuntu20.04를 시작합니다. 에서 npm을 설치 한 후, 실행하면, 그런 다음 루트 사용자로 실행하면 일반적으로 버전 정보가 출력됩니다. 그런 다음 PowerShell을 통해 wsl 명령으로 실행하면 발생하지 않습니다. 여러가지 조사하고 있으면 개행 코드가 나빠서 그랬기 때문에, CRLF에서 LF로 변경 ... npm우분투20.04WSL2Node.js개행 코드 EJS의 if문으로 true일 때만 출력한다. 위와 같은 값이있을 때만 출력하는 설명을 스마트하게 작성하고 싶습니다. <%가 많기 때문에 줄이고 싶습니다. 다음과 같이 쓰면 완결에 쓸 수 있습니다. 삼항 연산자를 사용합니다. 가짜 값의 경우 빈 문자입니다. 가짜 값을 생략할 수 없는 것이 마음 남아 있지만, 결론 <%= person.name ? person.name : '' %> 간단합니다. 다른 좋은 방법이 있으면 알려주세요... npm자바스크립트gulpejsNode.js node 명령 프롬프트의 console.log에서 출력을 색칠 Node에서 명령 프롬프트의 출력 (console.log)에 색을 칠하고 싶었으므로 그 방법을 게시합니다. 검색해도 web브라우저의 consol에 색을 붙이는 방법이 많이 히트했기 때문에, 나와 같이 곤란하고 있는 사람의 도움이 된다면…(이런 일로 곤란하지 않은가. 색상을 지정하는 npm이있었습니다! 환경 node v10.16.3 npm 6.9.0 자꾸 사용 예와 출력 결과를 게시합니다. 모... npmchalkNode.js Vue로 기술계 아이콘을 사용하고 싶다! 【DEVICON】 은 기술계의 아이콘을 아이콘 폰트로서 배포하고 있는 사이트에서 프로그래밍 언어의 로고등이 풍부하게 준비되어 있습니다. 이전에 게시한 에서도 사용했습니다. 이번에는 Vue CLI를 사용하여 작성한 사이트 내에서 아이콘을 사용하려고 할 때 조금 빠졌기 때문에 아이콘의 도입 방법을 메모로 남겨 둡니다.... npm초보자Vue.js 【Widget】 JavaScript로 페이저의 뒷면을 만드는 【Pagination】 npmpagination자바스크립트 이전 기사 보기
grunt-license-report를 README 거리에 설치하여 사용할 수 없는 사람을 위한 기사 Node.js를 사용하여 서비스를 만들 때 npm으로 설치한 라이브러리의 라이센스를 조사할 필요성이 나왔기 때문에 라이센스의 일람표를 생성할 수 없는지 조사해 보았다. 생성할 수 있었다 npm과 grunt-cli를 알 수있는 수준의 사람들을위한 움직이면 좋거나 정도의 기사(Gruntfile.js 이외는 이해한 다음 쓰고 있습니다) 참고 : grunt-license-report의 저장소이지만 ... npmgruntNode.js npm 종속 라이브러리의 라이센스를 확인하는 방법 Node.js와 현대 웹 앱을 만들 때 npm에서 떼어내 라이브러리를 설치할 것이라고 생각합니다. npm으로 가져온 라이브러리는 재배포하는 것은 아니고 단순히 이용할 뿐입니다만, 이용에 대해서도 어떠한 제한(학술 이용에 한정한다든가, 「나쁜 것에 사용하지 말라」라든지)을 거는 것도 존재하기 때문에 각 라이브러리의 라이센스를 확인해 보았습니다. 라이선스 목록을 HTML 보고서로 생성하는 Gru... npmgrunt Vue Cli 3으로 만든 컴포넌트 라이브러리를 npm으로 공개 Vue.js, TypeScript, Serverless, Cordova 등이 있습니다. Vue.js에서 Material Design하고 싶어서 Vuetify나 Vue Material이나 라이브러리를 만져 보았지만, npm 공개 작업은 상당히 쉽게 할 수 있었으므로 npm publish의 방법을 공유합니다. Material Design을 위한 Vue.js 컴포넌트 라이브러리. Vue CLI 3... Vue.jsnpm자바스크립트MaterialDesign React에서 FontAwesome을 쉽게 사용 React에서 Font Awesome을 scss로 사용하려고합니다. 능숙하지 않고 조사하고 있으면, 굉장히 간편한 방법에 도착했으므로, 지금 경감이 있을 것 같습니다만, 공유합니다. 어쨌든 웹 페이지에서, 아이콘 폰트를 사용할 수 있게 되는 CSS 프레임워크입니다. 예를 들어 SNS 아이콘을 이미지로 준비하지 않아도 사용할 수 있으므로, 쉽고 가볍습니다. 무료와 유료가 있어 유료라면 사용할 ... npmReactFontAwesome npm의 패키지 코드를 ghq로 관리 ghq 편리하네요. ghq를 사용하여 효율적으로 소스 코드를 관리할 수 있습니다. 자세한 운용은 이하의 기사가 상세하게 쓰여져 있습니다. 글쎄, node 또는 프런트 엔드 세계에 있다면 npm 패키지 이름에서 직접 저장소 코드를 다운로드 할 수 있다면 유용 할 것입니다.npm-src 를 사용하면 npm 패키지 이름에서 직접 ghq로 리포지토리를 얻을 수 있습니다. 물론 ghq 가 설치되어 있... npm자바스크립트GhqPecoNode.js verdaccio + Docker + GCE로 개인 npm 레지스트리 설정 사내 일부 앱에 공통으로 통합하기 위해 npm 라이브러리를 만들었지만, npm에 publish하여 전세계에 공개할 수도 없기 때문에 verdaccio를 사용하여 사내에 공개 가능한 npm 레지스트리를 작성한다. 로컬에 npm 레지스트리를 구축하는 도구. 에 docker run 그냥 구축 가능한 샘플이 풍부하기 때문에, 이번은 이 중에서 를 선택해 GCE상에 구축해 간다 무료 테두리 안에 들어... verdaccionpmdocker-compose도커gce HTML로 구축할 수 있는 CMS 「Vapid」를 접해 본 Part1 Vapid is an intentionally simple content management system built on the idea that you can create a custom dashboard without ever leaving the HTML. HTML상에서 대부분의 구축을 실시할 수 있는 심플한 CMS로서 등장한 「Vapid」입니다만, 일본어의 정보가 거의 보이지 않았기 ... HTMLnpmCSSVapidCMS vue-chartjs에서 자동 색상 할당 우선 vue-chartjs에 대한 간단한 기사는 Qiita의 마이 페이지의 그래프 같은 것을 만들고 싶어서 vue-chartjs로 자동 색 할당의 방법을 찾고 있으면 google-palette에 도착했기 때문에 망비록 프로젝트 아래에서 실행 그래프 본체 Chart.vue 페이지 index.vue 나왔다.... npmchart.jsVue.js자바스크립트nuxt.js npm 패키지의 server로 설정된 로컬 서버에서 React App을 확인하는 방법 npm 패키지의 serve를 사용하여 로컬로 시작한 서버에서 React App을 확인하는 방법입니다. 주로, 빌드한 파일군을 리모트의 서버에 배치하기 전에 로컬 환경에서 확인하고 싶은 사람용입니다. Node.js >= 6 npm >= 5.2 브라우저로 에 액세스해 이런 느낌의 화면이 나와 이거 무사히 셋업 완료입니다. ctr + c로 개발 서버를 종료하십시오. 호스팅 할 파일 세트가 buil... serverReactnpm chocolatey에서 node를 넣으면 npm이 관리자 권한 일 때만 실행할 수있는 문제 · npm 명령이 관리자 권한으로만 사용할 수 있습니다! 배경으로 chocolatey에서 nvm을 넣고 node.js와 npm을 설치했습니다. · 관리자 모드에서 powershell을 시작하고 다음 명령을 실행하여 시스템 변수를 편집 할 수 있습니다. 관리자 권한 powershell · 변수에 작성된 경로를 확인한 후 관리자 권한없이 사용하려는 명령의 경로를 시스템 환경 변수 또는 사용자 환... 환경 변수npm관리자 권한chocolatey Cannot find module 'agentkeepalive'가 나오고 npm 업데이트에 실패하는 경우 npm 업데이트에서 때때로 오류가 발생하기 때문에 해결 방법을 요약합니다. npm은 최신 버전이 릴리스되면 npm 명령 실행시 최신 버전으로 업데이트하는 명령을 두드리도록 촉구한다. 말했듯이 v7.7.5로 업데이트하기 위해 또는 실행하지만, 라는 오류 메시지가 나온다. 실행 후 다시 실행하는 것이 좋습니다. 당연히 [email protected]는 각자 최신 버전 정보를 기술하면 된다.npm@latest ... npm TODO 리스트 구현에 있어서, 복수의 랜덤인 id 를 붙이는 방법 (nanoid) 프로그래밍 초학자입니다. 그런데, 프로그래밍을 공부하고 있어 현재 좌절기에 들어가 있습니다. (작은 사춘기적인 말을 했습니다만, 여러분은 좌절기를 어떻게 극복했습니까?) 그런 가운데, 프로그래밍을 배우는데 있어서 주로 입력밖에 하고 있지 않다는 것을 깨달았습니다. 「아웃풋 해 배우기의 정착을 깊게 하고 싶다(울음)」라고 생각하고 있었는데, Qiita에의 투고를 지인에게 추천 받았습니다. 배움... npmReact자바스크립트다른 d Invalid: lock file's [email protected] does not satisfy bootstrap@^4.0.0의 해결 방법 npm install 시도하면 .... 콘솔 글쎄 ... 그렇다면 npm audit fix 시도해보십시오 콘솔 원인은 bootstrap의 베타 버전에있는 것 같습니다. 다음 부분 삭제 ↓ package-lock.json 그리고 package.json 삭제하고 npm install 실행! package-lock.json 뭔가 추가되었습니다! 이어서 일단 npm audit fix 도 실행 콘솔 ... laravel8npmBootstrap보오 tst et al p @ 4.0.0보오 tst et al p @ 5.0. 0-1 npm run watch-poll이 오류가 발생했습니다. Laravel 초보자입니다. 다음 환경에서 앱을 만들고 있습니다. 버전 도커 Docker-compose PHP 라라벨 mysql css 등을 변경하여 브라우저를 다시로드해도 반영되지 않고, 이 경우 Docker 컨테이너 내에서 컨테이너 입력하면 파일 변경 사항을 모니터링합니다. 실시간으로 컴파일되는 것 같습니다. 입력하면 터미널이 이와 같은 화면이 되어 브라우저에 변경이 반영됩니다. 그건 그... npm라라벨 2021년 gulp-sass를 설치하려고 망설였다 이번 완전히 신규 코딩 이슈에 종사하게 되었기 때문에, 오랜만에 1년 전까지 사용하고 있던 package.json을 끌어내고 npm intall 했다. 3시간 조사하거나 고민했던 결과, 해결했으므로 비망록으로 남깁니다. Windows10 환경에서 npm install gulp-sass --save-dev 그러면 아래와 같이 로그가 출력되어 설치할 수 없다. 나의 PC에는 Node.js의 【최... gulp-sassNode.jsnpmgulpnode-sass Markdown에서 표를 작성하는 VSCode 확장 기능을 만들었습니다. Markdown 표기법을 사용하여 표를 작성할 때 "표 구성"과 "셀 내용"을 구분하여 설명할 수 있는 VSCode 확장 기능인 "markdowncat"을 만들었습니다. 코드 블록명을 mdcat.table 로 하면 ↓ 와 같은 표를 쓸 수 있습니다. 코드 미리보기 표시 확장 기능의 자세한 사용법은, 에 있으므로 참고로 해 주세요. VSCode의 마크다운 미리보기는 markdown-it이라는 ... TypeScriptnpmmarkdown-itVSCodeMarkdown laravel/ui를 사용할 때 발생한 오류 해결 현재 Laravel (ver6.20.9)을 사용하여 개인으로 웹 서비스를 제작하는 사람입니다. Laravel6.x에서 Bootstrap이나 Vue 등이 디폴트에서는 포함되지 않게 된 것 같기 때문에, 그들을 Laravel에서 사용할 수 있도록 해주는 "laravel/ui"를 다운로드하기로했습니다. laravel/ui의 다운로드에 대해서는, 이하를 참고로 했습니다. ②의 "1.x"부분에 대해서... npmPHP라라벨 【해결! 】 Vue-Cli를 설치 ... 할 수 없다! · Vue-Cli를 사용하여 본격적인 앱 개발을 위해 Vue-Cli를 설치하려고했습니다. · 과거에도 Vue-Cli를 설치하여 사용한 경험이 있습니다! 할거야!」라고 생각하고 있던 화살 앞, 조속히 출코를 꽉 찼다...라는 이야기입니다. · 명령 프롬프트에서 아래와 같이 Vue-Cli 설치 · 다음 오류가 발생 「이미 인스톨 하고 있는 데이터가 있을 때의 에러야!」(5행째) 「구체적으로는 P... Vue.jsnpm자바스크립트Node.js 자작 npm 패키지를 로컬로 백한다. 요 전날 이라는 의 React + TypeScript 지원 구성 요소를 만들고 게시했습니다. 작성을 통해, 디버그로 번거로운 부분이 있었으므로 공유합니다. package.json이 있는 루트 디렉토리에서, 그러면 (패키지 이름) .tgz가 생성됩니다. 그리고 패키지를 사용하고 싶은 프로젝트에서 합니다. (이 때 yarn에 캐시가 남아, 파일의 내용을 편집했는데 변경이 반영되지 않는 현상이 일... npmReactTypeScriptpackage.json 로컬에서 Node-RED를 실행해 보았습니다. Node-RED 어드벤트 캘린더 22일째! 지금까지 Node-RED는 enebular나 IBM Cloud에서 사용한 적이 있었지만, 그러고 보니 로컬에서 실행한 적이 없다고 생각했기 때문에 해 보았습니다. 문서의 을 읽으면서 자신의 로컬 환경에서 실행했을 때의 순서를 정리해 보겠습니다. macOS 10.14.6 (Mojave) Node.js 10.16.3 Node.js 설치 1-b. 이미 설... npmlow-codenode-redNode.js @nuxtjs/markdownit을 사용하여 마크다운 기사를 HTML로 출력 nuxt.js와 contentful을 사용하여 블로그 사이트를 환경 구축했습니다. 이번에는 markdownit이라는 npm module을 사용하여 Contentful로 작성한 마크 다운 기사를 HTML로 출력하고 싶습니다. 설치 을 보면서 이번은 @nuxtjs/markdownit 를 사용해 갑니다. 크리스마스 사양・・・? 명령을 실행하면 크리스마스 같은 배너가 흘러 왔습니다 🎅 < Hello... npmnuxt.jsMarkdown 취약한 종속 패키지를 npm audit로 감사 현재 저는 Vue.js에서 SPA(Single Page Application) 개발 업무에 종사해 주시는 경우가 많습니다만, 프로젝트에서 사용하고 있는 패키지의 취약성 대응을 업무로 실시했습니다. npm 6.14.8 npm v.6.0.0부터 프로젝트에서 사용하는 패키지 종속성을 감사하여 취약점이 존재하는지 확인할 수 있는 npm audit 명령이 제공됩니다. 실행하면 아래와 같은 출력 결과를... Vue.jsnpm자바스크립트audit npm 소개 Node Package Manager의 약자 Node.js의 패키지 관리 시스템입니다. 2010년 Isaac Z. Schlueter에 의해 개발되었다. 패키지 관리 시스템(패키지 감기 시스템)은, 오퍼레이팅 시스템(OS)이라고 하는 하나의 환경으로, 각종의 소프트웨어의 도입과 삭제, 그리고 소프트웨어끼리나 라이브러리와의 의존관계를 관리하는 시스템이다. 요점은 세계의 굉장한 사람들이 만들어 공... npm자바스크립트Node.js [PHP] 오류 해결 gyp: No Xcode or CLT version detected! laravel에 필요한 npm을 설치하면 라는 오류가 나왔으므로 그 해결 방법을 게시합니다. 이번에는 Xcode라는 APP를 제거하여 해결한 방법입니다. 아래는 에러 화면의 스쿠쇼입니다. gyp: No Xcode or CLT version detected!이것은 "Xcode와 CLT 버전이 이상하다"는 오류 내용이었습니다. 나 자신, Xcode는 잠시 사용하지 않으므로 제거를 실행하고 싶습니... npmPHP라라벨 WSL2의 Ubuntu20.04에서 루트가 아닌 사용자가 npm 명령을 사용할 수 없음 Windows 10 Pro WSL2 Ubuntu20.04 응용 프로그램 목록에서 Ubuntu20.04를 시작합니다. 에서 npm을 설치 한 후, 실행하면, 그런 다음 루트 사용자로 실행하면 일반적으로 버전 정보가 출력됩니다. 그런 다음 PowerShell을 통해 wsl 명령으로 실행하면 발생하지 않습니다. 여러가지 조사하고 있으면 개행 코드가 나빠서 그랬기 때문에, CRLF에서 LF로 변경 ... npm우분투20.04WSL2Node.js개행 코드 EJS의 if문으로 true일 때만 출력한다. 위와 같은 값이있을 때만 출력하는 설명을 스마트하게 작성하고 싶습니다. <%가 많기 때문에 줄이고 싶습니다. 다음과 같이 쓰면 완결에 쓸 수 있습니다. 삼항 연산자를 사용합니다. 가짜 값의 경우 빈 문자입니다. 가짜 값을 생략할 수 없는 것이 마음 남아 있지만, 결론 <%= person.name ? person.name : '' %> 간단합니다. 다른 좋은 방법이 있으면 알려주세요... npm자바스크립트gulpejsNode.js node 명령 프롬프트의 console.log에서 출력을 색칠 Node에서 명령 프롬프트의 출력 (console.log)에 색을 칠하고 싶었으므로 그 방법을 게시합니다. 검색해도 web브라우저의 consol에 색을 붙이는 방법이 많이 히트했기 때문에, 나와 같이 곤란하고 있는 사람의 도움이 된다면…(이런 일로 곤란하지 않은가. 색상을 지정하는 npm이있었습니다! 환경 node v10.16.3 npm 6.9.0 자꾸 사용 예와 출력 결과를 게시합니다. 모... npmchalkNode.js Vue로 기술계 아이콘을 사용하고 싶다! 【DEVICON】 은 기술계의 아이콘을 아이콘 폰트로서 배포하고 있는 사이트에서 프로그래밍 언어의 로고등이 풍부하게 준비되어 있습니다. 이전에 게시한 에서도 사용했습니다. 이번에는 Vue CLI를 사용하여 작성한 사이트 내에서 아이콘을 사용하려고 할 때 조금 빠졌기 때문에 아이콘의 도입 방법을 메모로 남겨 둡니다.... npm초보자Vue.js 【Widget】 JavaScript로 페이저의 뒷면을 만드는 【Pagination】 npmpagination자바스크립트 이전 기사 보기