보노보노의 개발 일기 보노보노의 개발 일기

noSQL 데이터베이스 중 하나인 mongoDB 설치를 완료한 후, node.js와 mongoDB의 연동을 위해 연습 중인 프로젝트에 mongodb를 설치했습니다. 우리는 mongodb 모듈을 통해 mongoDB의 명령어들을 그대로 사용할 수 있습니다. 데이터베이스가 제대로 연결되는 지 확인하기 위한 간단한 코드를 실행해봤습니다.var Client = require('mongodb').MongoClient; Client.connect('mongodb://localhost:27017/school', function(error, db){ if(error) { console.log(error); } else { console.log("connected:"+db); db.close(); }}); 그러나, Fai..

05. Working with package.json 로컬에 설치된 npm 패키지를 관리하는 최상의 방법은 package.json 파일을 생성하는 것입니다. package.json 파일은 : 프로젝트가 의존하고 있는 패키지들의 리스트를 보여줍니다.semantic versioning rule에 따라 프로젝트에 의존한 패키지들의 버전을 설정할 수 있습니다.빌드를 재현할 수 있으므로, 좀 더 쉽게 다른 개발자와 공유할 수 있습니다. 요구사항 package.json 파일이 반드시 가져야하는 것 "name"소문자한단어, 띄어쓰기 허용X- (dashes) 와 _ (underscores) 허용O"version"x.x.x 형태semver spec을 따름 {"name" : "my-awesome-package","vers..

08~10. 전역에 패키지를 설치/업데이트/삭제 해보기. 패키지 설치> npm install -g jshint 패키지 업데이트> npm update -g jshint 패키지 삭제> npm uninstall -g jshint

04. 로컬에 패키지를 설치해보자 패키지를 어떤 방식으로 사용하는지에 따라 우리는 로컬 또는 전역에 npm 패키지를 설치할 수 있습니다. - Node.js의 require을 사용하여 당신의 모듈에서 패키지를 사용하려면 로컬로 설치하면 됩니다. 이는 npm 설치의 기본 동작입니다.- 패키지를 CLI와 같은 커맨드 라인 툴에서 사용하려면 전역으로 설치하면 됩니다. 패키지 다운로드하기 > npm install 명령어를 실행하면 현재 디렉토리에 node_modules 디렉토리가 생성됩니다. (node_modules 디렉토리가 없을 경우)그리고 node_modules 디렉토리 안에 다운로드 받은 패키지가 존재하게됩니다. 설치된 패키지 어떤 버전일까? 로컬 디렉토리에 package.json 파일이 없다면, 가장 최..

01. npm이란 무엇인가? npm은 어떻게 구성되어있을까? npm은 세 개의 컴포넌트로 구성되어있습니다. the website - 패키지 탐색, 프로파일 설정, 개인 npm histoty 관리CLI ( the Command Line Interface ) - 개발자와 npm이 소통하는 방법으로 터미널에서 동작the registry - 자바스크립트 소프트웨어의 공용 데이터베이스 및 메타 정보 npm은 언제 사용할까? 앱에 패키지를 적용시키거나, 통합시키고 싶을 때바로 사용할 수 있는 독립된 툴을 다운받고싶을 때npx를 사용하여 다운로드받는 것 없이 패키지를 실행하고 싶을 때조직을 만들어서 유지보수, 개발 협업하고 싶을 때어디서든 npm 사용자와 코드를 공유하고 싶을 때코드 활용을 특정 개발자들로만 제한하고..

nuxt.js 공식 가이드에서 필요한 내용만 정리한 글입니다. 1. Nuxt.js starter 템플릿을 통해 빠르게 사용하기. > npm install -g vue-cli #vue-cli가 설치되지 않았다면, 해당 명령어로 설치해야한다.> vue init nuxt-community/starter-template > cd > npm install> npm devvue-cli 설치하지 않은 상태에서 vue init 실행하려 할 때, 아래와 같은 메시지가 나타난다.Command vue init requires a global addon to be installed.Please run yarn global add @vue/cli-init and try again. 개발모드[Development]> npm ru..

유튜브 영상 The Vue Tutorial for 2018 - Learn Vue 2 in 65 Minutes 중 몰랐던 내용 정리한 글입니다. 1. Vue-CLI 설치하기 Vue-CLI를 통해 Vue 프로젝트를 빠르고 쉽게 생성할 수 있다.> mkdir vue-toy> cd vue-toy > npm install -g @vue/cli -- Vue-CLI 설치> vue create vue-voca -- Vue 프로젝트 생성[ vue create 프로젝트이름 ]2018.04.09추가) yarn 설치 후, yarn을 통해 Vue-Cli 설치하는 방법> npm install -g yarn> yarn global add @vue/cli 뷰 프로젝트를 생성하면 다음과 같은 프롬프트를 볼 수 있다.Vue CLI v3..

뷰에서는 $refs 속성을 이용해 DOM에 접근할 수 있습니다. 템플릿 안의 엘리먼트에 ref 속성을 추가함으로서, 뷰 인스턴스에 이 엘리먼트에 대한 정보를 줄 수 있습니다.또한, 우리는 이 엘리먼트에 접근할 수 있습니다. ref 속성은 HTML의 표준속성이 아니며, 심지어 DOM의 일부가 아니기도 합니다. 그래서, HTML 렌더링 후, 우리는 콘솔창에서 ref 속성을 찾을 수 없습니다. $refs 객체의 키는 엘리먼트의 ref속성에 정의한 값이 되며, 값은 해당 DOM 엘리먼트입니다.우리가 엘리먼트에 접근할 수 있다는 것은 곧, 엘리먼트를 변경할 수 있다는 것과 같습니다. 물론, 우리는 순수 자바스크립트의 querySelector을 이용해 DOM 엘리먼트에 접근할 수 있습니다.하지만, ref 속성은 좀..