분류 전체보기 검색 결과

해당 글 777건

localStorage

Storage The Storage interface of the Web Storage API provides access to a particular domain's session or local storage. It allows, for example, the addition, modification, or deletion of stored data items. developer.mozilla.org localStorage 객체를 통해서 로컬 스토리지를 관리할 수 있습니다. 로컬 스토리지는 보통 쿠키의 대안으로 생각됩니다. HTML5가 나온 이후, cookies의 많은 사용 방법들은 LocalStorage의 사용으로 대체되었습니다. LocalStorage는 cookies보다 더 많은 장점이 있기 때문..
Programming Language/🟨 Javascript 2020. 4. 7. 01:57

Object, Array, String

(Object)freeze, rest, entries, fromEntries (Array) map, filter, reduce, findIndex (String) includes, padStart 이번에 React 챌린지에 도전하면서 사용한 Object와 그 메소드를 가져와 보았습니다. Object The Object class represents one of JavaScript's data types. It is used to store various keyed collections and more complex entities. Objects can be created using the Object() constructor or the object initializer / literal syntax...
Programming Language/🟨 Javascript 2020. 4. 7. 01:39

mongoDB 유저 생성 + shell 명령어 + 원자성 + cursor & batch

⚡ 유저 생성 mongod 데몬을 켠 후 mongo로 접속이 가능할 터입니다. 이는 아무런 유저없이, 모두가 접속할 수 있는 상태라는 겁니다. 단순 개발 테스트 용이라면 별 다른 조치를 취하지 않아도 되지만 프로덕션으로 올라가게 되면 유저 권한을 명시해줄 필요가 있습니다. mongod // 데몬 켜기 mongo // mongodb 접속 접속한 후 기본적으로 설정되어 있는 db를 출력해보시면, admin이 보이실겁니다. use admin // admin DB 사용 db.createUser({user: 'root', pwd: '0000', roles:['root']}) // 유저 생성 root 권한을 가진 유저를 생성했습니다. 만약 로그인을 해야만 접속이 가능하게 만들려면 아래와 같이 mongod --aut..
DB, ORM/🍃 mongoDB (shell) 2020. 4. 6. 01:40

Capped 컬렉션

일반적으로 db에서 컬렉션을 생성하는 쉘 명령어는 다음과 같습니다. db.createCollections('[컬렉션 이름]') // 컬렉션을 생성합니다. ex - db.createCollection("secondCollection") 컬렉션 생성시에는 다양한 옵션을 줄 수 있습니다. 이에 관한 공식 문서는 다음과 같습니다. db.createCollection() — MongoDB Manual validator document Optional. Allows users to specify validation rules or expressions for the collection. For more information, see Schema Validation. The validator option takes ..
DB, ORM/🍃 mongoDB (shell) 2020. 4. 6. 01:39

[Web-API] getCurrentPosition 메서드 이용하여 유저 위치 파악하기

(HTML&DOM) Geolocation API(GPS) - 위치 정보 가져오기 안녕하세요. HTML5에 도입된 자바스크립트 API 첫 시간으로 Geolocation을 선정했습니다. 요즘 핸드폰 앱들을 보면 GPS 정보를 요구하는 앱들이 많죠. GPS 정보를 맞아서 자신 주변의 맛집이나 정보들을 찾아줍니다. 이제 웹에서도 GPS 정보를 가져올 수 www.zerocho.com Geolocation.getCurrentPosition() Geolocation.getCurrentPosition() 메서드는 장치의 현재 위치를 가져옵니다. developer.mozilla.org window 내부 객체 중 재미있는 객체를 알게 되어 조사해보았다. 명령창에 navigator를 찍어보면 그 광활한 내부를 살필 수 있다..
웹 전반, 브라우저/Web API 2020. 4. 5. 00:42

⚡ Socket.IO 간단한 개념 이해 및 ping pong 구현

