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..

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..

https://www.npmtrends.com/ NPM Trends: Compare NPM package downloads Which NPM package should you use? Compare NPM package download stats over time. Spot trends, pick the winner! www.npmtrends.com 나는 모듈 버전관리로 npm 을 사용하고 있는데 필요한 오픈소스를 찾다보면 비슷한 여러 모듈이 많아서 어떤걸 선택해야 할지 고민될때가 있다. 이럴때 유용하게 쓸 수 있는 사이트가 바로 npm trends 사이트다. npm 를 사용하는 모듈을 넣으면 다운로드 수 및 이슈 등등 비교 해 볼수 있어서 나는 주로 여기서 모듈 비교를 해보고 가장 많이 사용되는 모듈을..

회사에서 webrtc 를 이용한 웹 비디오 챗을 만들었는데 꽤 오랫동안 작업해서 지금은 안정화 되었지만, 이게 참 이슈가 많았다. webrtc 는 브라우저가 제공하는 비디오 & 오디오 관련 API 인데 브라우저별로 서포트 하는 범위가 버전별로 다르다. 가장 힘들었던 부분이 크로스 브라우징 이었는데, 대부분의 기능들은 브라우저 자체가 서포트하기만 하면 adapter를 이용해서 polyfill 이 가능하다. 문제는 아예 이를 지원하지 않는 브라우저 대표적으로 IE 같은 것들. 그리고 의외의 복병이었던게 안드로이드의 자체 브라우저나 앱에서 링크를 클릭했을때 앱 내부에서 임베디드 식으로 사용되는 브라우저들의 문제였다. 뭐 이들은 그렇다 치고, 가장 힘들었던게 바로 Peer2Peer 프로세스를 이해하는 것이었는데..

원문 : http://blog.naver.com/sweetej82/150085290648 사이에 컨텐츠 타입과 캐릭터 타입 선언

트위터, 페이스북 프로필 이미지 가져오기 facebook profile photo https://graph.facebook.com/사용자닉네임/picturehttps://graph.facebook.com/사용자UID/picture twitter profile photo (bigger/nomal/mini)http://a0.twimg.com/profile_images/사용자UID/aaa_normal.pnghttps://si0.twimg.com/profile_images/사용자UID/aaa_normal.png

facebook app 생성 > 사용 순서 먼저 개발자 사이트에 가입한다. https://developers.facebook.com/Apps 페이지로 가서 새로운 앱을 생성한다.생성한 앱에 설정값을 작성한다. (사이트 URL 등)다이알로그창을 띄워서 사용자에게 접근 허가를 받는다. https://developers.facebook.com/docs/dialogs/다이알로그에서 서브밋 하고나면 redirect_uri 로 돌아올때 access key 값을 함께 주는데, 이 값을 기억해둔다.access key 값으로 facebook API 를 사용하여 사용자정보에 접근한다. facebook APIhttps://developers.facebook.com/docs/reference/api/https://develo..