본문 바로가기

전체보기

(52)
[node.js] Set 과 has set은 중복되지 않은 자료구조이다. 'use strict' const test = new Set() // set은 중복되지 않은 자료구조 test.add(1) test.add(2) test.add(1) test.add(3) test.add(2) console.log(test) for(const item of test) { console.log(item) } const ret = test.has(3) // boolen타입으로 반환 has는 속해 있는지 없는지 찾는 것 const ret2 = test.has(0) console.log(ret) console.log(ret2) add를 사용해 set 배열에 1,2,1,3,2 값을 넣는다. 그럼 set 배열에는 { 1, 2, 3 } 이라는 값이 생긴다. -> ..
[node.js] 오브젝트 병합 assign vs spread 오브젝트 병합하는 방법으로는 2가지가 있다. 1. assign 2. spread es6이후에는 spread를 많이 사용한다. 두가지 차이를 확인해보자. 첫 번째 assign 사용했을 때, // assign 연산자 const obj = { title: "111 assign 연산자 title" } const newObj = { name: "222 assign 연산자 name" } const assign = Object.assign({}, obj, newObj) // (객체배열로 {}, 합칠 오브젝트1, 오브젝트 2) console.log( assign ) 이렇게 한 후 콘솔을 보면 { title: '111 assign 연산자 title', name: '222 assign 연산자 name' } 라고 출력이 나..
[node.js] nodemon node로 작업하다보면 결과값이 어떻게 나오는지 확인할 때, node .\test.js 이런식으로 터미널에 쳐서 확인을 한다. 작업할 때마다 매번 저렇게 확인하는 것도 귀찮기도하고.. 저장할 때마다 라이브로 확인하고 싶을 때 nodemon을 사용한다. 설치할 때는 터미널에 npm i -g nodemon 해서 설치하면 된다. npm i -g nodemon 그럼 전역적으로 nodemon이 설치된다. 실시간 작업 확인화면 nodemon 홈페이지 https://nodemon.io/ nodemon nodemon reload, automatically. Nodemon is a utility that will monitor for any changes in your source and automatically res..
[node.js] Event Loop 기초 nodejs를 사용함에 있어서 맨 첫줄에 'use strict'를 사용한다. 도대체 'use strict'는 무엇일까? 'use strict'는 Strict Mode의 선언방식이다. 이 문구는 안전한 코딩을 위한 하나의 가이드라인이라고 생각하면 된다. 그렇다면 Strict Mode는 무엇인가? Strict Mode는 코드에 더 나은 오류검사를 적용하는 방법이다. - 장점 3가지 흔히 발생하는 코딩 실수를 잡아내 예외를 발생 시킴 상대적으로 안전하지 않은 액션 발생을 방지해 줌 정확하게 고려되지 않은 기능들을 비활성화 시킴 이쯤으로 uset strict 의 설명을 생략하며 추후 정리된 글로 올릴 생각이다. 자바스크립트 es6 이후부터는 변수 const, let을 사용할 수가 있다. 'use strict' ..
[node.js] node.js 시작 새해 맞이 node.js 정복을 목표로 2020년의 스터디의 스타트를 시작했다. 1일 노드강의 1~3강의 듣는 것을 목표로 하며... 'use strict'// 스트릭트 모드 // 객체 생성 const obj = { title: '타이틀입니다.' } /* function isEmptyObj() {// 객체가 비어있는지에 대한 테스트 함수 if (obj.title) {// obj 객체에 title이 있는지 // 객체가 있다면 true return true } eles { // 없다면 false return false } } */ // es6 리팩토링 = 위의 주석 함수와 똑같은 기능을 하고 있음 const isEmptyObj = () => obj.title ? true : false isEmptyObj()..
2달만에 쓰는 회고 마지막 글이 10월 말이라니... 충격적이다. 연말이니까... 바쁘니까는 다 핑계고.. 그냥 내가 많이 게을렀나보다. (적어도 마지막 글은 11월인 줄 알았는데..) 오랜만에 들어와보니 글을 쓸 때보다 안쓰는 지금이 방문자 수가 많아서 보니 포토샵 설치 조회수가 너무 많다 ㅋㅋㅋㅋ (개발 블로그인데... 반성해야겠다...) 이제 새해니까 새마음으로 다시 한번더 게을러지지 않도록 블로그관리 하겠습니다.... 모두들 새해 복 많이 받으세요 :)
github, gatsby 블로그 만들기 - 윈도우편 지난번엔 지킬(jekyll)을 설치했습니다. 이번엔 gatsby로 블로그 만드는 방법을 알아볼 것입니다. https://www.gatsbyjs.org/ GatsbyJS Bring your own data Gatsby’s rich data plugin ecosystem lets you build sites with the data you want — from one or many sources: Pull data from headless CMSs, SaaS services, APIs, databases, your file system, and more directly into your pages using GraphQL www.gatsbyjs.org 지킬테마는 html로 되어있고, gatsbyJS는 rea..
github, jekyll 설치 및 테마 적용하기 - 맥OS편(MAC) 맥은 기본적으로 루비가 설치되어있다. ruby -v 혹은 ruby --version로 확인해보자. ( -v는 --version 축약형) ruby -v ruby --version 따로 루비를 설치하지 않았는데 루비가 있다는 것이 확인되었습니다. :) 1. ruby 루비 업데이트 업데이트 하기 전에 sudo gem install jekyll bundler 해줍니다. sudo gem install jekyll bundler 에러가 안난다면 상관이 없지만 저는 ruby 버전이 낮아서 그런지 에러가 나네요. 그럼 ruby 버전을 업데이트 해야하니 rvm을 설치해줍니다. \curl -sSL https://get.rvm.io | bash -s stable (어... 근데 맥북 내이름이 왜 저렇게 되어있지... =__..