여러가지 방법이 있겠지만 가장 간단하게 설치해본다. 사전 작업으로 brew를 설치해주고 brew로 python3 가 설치되어있다는 가정하에 진행한다. 사전 작업은 인터넷에 많이 나와 있다. jupyter notebook을 설치한다. pip3 install jupyter 설치후에 터미널에 jupyter notebook입력하면 된다고 해서 했는데 zsh: command not found: jupyter 에러가 발생했다. zsh: command not found: jupyter 에러는 jupyter를 못찾는다는 내용인데 이건 환경변수를 세팅해주면 된다. 먼저 editor를 켜준다. vi ~/.zshrc 아래와 같이 입력해준다. export PATH=/(본인경로)/Python/3.8/bin:$PATH :wq!를..
nestJS 프로젝트 도중 갑자기 mysql connection error가 발생했다. 에러명을 Error: Access denied for user 'root'@'localhost' (using password: YES) (보통 위 에러는 비밀번호를 잘못 입력해서 일어난다. 하지만 난 비밀번호를 맞게 입력했다.) 이전에 이런 에러가 발생해서 mysql을 완전 삭제했다가 재설치를 했더니 잘동작 했었다. 하지만 이후에 같은 에러가 또 발생했다. 이번에는 mysql를 재설치하기 보다. 원인을 찾아 보았다. 생각보다 아주 간단했다. 결론은 mysql이 사용하고 있는 3306포트를 이전에 설치했던 mysql이 사용하고 있던것. 즉 이전에 설치한 mysql이 같은 포트를 사용하고 있던 것이다. 해결방법은 이전 m..
github를 잘 쓰고 있다가 어느날 갑자기 push를 하려니 제목과 같이 ssh key를 입력하라는 황당한 요청을 받았다. 우선 해결방법은 아래와 같다. Window 기준 1. Git Bash를 켠다. 2. ssh키를 생성한다. 생성방법 $ ssh-keygen -t rsa -b 4096 -C "your_email@example.com" 위와 같은 명령어를 입력한다. 물론 "your_email@~"에는 본인의 github가입 이메일을 입력한다. 그러면 아래와 같이 나올 것이다. Enter passphrase (empty for no passphrase): Enter same passphrase again: 둘다 enter를 눌러 넘어간다. 만약 키가 이미 존재했다면 덮어 씌울 것이냐? 라는 질문이 온다...
Mobx state tree에 대해 사용해보고 간단한 카운터 예제를 만들어 보았다. 입문용이니 심오한 표현은 최대한 피하고 쉽게 이해할 수 있도록 구성하였다. 카운터 예제에 대한 스택은 React, Mobx, Mobx-state-tree, Mobx-react-lite가 사용되었다. mobx state tree는 무엇인가? 상태를 관리하는 엔진이며 구조와 툴을 제공한다. 라고 공식문서에 적혀있다. 상태를 관리하는 라이브러리라고 생각하면 적절한 것 같다. 왜 mobx state tree를 사용해야 하는가? 상태관리로 mobx도 좋지만 mobx state tree는 프로젝트 구조가 좀 더 확장될 것에 대비하여 사용된다. 물론 소규모 프로젝트에도 사용가능하다. 그 외에도 10가지 이유가 공식문서에 적혀있다. 궁..
throttle 메소드는 정해진 시간마다 console을 찍는다. const $button = document.createElement('button'); document.body.append($button) $button.textContent = 'click'; let count = 0; let timeId; $button.addEventListener('click', function () { count++; if (!timeId) { timeId = setTimeout(() => { console.log('clicked ', count); timeId = null; }, 500); } }) debounce메소드는 마지막 클릭에 대한 것을 반환한다. const $button = document.crea..
JavaScript로 이미지파일을 불러오고 html화면에 띄우는 방법이다. input, button, img 태그를 사용하여 버튼을 누르면 이미지를 업로드하여 화면에 띄울 것이다. 먼저 JavaScript로 이미지 파일 불러오기를 어떻게 해야할까? input 태그에 type을 "file"로 지정해 준다. 보내기 보내기를 클릭하면 file 주소를 가져오는 방법은 다음과 같다. document.querySelector("#sendButton").addEventListener('click',()=>{ let selectFile = document.querySelector("#inputImage").files[0]; console.log(selectFile); }) 파일을 선택하고 보내기를 클릭하면 consol..