socket.io/docs/v4 Introduction What Socket.IO isSocket.IO is a library that enables real-time, bidirectional and event-based communication between the browser and the server. It consists of: a Node.js server: Source | API a Javasc socket.io ws을 이용해 웹 소켓을 사용할 수 있지만 Socket.IO에 편의 기능이 많아서 편리합니다. 사실 socket.io는 웹 소켓이 아니라, 웹 소켓을 사용할 수 없는 브라우저에서는 폴링을 사용하는 등, 실시간 통신을 구현할 수 있는 여러가지를 합쳐서 추상화 시켜놓은 패키지입니다. ..
Node, Nest, Deno/⚡ ws , socket.io 2020. 4. 4. 21:53

ws 모듈 이용해 웹 소켓 맛보기

⚡ 웹 소켓이 뭐야 웹 소켓은 HTML5에서 새로 추가된 스펙으로, 실시간 양방향 데이터 전송을 말한다. 전기 코드를 꽂으면 빼기 전까지 계속 전기가 통하는 것처럼 데이터 전송이 이뤄진다. 보통 웹 서버가 HTTP 프로토콜을 이용해 통신하였다면 웹 소켓은 WS 프로토콜을 사용한다. HTTP 프로토콜이 stateless한 통신이다. 한번 req를 날리고 서버로 부터 res를 받으면 끝이다. 더 이상의 통신은 없다. WS는 이와 다르게 stateful한 통신이다. 한 번 연결이 되면 계속 그 관계가 유지된다. 웹 소켓 이전의 비슷한 기술로, polling, long polling, streaming이 존재하였고, 지금도 사용되고 있지만 우선 http 프로토콜로 통신하기에 req, res 모두 header가 ..
Node, Nest, Deno/⚡ ws , socket.io 2020. 4. 4. 19:47

II. HTTP 아키텍처 | 6. 프록시

II. HTTP 아키텍처 06 프록시 웹 프록시 서버는 클라이언트와 서버 사이의 트랜잭션을 수행하는 중개인이다. 당연히 클라이언트에게는 서버의 역할을 하고 서버에게는 클라이언트의 역할을 한다. 프록시가 없으면 클라이언트와 서버는 직접 1: 1로 소통한다. 그러나 이런 경우보다 사이에 프록시가 껴 있는 경우가 대부분이다. - 프록시 vs 게이트웨이 프록시는 같은 프로토콜을 사용하는 어플리케이션을 연결하고, 게이트웨이는 다른 프로토콜을 사용하는 어플리케이션을 연결한다. 게이트웨이를 일종의 프로토콜 변환기로 생각하면 편하다. 그러나 실질적으로 프록시와 게이트웨이의 차이점은 모호하다고 한다. 특히 상용 프락시 서버는 게이트 웨이 기능을 구현하므로 더더욱 그 차이점은 모호하다. - 프록시를 사용하는 이유 성인 콘..
🌐 Network/🔗 HTTP 2020. 4. 4. 03:51

npm 업데이트와 node 업데이트 (nvm, n)

npm을 업그레이드하기 위해서는 보통 다음 명령어를 사용한다. npm i -g npm 그런데 Node.js의 버전이 바뀌었다면? 설치된 node를 삭제하고 재설치하는 것은 번거롭고 오류를 일으킬수도 있으므로 추천하지 않는다. 노드의 버전을 업그레이드하기 위해 사용되는 것은 nvm (window) n (linux, mac) 이다. - Window Window에서 Node를 업그레이드하기 위해서는 nvm-setup.zip을 다운로드 받아야 한다. 아래의 링크를 통해 다운로드 받자. coreybutler/nvm-windows A node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windows gi..
Node, Nest, Deno/🚀 Node.js (+ Express) 2020. 4. 4. 02:11

Express 백엔드 배포용 전환 (morgan, pm2, winston)

🎩 코드 배포용으로 전환하기 개발용으로 세팅해놓았던 미들웨어를 배포용으로 전환하기 .env에 NODE_ENV="development"를 "production"으로 변환하면 작동할 수 있게끔 만들자. - morgan 수정 if (process.env.NODE_ENV === "production") { app.use(morgan("combined")); } else { // development app.use(morgan("dev")); } - express-session 수정 const sessionOption = { secret: process.env.COOKIE_SECRET, resave: false, saveUninitialized: true, cookie: { httpOny: true, secure..
Node, Nest, Deno/🚀 Node.js (+ Express) 2020. 4. 4. 01:06