분류 전체보기
-
[오픈소스코드리뷰] 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/ 접속상단에 "전체 웹사이트 데이터"를 선택애널리틱스 계정..
-
Terminal command cheat sheet카테고리 없음 2020. 1. 21. 14:43
Shortcut (mac) Ctrl + A : 커서를 처음으로 이동 Ctrl + E : 커서를 마지막으로 이동 Ctrl + B : 커서를 한글자 앞으로 이동 Ctrl + F : 커서를 한글자 뒤로 이동 Ctrl + P : 입력 했던 이전 커맨드 Ctrl + N : 입력 했던 다음 커맨드 Ctrl + L : 전체 라인 지우기 Ctrl + R : 입력 했던 히스토리 검색 Command history copy mv grep less SSH Connect $ ssh @ -p // e.g user@123.45.67.89 -p 22 SCP - File/Folder copy $ scp [-P, -r] // e.g : scp -P 8080 -r ./hello.txt user@123.45.67.89:/www/home G..