javascript
-
토이프로젝트에 시용하기 좋은 무료 웹호스팅 및 서비스카테고리 없음 2021. 8. 24. 19:14
들어가며 간단하게 도메인 1개, API 서버, Database, Github action CI/CD 구성, SSL, DNS, 통계만 하면 되는 작은 토이 프로젝트를 만들일이 생겼다. 일단 웹페이지는 추후에 SEO도 붙일까 해서 nextjs로 만들었고, API는 adonisjs, DB는 mariadb를 마지막으로 Github action으로 Docker로 배포까지 완성!! hosting.kr에서 도메인 구입 후 SSL, DNS, Cache 이용을 위해 Cloudflare를 붙였다. 잘 돌아가는 구만! (며칠 후) ... 음?? 왜 접속이 안되지? DNS 구성은 잘 되어 있는데, Docker와 NAS 접속이 안된다. 고정 IP가 아니다 보니 ddns를 이용 하고 있었는데, IP가 바뀌었나 해서 공유기 접속을..
-
node에서 nodemon과 babel-cli 로 실시간 콘솔 출력카테고리 없음 2020. 2. 18. 18:45
들어가며 Node.JS 에서 ES6로 함수 실행 결과를 확인하기 위해 매번 터미널에 node./index.js를 타이핑해야 하는 귀찮음이 있는데, 이를 nodemon으로 해결하고자 한다. $ npm i -D @babel/core @babel/node @babel/preset-env nodemon $ npx nodemon --exec babel-node --presets @babel/preset-env ./app.js TIP 실행하려는 파일 제일 상단에 console.clear()를 넣어 두면 갱신 시 터미널이 깨끗해진다. package.json 에 script로 nodemon 명령어를 작성해 두고 npm run 로 실행 하자. 마무리 VS Code와 Jetbrain에 Quokka js plugin 이 있..
-
PHP에서 Google Analytics API 이용하기카테고리 없음 2020. 1. 22. 11:37
들어가며좋은 서비스를 만들기 위해 수개월 동안 개발을 끝내고 나면 서비스의 안정성 및 개선을 위해 사용자가 어떻게 우리 서비스를 이용하는지 행동 파악이 중요하다.Google Analytics 사이트를 매번 접속해서 보고서를 확인하는 것은 매우 불편하거니와 원하고자 하는 정보를 정확하게 파악하기 어렵다. 그러니 Google Analytics API를 이용하여 통계 데이터를 쉽게 만들어 보자. 사전 준비Google Analytics 계정Analytics와 연동된 사이트Analytics IDPHP Laravel frameworkCredentials Key Analytics IDhttps://analytics.google.com/analytics/web/ 접속상단에 "전체 웹사이트 데이터"를 선택애널리틱스 계정..
-
웹 개발에 유용한 생성기카테고리 없음 2020. 1. 15. 16:01
들어가며 지금까지 배우고, 알게 된 것들을 정리할 겸 생성기를 만들어 보았다. 틈틈이 시간 되면 하나씩 만들어 보려고 한다. Random string 지정한 길이만큼 임의의 문자열을 생성한다. Youtube의 vid, facebook user hash와 같은 unique 한 아이디로 많이 사용된다. UUID 파일 업로드 시 파일 이름이 겹치지 않도록 하거나, 웹로그 저장 시 사용하였다. AWS S3 기반으로 Backoffice 개발 시에 Post 아이디로도 사용했었다. Metadata tags metadata 입력은 매번 귀찮은 작업이다. 내용을 알맞게 구성하여, 복사/붙여 넣기 하자. 사이트가 한번 공유 되면 각 서비스마다 Cache 가 남아 수정해도 반영되지가 않으니, 아래에 캐쉬 삭제 URL 참고 ..