surfharu

[javascript] 변수값 서로 교환하기

script 에서 변수값을 서로 교환하기 위해서는 주로 temp 변수를 활용하였으나 구조 분해 할당시 조금 더 편리하게 이용할 수 있다. 1. temp 변수 let a = 'hello'; let b = 'world'; let temp = a; a = b; b = temp; console.log(a, b); // world hello 2. 구조...

[javascript] setTimeout(), setInterval() 사용

setTimeout() 과 setInterval() 함수의 사용법을 알아본다. 1. setTimeout() 코드를 설정한 시간 이후에 실행하도록 해준다. 첫번째 인자엔 실행할 함수, 두번째 인자에는 설정할 시간(ms 기준)을 입력해 준다. const printHello = () => { console.log('Hello'); } setT...

[Error] Uncaught (in promise) Error: Invariant failed: A state mutation was detected between dispatches

Uncaught (in promise) Error: Invariant failed: A state mutation was detected between dispatches Error Code import { useSelector, useDispatch } from 'react-redux'; import { resetTemplate, selec...

[Error] Too many re-renders. React limits the number of renders to prevent an infinite loop.

Too many re-renders. React limits the number of renders to prevent an infinite loop. Error Code const [visible, setVisible] = useState(false); <Button onClick={setVisible(true)}>Show&lt...

script 문자열 모두 치환하기

script 에서 문자열 모두를 치환하기 위해서는 주로 2가지 방법을 쓴다. 1. replace + 정규표현식 g : 모든 값에 대한 검사 i : 대소문자 구분 안함 let str = 'apple orange apple mango'; console.log(str.replace(/apple/gi, 'mango')); // 결과: mango orange...

객체를 직렬화(Serialization), 역직렬화(Deserialization) 하기

직렬화(Serialization)란 ? 객체에 저장된 데이터를 스트림에 쓰거나 네트워크에 전송하기 위해서는 연속적인 serial 데이터로 변환이 필요한데 이것을 직렬화라고 한다. 즉, Object형태를 String형태로 바꾸는 작업을 말한다. 예제 JSON을 활용하여 직렬화와 역직렬화를 해본다. let book = { name: 'sky', page...

코로나(covid-19) 일지

1일차 일부 열과 함께 몸살 초기 증상 같이 몸이 사시나무처럼 추웠다. 출근 후 병원을 방문하여 신속항원검사를 하였으나 음성이 나왔다. 코로나 초기에는 증상이 와도 음성이 나오는 것 같다. 초기에 음성이 나온다고 감기라고 생각하면 안될 것 같다. 자가진단키트로 아침, 저녁으로 체크를 해보자. 2일차 열이 조금 더 심해지고 온몸이 어딘가 맞은...

[Error] At least one invalid signature was encountered in docker build

Problem 갑자기 docker build 시 아래 오류가 발생함 FROM node:16 RUN apt-get update || : && apt-get install python -y RUN apt-get update && apt-get install -y openjdk-11-jdk $ docker-compos...

Jekyll Chirpy 테마에 Google Adsense(구글 광고) 추가하기

Jekyll Chirpy 테마로 만든 블로그에 Google Adsense(구글 광고)를 붙여 수익을 창출해 보기로 한다. Google Adsense 란? 자신의 웹사이트에 구글이 선정한 광고를 노출하여 수익을 나눠주는 서비스 먼저 Google Adsense 사이트에 접속한다.

테슬라메이트(TeslaMate)를 아마존 클라우드(AWS)에 설치하기

AWS에 TeslaMate를 설치해 본다. TeslaMate ? 테슬라 차량 운행 데이터를 분석하여 시각화하여 보여주는 프로그램 AWS ? 아마존에서 운영하는 클라우드 서비스 1. AWS 클라우드 환경 구축 먼저 AWS 에 접속하여 계정을 생성한다. 계정 생성 절차는 아래의 순서로 진행 된다. 이메일 인증 신용카드 인증 문자...