둥실 둥실

안녕하세요. 루루개발자 입니다. 최근 회사 프로젝트를 하면서, 사용자가 특정 버튼을 클릭하면 특정 문자열이 클립보드에 자동 복사되어지는 기능 구현이 필요하였습니다. 그래서 관련 라이브러리를 찾아보니 다음과 같은 라이브러리가 존재했습니다. https://www.npmjs.com/package/clipboard clipboard Modern copy to clipboard. No Flash. Just 2kb. Latest version: 2.0.11, last published: 2 months ago. Start using clipboard in your project by running `npm i clipboard`. There are 1997 other projects in the npm regist..

안녕하세요. 루루개발자 입니다. 오늘은 javascript 관련 라이브러리를 정리해볼까 하다가 제 컴퓨터에 설치된 node.js 버전이 16.13.2 인 것을 보고 16.15.1 버전으로 업데이트를 하였습니다. 근데 바로 npm -v 를 해보니 다음과 같은 경고 메시지가 표시되었습니다. npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead. 물론 어디까지나 경고였기 때문에 그냥 놔둬도 큰 문제는 없겠지만.. 괜히 찝찝했던 마음에 해당 현상에 대해 검색을 해봤습니다. 그러던 도중 stackoverflow 에 저와 동일한 현상에 대해 질문한 글을 발견하였습니다. https://stackoverfl..

d3.FormatSpecifier d3.FormatSpecifier 는 다양한 포맷 관련 옵션들을 인자로 받아 specifier 을 얻도록 해주는 클래스 입니다. 그렇기 때문에 d3.format 함수와 같이 사용될 수 있습니다. 예제 먼저 typescript 코드를 다음과 같이 작성합니다. import * as d3 from 'd3'; window.addEventListener('load', function() { const formatSpecifier = new d3.FormatSpecifier({ align: '^', comma: true as any, // boolean 값이 맞으나, @type 에는 string 으로 지정되어 있어 as any 를 붙였습니다. fill: '', precision: ..

바람이 잘부네

안녕하세요. 루루개발자 입니다. 최근 회사 프로젝트를 진행 하던 도중 서버에서 실시간으로 웹으로 알림을 받아야 하는 기능이 필요했습니다. socket 이나 fcm web sdk 중에 어떤 것을 사용할까 고민한 끝에 fcm web sdk 를 사용하기로 하였습니다. https://firebase.google.com/docs/web/setup?authuser=0&hl=ko#use-modular-bundler 자바스크립트 프로젝트에 Firebase 추가 | Firebase Documentation Check out what’s new from Firebase at Google I/O 2022. Learn more 의견 보내기 자바스크립트 프로젝트에 Firebase 추가 이 가이드에서는 웹 앱에서 또는 최종 사용..

안녕하세요. 루루개발자 입니다. 금일 구글 로그인 API 를 연동한 아주 최소한의 샘플 프로젝트를 만들어보았습니다. 😀 https://github.com/wisdomstar94/google-web-login-sample GitHub - wisdomstar94/google-web-login-sample: 구글 web 로그인 샘플 프로젝트 입니다. 구글 web 로그인 샘플 프로젝트 입니다. Contribute to wisdomstar94/google-web-login-sample development by creating an account on GitHub. github.com 해당 프로젝트의 README.md 파일에 구글 OAuth 2.0 클라이언트를 생성하는 방법과 redirect_uri 를 등록하는 ..

d3.Delaunay d3.Delaunay 는 "2차원 점 집합의 Voronoi 다이어그램을 계산하기 위한 라이브러리" 라고 합니다. * Voronoi 다이어그램 : 평면에 놓인 점들을 기준으로 수학적 공식을 적용하여 다각형을 이루는 영역으로 채워진 그림 예제 먼저 html 파일의 내용을 다음과 같이 작성합니다. css 는 다음과 같이 작성합니다. .box { width: 400px; height: 400px; display: block; margin: 20px; padding: 0; position: relative; border: 1px solid #ccc; } js 파일은 다음과 같이 작성합니다. window.addEventListener('load', function() { // canvas 의 ..