d3.Adder d3.Adder 는 JavaScript의 + 연산자에 의존하는 대신 IEEE 754 부동 소수점 숫자에 대한 전체 정밀도 가산을 해주는 기능을 한다고 합니다. 예제 아래는 예제 코드입니다. const adder = new d3.Adder(); const value1 = 0.031333333333233333; const value2 = 0.139999999999000001; const value3 = 0.333333333333333331; adder.add(value1); adder.add(value2); adder.add(value3); console.log(`sum `, value1 + value2 + value3); console.log(`adder.valueOf()`, adder.v..

안녕하세요. 루루개발자 입니다. 이번에는 클로저(Closure) 에 대해 알아보려고 합니다. 클로저(Closure) 란? 일반적으로 함수 내에 선언된 지역 변수들은 그 함수가 처리되는 동안에만 존재합니다. 즉, 함수가 종료되면 (리턴되면) 함수 내에 선언되었던 변수는 파괴되고 더 이상 접근 불가능 하다고 생각하는 것이 일반적입니다만, 예외가 존재합니다. function makeFunc() { const name = "홍길동"; function displayName() { alert(name); } return displayName; } const myFunc = makeFunc(); myFunc(); 위 예시에서 name 이란 변수는 "makeFunc" 함수 내에 선언된 지역 변수 입니다. "displa..

안녕하세요. 루루개발자입니다. 최근 회사에서 진행중인 프로젝트 중에 웹에서 앱을 호출해야 하는 상황이 있었습니다. 웹에서 앱을 호출하기 위해서는 앱의 url scheme 를 다음과 같은 예시처럼 웹에서 호출해주어야 합니다. 앱 호출 앱 호출 앱이 사용자의 휴대폰에 설치되어 있다면 해당하는 앱이 정상적으로 호출되겠지만, 문제는 앱이 설치되어 있지 않을 때의 이벤트를 감지해야 하는데 마땅한 방법이 떠오르지 않았습니다. 그러던 도중 문득 event listener 중 focus 와 blur 를 활용해 비슷한(?) 기능을 구현할 수 있을 것 같았고 다음과 같이 코드를 작성하였습니다. class UrlSchemeCaller { windowState = 'focus'; constructor() { this.init..

안녕하세요. 루루개발자 입니다. 저번 시간에는 텔레그램 봇 API 샘플을 구현해 봤는데요, 이번에는 슬랙 봇 API 샘플을 구현하여 github 에 공개를 해둔 상태입니다. https://github.com/wisdomstar94/slack-bot-api GitHub - wisdomstar94/slack-bot-api: slack 봇 api 샘플 프로젝트 입니다. slack 봇 api 샘플 프로젝트 입니다. Contribute to wisdomstar94/slack-bot-api development by creating an account on GitHub. github.com 이것 또한 사용방법은 간단합니다. 슬랙 앱 생성하는 것 부터 해서 봇 토큰, signed key 등을 확인하는 방법 등을 위 ..

안녕하세요. 루루개발자 입니다. 금일, 텔레그램 봇 API 를 보다 더 쉽게 이용할 수 있는 프로젝트를 만들어서 git 레포지토리에 올려봤습니다. https://github.com/wisdomstar94/telegram-bot-api GitHub - wisdomstar94/telegram-bot-api: node.js 기반 텔레그램 봇 api 샘플 프로젝트 입니다. node.js 기반 텔레그램 봇 api 샘플 프로젝트 입니다. Contribute to wisdomstar94/telegram-bot-api development by creating an account on GitHub. github.com 사용 방법은 간단합니다. readme.MD 에 나와 있는대로 텔레그램 봇 토큰, 채널 ID 를 확보한..

안녕하세요. 루루개발자 입니다. 이번 시간에는 리액트에서 자식 컴포넌트에 전달하는 props 값들의 변화 감지에 대해 테스트를 진행해보려고 합니다. 먼저 부모컴포넌트는 아래와 같이 작성하였습니다. -- index.tsx import { useCallback, useRef, useState } from "react"; import { TestChildComponent } from "../../../src/components-in/test/test-child-component/test-child-component"; const Index = () => { const [name1, setName1] = useState('홍길동'); const name2 = useRef('아이유'); const renderLo..

히어로

장미 없는 꽃집