2021/12

VS Code에서 터미널 노드 버전 바꾸기 nvm

vscode를 오랫동안 사용해 오고 있었는데 최근에 버전업을 크게 하면서 node 16을 사용하고 있었습니다. 그런데 vscode 터미널만 열면 버전 8이 계속 나와서 nvm use 16을 터미널 열때 마다 치고 있었는데 더 이상은 안될것 같아서 바꿔 보려니 안되서 여러방법을 시도 해보던중에 찾게 되서 공유하고자 합니다. 일단 내 시스템에서 사용하고 있는 노드 버전을 한번 체크 해봅니다. node -v 기본 값으로 사용하고 싶은 노드 버전이 있다면 아래와 같이 터미널에 입력하면 됩니다. 예를들어 16을 사용하고 싶다면 아래와 같이 입력하면 됩니다. nvm alias default 16 vscode 터미널 버전이 다른 경우는 /usr/local/bin/node 에 노드 버전을 사용하고 있기 때문일 가능 성..

간단히 만들어 본 크롬 익스텐션 구글 스토어 제출 하기

제가 최근에 크리스마스 연휴를 보내가다 문득 필요한 게 있어서 크롬 익스텐션을 하나 만들어 보았습니다. 화면에 blur 한 부분이나 화면 전체를 가리는 팝업을 제거해주는 플러그인입니다. 최근 들어 많은 웹사이트들이 부분적으로 가리고 전체 화면 뛰워서 가입 안 하면 못하게 하는 방법을 많이 사용하고 있어서 만들었습니다. 물론 여러 웹사이트들은 자바스크립트로 콘텐츠를 부분적으로 보여주거나 가짜 데이터를 보여 주는데 그러면 어떻게 할 수가 없습니다. https://chrome.google.com/webstore/detail/visibilize/cepdgdncnnflfcmahndoefpkljnnebmn?hl=en&authuser=0 Visibilize Remove all blurred contents and r..

리액트로 크롬 익스텐션 만들어 보기 시작 부터 출시까지

최근들어 많은 웹사이트들이 blur 효과와 회원가입 창을 화면 전체에 뛰어서 원하지 않는 가입을 강요 합니다. 여러 서비스가 필요하다면 유저가 가입 하겠지만 어떤 한 정보만 확인 하고 가고 싶은 유저에게는 사요을 많이 불편하게 합니다. 그래서 이번에 공부도 할 겸 크롬 익스텐션을 한번 리액트로 만들어보고 런칭을 해보려고 합니다. 만들고자 하는 기능은 간단 합니다. 유저가 익스탠션을 클릭하면 로딩된 것중에서 filter blur css 효과를 없에주고 화면 전체를 가리는 회원가입 권유 창등을 제거 해 줍니다. 일단 그러기 위해서는 리액트 프로젝트 설정을 해야 합니다. 먼저 create-react-app을 통해서 시작을 해보겠습니다. 타입스크립트 공부도 할 겸 일단 타입스크립트를 베이스로 만들어 보겠습니다...