본문 바로가기

Others/NODE.JS

(21)
Unhandled rejection Error: EACCES: permission denied (npm install) sudo npm cache clean --force --unsafe-perm Wow... T.T
Error: getaddrinfo ENOTFOUND domain domain:port Check host file which like this ## # Host Database # # localhost is used to configure the loopback interface # when the system is booting. Do not change this entry. ## 127.0.0.1 localhost 255.255.255.255 broadcasthost This solved the problem for me! After hours of search, I found that the /etc/hosts file on my mac was empty! After you change the file on the mac, run sudo killall -HUP mDNSRespond..
[번역] TypeScript로 NPM 모듈을 만들어 배포하기 원본 사이트: https://codeburst.io/https-chidume-nnamdi-com-npm-module-in-typescript-12b3b22f0724소개이 글에서 우리는 JavaScript 개발자와 TypeScript 개발자 양쪽 모두가 사용 할 수 있는 TypeScript 모듈을 만들어 볼 것입니다.대부분의 npm 모듈은 Type 정의를 포함하고 있지 않기 때문에, TypeScript 개발자들은 보통 npm i @types/ -D의 추가적인 명령으로 npm 모듈을 사용 할 수 있게 됩니다. 여기서 우리는 JavaScript와 TypeScript에 import 가능한 npm TypeScript 모듈을 만드는 방법을 알아봅니다.NPM이 뭔가요?NPM은 오픈소스 node.js 프로젝트, 모듈,..
npm 명령어 안녕하세요. 이번 시간에는 npm 명령어에 대해 알아보겠습니다. npm 명령어는 명령 프롬프트에 입력하는 명령어입니다. 지금까지 봤던 명령어는 npm init, npm start나 npm run, npm install 정도가 있겠네요. 다양한 명령어가 많지만, 그중에서도 자주 쓰이는 것들에 대해 알아보겠습니다.npm help 또는 npm 명령어 help는 가장 먼저 알려드릴 명령어입니다. 명령어가 뭐가 있는지 모를 때는 npm help를, 해당 명령어가 무슨 역할을 하고, 가능한 옵션은 뭐가 있는지 궁금하면 가운데 명령어를 넣어서 help하면 됩니다. 예를 들어 init이 무슨 명령어인지 모르겠다면 npm init help하면 되는 거죠.설치 관련npm init은 package.json을 만드는 명령어였..
node.js express에서 CORS 허용하기 CORS란 무엇인가CORS란 Cross Origin Resource Sharing의 약자로, 현재 도메인과 다른 도메인으로 리소스가 요청될 경우를 말한다. 예를 들어, 도메인 http://A.com 에서 읽어온 HTML페이지에서 다른 도메인 http://B.com/image.jpg를 요청하는 경우를 말한다. 이런 경우에 해당 리소스는 cross-origin HTTP 요청에 의해 요청된다. 보안 상의 이유로, 브라우저는 CORS를 제한하고 있다.하지만 SPA(Single Page Application)의 경우에는, RESTful API를 기반으로 비동기 네트워크 통신을 하기 때문에 API 서버와 웹 페이지 서버가 다를 수 있다. 이런 경우에 API 서버로 요청을 할 시에 CORS 제한이 걸리게 된다.Acc..
Session (세션) Session (세션) 쿠키를 개선한 방식. 쿠키를 조금 더 안전하게 (더 많은 데이터를) 사용자의 컴퓨터에 저장한 것과 같은 효과를 나타낸다. 웹브라우저가 서버에 접속하면, 서버는 웹 브라우저에게 응답을 하면서 쿠키로 모든 데이터를 저장하게 된다. 예를 들면 쇼핑카트라고 한다면, 사용자가 어떤 제품을 카트에 담았는지를 제품에 대한 목록을 사용자의 컴퓨터에 저장하고 있다. 이런 방식으로 접근을 한다면 여러가지 문제점이 있다. 제일 큰 문제점은 보안 : 사용자의 컴퓨터와 서버가 서로 통신하는 과정에서 ID,PW와 같은 중요한 정보가 왔다갔다 한다는 것은 중간에 누가 가로챌 수 있다. 이런 문제점을 개선하기 위해서 쿠키가 가지고 있는 기능과 서버쪽 데이터를 저장할 수 있는 예를 들면 DB, 파일 등을 잘 조..
Cookie (쿠키) 쇼핑카트애플리케이션 만들기 (width nodeJs) Shopping cart 사용자가 구매하고자 하는 아이템을 장바구니에 담는 기능 쿠키를 제어해서, 쿠키를 만들고,변경,삭제 하여 만들어지는 기능. 라우팅 처리 /products 구현 ~/products : 제품 목록이 나오고, ~/cart 카트버튼을 누르면 장바구니에 담은 목록이 삭제 버튼과 함께 존재. 제품이름을 누를때마다 카트에 클릭한 갯수만큼 카운트가 될 것이다. 그 형태는 다음과 같다. Line 15 : products[name].title 로 console.log를 찍어보면 'The history of web 1' 'The next web' 을 확인할 수 있다. Line 14 : output 변수 - 화면에 그려낼 요소를 담는 변수를 만들었다. Line 15-19 : 화면에 이 객체가 가지고 있..
웹애플리케이션만들기(글 수정/삭제) 글 수정하기 > 목차에서 글을 선택했을 때, edit 버튼이 나타나면 수정하는 화면으로 가서 수정하는 것을 해보자. view.jade1. edit 버튼 만들기* 여러개의 버튼들을 일렬로 나열하는 모습을 기능들의 목록이란 뜻에서 리스트로 바꿔보겠습니다.Line 25 : 그리고 특정 글을 선택했을 때만 edit 버튼이 나와야 하므로 다음과 같이 설정. app_mysql.jsLine 72 : edit 라우터 확인Line 91-92 : id 값이 없는 경우는 err.Line 83 : edit.jade 화면으로 연결 edit.jadeLine 14 -22 : 글을 가져와서 읽는 부분을 new.jade에서 사용한 폼을 가져와 쓴다.Line 17, 20 : 기존에 작성된 글 가져오기Line 14 : 수정 작업후 'su..