분류 전체보기
-
토이프로젝트에 시용하기 좋은 무료 웹호스팅 및 서비스카테고리 없음 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가 바뀌었나 해서 공유기 접속을..
-
[오픈소스코드리뷰] classNames카테고리 없음 2021. 1. 25. 21:44
들어가며 문자열로만 처리해야 하는 class name을 조건부로 결합하기 위한 간단한 Javascript 유틸리티입니다. 하지만 classnames project는 2년간 업데이트되지 않고 있으니, 사용법이 같은 clsx 도 같이 살펴봐 두시면 좋습니다. classnames는 동적 스타일에 주로 사용되며, react project에서도 굉장히 많이 사용되고 있습니다. tailwind, bulma, bootstrap과 같은 css framework를 사용하고 계신다면 더할 나위 없는 좋은 유틸리티입니다. 코드가 길지 않으니 빠르게 훑어보겠습니다. 현재 리뷰 버전은 2.2.6입니다. 리뷰 // packages.json // 생략 ... "scripts": { "benchmarks": "node ./bench..
-
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/ 접속상단에 "전체 웹사이트 데이터"를 선택애널리틱스 계정..