profile
퇴근후 30분 출근전 30분

@chakra-ui useBreakpointValue webpack 빌드에러

css 프레임 워크중 media-query와 관련된 React Hook은 서버 사이드 렌더링에서 작동하지 않을 수 있다. 해결 방법은 간단하다1\. SSR을 사용하지 않도록 페이지를 설정한다.2 .해당 Hook이 SSR 환경에서 사용되지 않도록 조건부로 렌더링을 수행

4일 전
·
0개의 댓글
·

reduce 와 같은 js 배열 고차함수에서 비동기를 사용할때

let promise = Promise.resolve();const results = \[];keyArray.reduce((prevPromise, key) => { return prevPromise .then(() => redisClient.get(key))

5일 전
·
0개의 댓글
·
post-thumbnail

vscode open-ssh rsa 키값 넣기

puttygen으로 ppk 파일을 넣는다상단 Conversion을 누른다export openssh keyremotessh에서 해당 호스트 정보에 보안 파일 경로를 추가한다. IdentityFile C:/Users/user/id_rsa정상적으로 잘 접속된다.

2023년 5월 19일
·
0개의 댓글
·

fancytree 동기 비동기 에러

Uncaught Error: Fancytree assertion failed: deactivate was out of sync? at Function.error (:2:2616) at \_assert (:175:6) at Fancytree.nodeSet

2023년 5월 19일
·
0개의 댓글
·

for await ( of )

// 비동기 REST API 함수async function fetchPage(pageNumber) {}// 비동기 Generator 함수async function\* paginate(maxNum) { let pageNumber = 1; while (pageNumbe

2023년 5월 15일
·
0개의 댓글
·

ELK Stack

Elasticsearch , Kibana, filebeat,metricbeat, Logstash모든 형식의 소스에서 수집이(beat,logstash) 되게 지원해줌데이터를 가져온 다음 실시간으로 검색 분석 시각화 (Kibana)엘라스틱 서치는 DB역할강의에선 KAFKA

2023년 5월 15일
·
0개의 댓글
·

nginx rever-proxy관련 삽질

connect() to ::1:4000 failed (13: Permission denied) while connecting to upstream, client: 121.131.28.13, server: , request: "GET / HTTP/1.1", upstre

2023년 5월 13일
·
0개의 댓글
·

nodejs에서 google OTP 사용하기

일단 공식 문서에서 제공해주는 소스 기반으로 작성const { authenticator } = require('otplib');const QRCODE = require('qrcode');// otp 인증 페이지로 이동function getOTPQRimg(Context,

2023년 5월 9일
·
0개의 댓글
·

cloud - local - api 환경 구성

목표 : chatgpt를 검색한걸 지하철 출퇴근 시에 복습하기 일단 slack에 chatgpt 봇을 만들고 , ncp에 nextjs 서버랑 연결, 내 pc에 docker로 elasticsearch를 구성하고 그걸 slack bot과 연결 elasticsearch랑 n

2023년 5월 7일
·
0개의 댓글
·

replace 관련 유용한 callback

단어가 아니라 순서로도 가능

2023년 5월 3일
·
0개의 댓글
·

reduce의 currentvalue에 함수를 넣을때

js 배열 고차함수 reduce에 함수를 배열로 선언해서 넣으면 이런식으로 수행된다.비동기 함수를 여러개 실행해야할때 쓰면 좋을거같다.// Define an array of numbersconst numbers = 1, 2, 3, 4, 5;// Define a func

2023년 5월 3일
·
0개의 댓글
·

OCi 관련 에러들

ssh 키 값은 ppk로 만드는게 가장 간편했다oci에 elasticsearch처럼 요구되는 메모리값이 large인건 무료버전으론 불가능하다.개발 환경을 구성할땐 해당 메모리 값도 체크하자. 결론은 구성된 oci는 웹페이지 서버로만 활용하고 로컬환경에 elasticse

2023년 5월 1일
·
0개의 댓글
·

JS로 배우는 SICP 2장 - (1) 추상화 장벽

데이터 추상화는 추상화 된 그 연산들 만으로 데이터를 조작한다는 개념이 있다.이와 같은 이유로 추상화로 나눠진 단계마다 추상화 장벽이 생긴다.자료구조를 사용하면 해당 모든 프로그램을 수정해야 하지만 추상화를 해논 상태는 원시 데이터만 수정해야 하므로 유지보수에 용이하다

2023년 4월 26일
·
0개의 댓글
·

js async,await을 실행 컨텍스트 관점에서 보기

async function asyncFunction() { console.log('async function - start'); const result1 = await new Promise(resolve => { setTimeout(() => { co

2023년 4월 26일
·
0개의 댓글
·

js로 배우는 SICP (6) - 추상화와 일급함수

const dx = 0.00001; //여기서 dx는 도함수function derive(g) { return x => (g(x+dx) - g(x)) / dx;}추상화와 일급 함수일급 요소들이 가진 권리와 특권1\. 이름으로 지칭 가능하다.2\. 함수에 전달되는 인수가

2023년 4월 23일
·
0개의 댓글
·

js로 배우는 SICP (5) - 고차함수

function ContinuectFraction(getD, getN, N) { function recursiveF(Number) { return N > Number ? getD(Number) : getN(Number) / getD(Number

2023년 4월 21일
·
0개의 댓글
·

js로 배우는 SICP (4)

1.3O 고차함수로 만드는 sum함수의 선형 재귀적 과정function sum(term, a, next, b) { let iter = (a, res) => { return a > res ? 0 : term(a) + iter(next(a), b); }; ret

2023년 4월 21일
·
0개의 댓글
·

JS로 배우는 SICP(3) - 재귀함수 시간복잡도 줄이기

function times(a,b){ return b === 0 ? 0 : a + times(a, b -1 )}times(10,10);function times2(a,b){ return b === 0 ? 0 : isEven(b) ? a + times2(

2023년 4월 19일
·
0개의 댓글
·

자바스크립트로 배우는 SCIP (2) - 파스칼 삼각형

function PascalsTriangle(n) { const Triangle = \[]; for (let i = 0; i < n; i++) { Trianglei = \[]; for (let j = 0; j < i; j++) { //

2023년 4월 19일
·
0개의 댓글
·

vega-lite 차트 퍼포먼스 향상

개인적인 경험문서에서는 정렬을 encoding할때 하게 되어있는데 백엔드 쪽에서 데이터를 요청할때 정렬되게 변경하는게 좋다.2.insert, remove 등은 체이닝으로 연결되있지만 동기가 아니다. .runafter를 꼭 호출하고 run을 해야 누락되는 데이터가 없다.

2023년 4월 18일
·
0개의 댓글
·