Delia's Note

지인의 홈페이지를 개발해주고 틈틈히 관리 해주고 있는데, 이 홈페이지는 현재 Digital Ocean 과 Laravel Forge 서비스로 운영을 하고 있다. ​ 회사에서는 node와 react 를 중점으로 작업을 하지만 학교에서 배운 php 를 까먹지 않고 조금이나마 계속 사용해 보려고 홈페이지를 일부러 php 로 작업했다. ​ 작년부터 지인이 https 되게 해달라고 했는데 미루고 미루다가 ㅋㅋㅋㅋㅋ 오늘 영상 찾아보니까 laravel forge 에서 무료 ssl 인증서를 바로 적용할수 있도록 되어있다. 단순히 클릭 몇번으로 이렇게 간단히 되버릴줄이야...ㅎㅎㅎㅎ ​ 순서 1. Site > Meta > Domain 변경 2. Site > SSL > LetsEncrypt 클릭 도메인은 자동으로 입력되어..

커맨드에서 한줄씩 실행하기 경로 표시하기 defaults write com.apple.finder _FXShowPosixPathInTitle -bool YES killall Finder 경로 다시 제거하기 defaults write com.apple.finder _FXShowPosixPathInTitle -bool NO killall Finder

Deep linking 이란 하나의 url 가지고 url을 오픈한 플랫폼 안드로이드/iOS/web 등등 어떤 플랫폼이냐에 따라서 특정 페이지, 특정 url로 연결해주는 걸 말한다. 예를 들어 링크를 오픈한 폰에 앱이 설치되어있으면 앱을 오픈하고 앱이 설치되어 있지 않으면 앱스토어로 연결하여 앱 다운로드를 유도할 수 있다. 링크는 하나지만 어떤 플랫폼에서 오픈하느냐에 따라서 다르게 반응?한다. 링크를 만드는 API를 살펴보니, Firebase 의 경우는 링크를 생성할때 각각 플랫폼 연결 url을 설정해 주어야 한다. branch 는 dashboard 에서 각 플랫폼에 대한 링크를 설정할수 있다. 현재 진행하는 프로젝트에서 branch.io를 사용하고 있다. Firebase 는 모두가 알다시피 구글서비스다...

ngrok 은 내 로컬 컴퓨터의 특정 포트로 어디서든 접속 할 수 있도록 임시 도메인을 연결해주는 서비스 이다. 웹서버에 소스를 올리기 전에 로컬로 테스트 해볼 때 정말 유용하다. ​ ngrok - secure introspectable tunnels to localhost Public URLs for exposing your local web server . Spend more time programming. One command for an instant, secure URL to your localhost server through any NAT or firewall. Get started for free → As well as Amazon Web Services and many more. Take..

https://mui.com/ MUI: The React component library you always wanted MUI provides a simple, customizable, and accessible library of React components. Follow your own design system, or start with Material Design. mui.com material 은 구글에서 제안한 UI 가이드라인으로써 많은 개발자들이 채택하는 UI 다. 이를 react 에 적용한 UI kit 가 material UI 이다. 매우 깔끔하고 업데이트도 잘 되는 모듈이라서 아마도 React 오픈소스 UI 에서는 선호도가 제일 높지 않을까 생각한다. React 업데이트에 발맞춰 업데이..

100% 클라우드 서버를 구축할 계획인가? 그렇다면 서버는 정했나? 너무 많아서 뭘 골라야 할지 모르겠다고? 당신의 선택을 도와 줄 플랫폼 비교 사이트가 여기 있다. https://paasfinder.org/filter Find your PaaS | PaaS Comparison Runtimes Apex Clojure Cobol Docker Dotnet Elixir Erlang Go Groovy Haskell Hhvm Java Lisp Node Perl Php Python Ruby Rust Scala Swift Xsjs Middleware 3scale apicast Apache Glassfish Hana cloud integration Haproxy Httpd Ibm websphere Iis Jboss J..

자바스크립트에서 new Date() 를 구해서 해야 할 것들이 있다. 예를 들면 현재 시간 기준으로 "몇시간 몇분 전" 으로 표기 해야 한다던지 하는 포맷 말이다. 참으로 귀찮고도 귀찮다. 이런 귀차니즘을 미리 해결해 놓은 라이브러리가 있으니, 바로 moment.js 모먼트다. https://momentjs.com/ Moment.js | Home Format Dates moment().format('MMMM Do YYYY, h:mm:ss a'); moment().format('dddd'); moment().format("MMM Do YY"); moment().format('YYYY [escaped] YYYY'); moment().format(); Relative Time moment("20111031",..

back-end 에서도, front-end 에서도, ECMAScript 를 사용하고 있는 당신, 유효성 검사 할때는 joi 하라! Joi 는 한마디로 말해서 유효성검사 모듈이다. 가장 쉬운 에로 노드서버에서 get, post, put, delete 등 라우터를 호출할때 함께 전송되는 파라미터값들을 검증할 때 사용한다거나, 쿼리 실행 전에 넘어온 값들을 검증한다거나 할 때 유용하게 사용할 수 있다. https://joi.dev/ joiSite ## Build Setup joi.dev hapi/joi 였었는데 독립했나보네. 엔티티별로 정의해 놓으면 매우 편리하다. 예를 들어 유저에 관한 정보를 정의해놓고 체크한다던지 하는.. 공식 웹사이트에서 예제를 가져와 봤다. const Joi = require('joi..

회사에서 채택했던 hapi 프레임웍을 소개한다. hapi 는 express 와 달리 파서가 필요없다. 필요한게 다~~ 있다. https://hapi.dev/ hapi.dev Build powerful, scalable applications, with minimal overhead and full out-of-the-box functionality - your code, your way Originally developed to handle Walmart’s Black Friday scale, hapi continues to be the proven choice for enterprise-grade backend need hapi.dev 문서화가 매우 잘되어있어서 적용도 쉽고, validation 을 위..

이전 프로젝트에서는 squel 을 사용했었는데 지금은 knex 를 사용하고있다. 노드 서버에서 사용할 수 있고 우측 상단에서 database 를 선택해서 원하는 디비세팅으로 문서를 참고하면 된다. Promise 기반이고 toString() 을 이용해서 쿼리를 직접 확인할수도 있다. 문서화와 예제가 잘 되어있어서 매우 유용하다. Knex.js - A SQL Query Builder for Javascript The knex.schema is a getter function, which returns a stateful object containing the query. Therefore be sure to obtain a new instance of the knex.schema for every query..