쪼렙 as! 풀스택

const sp = new URLSearchParams(window.location.search)const vlaue = sp.get('key')

사용자가 어떤 기기로 로그인을 하는지 분석해야 할 필요가 있다. 기기별로 로그인 제한을 두는 기능을 구현할 때도 필요하다.요새는 많은 서비스들이 어떤 기기에서 로그인을 했었는지 기록해두고, 새로운 곳에서 로그인을 체크하거나, 특정 기기의 로그인을 끊는다던가 하는 서비스를 제공하는 경우들이 많이 있다. PHP에서 $_SERVER["HTTP_USER_AGENT"] 를 분석하면 되는데, 나는 matomo-org/device-detector 라이브러리를 사용하기로 했다. 참고 https://github.com/matomo-org/device-detector 근데 이게 꽤나 무거운 작업인 듯 하다.그래서 나는 autoload 를 안쓰는 환경에서, 꼭 필요할 때만 로드해서 사용하기로 했다.

웹 개발할때, 모달 상태를 만들일이 꽤 있다. 그래서 당연히 라이브러리도 많이 존재한다.왠만해서는 라이브러리를 가져다 쓰기는 하는데, 어쩌다가 직접 모달상태를 만들어야 할일이 생겼다. 모달상태가 되면, 'position:fixed' 인 창을 맨 위로 올리고, 아래있는 body 부분의 'overflow:hidden' 으로해서 스크롤을 못하게 막아버리면 된다. 이때, 브라우저에 따라 '스크롤바'가 차지하고 있는 영역이 있을 수 있다. 사이즈도 브라우저마다 다를 수 있으므로, 그때그때 스크롤바의 넓이를 구해서, body의 'padding-right'를 설정해준다. const body = document.getElementsByTagName('body')[0] const scrollbarWidth = windo..

AWS - Elastic Beanstalk 에서 Node.js 환경을 선택하면,기본적으로 Nginx가 프록시서버로 사용하게 설정되어있다. 홈페이지에 필요한 간단한 아이콘, favicon 등등은 그냥 public/assets/ 폴더를 만들어서 사용하고 있었는데, 그 static file 들만이라도 Nginx 를 통해서 처리하게 해주면, Node 환경이 한결 쾌적해 질 수 있겠다. 1. Node에서 static 파일을 사용할 수 있게 설정되어있는 server.js 파일을, 개발모드에서만 사용가능하도록 수정했다. /server.jsconst express = require('express')const dev = process.env.NODE_ENV !== 'production'const server = exp..

엘라스틱 빈스토크 - Node 서버로 설정하면, 기본적으로 Nginx 를 proxy 서버로 두게 되있다. 이번에 프록시서버를 사용해 보지 않고 Node 자체로 서버를 돌릴라고 했더니, 기존에 설정해 두었던 8081 포트가 먹히지 않아서 배포가 실패했다. 프록시 서버를 거치지 않으니, 바로 80포트로 받아봤는데, 실패. 그래서 구글링하다보니, 빈스토크 빌드할때, process.env.PORT 에 포트를 설정해 준다고 한다.그래서 server.js 에 포트 설정하는 부분을 아래와 같이 수정해서 해결했따. const PORT = process.env.PORT || 8081console.log('-->> PORT : ' + PORT) app.prepare().then(() => { const server = e..