Programming/개발환경(17)
-
[VITE] [typescript] dotenv 설정
리액트를 배울 때 '타입스크립트에 대한 러닝커브가 있더라도, 생산성이 달라지므로 타입스크립트를 도입해줬으면 좋겠다.'라는 선생님의 말에 따라, CRA를 사용하지 않고 vite-reactts-eslint-prettier 템플릿을 사용해서 조금씩 만지작거리고 있었다. 파이어베이스를 설정해서 간단하게 프로젝트를 진행하고자 했는데, 이전에 파이어베이스 키를 코드에 그대로 박아놓은 뒤 커밋했다가 낭낭한 경고메시지를 받았던 게 생각났다. 아무튼 .env를 설치하고 파이어베이스를 설정하기 위한 값들을 세팅하는데... 어라? 뭐가 잘 안된다. 알고보니 .env파일을 참조하는 방식이 조금 달라서 그런 것이였다. 나중에 되면 까먹고 또 헤맬게 뻔하므로, 겸사겸사 VITE/typescript 환경에서 dotenv를 설정하는..
2021.11.29 -
Windows10에서 WSL(Windows Subsystem for Linux) 설치 방법 및 패키지매니저(apt-get)을 사용하여 node.js 설치하기
매번 맥북을 꺼내기 귀찮아서, 집에 있는 Windows10에도 개발환경을 설정하기로 했다. 그런데, 마이크로소프트 스토어에서 Ubuntu를 설치한 뒤 실행했더니 Virtual Machine 기능을 사용하라는 게 아닌가. 어찌어찌 마이크로 소프트의 WSL 설치 가이드 페이지를 참조해서 설치까지는 했는데, 이번엔 apt-get이 실행되지 않았다. 아무리 생각해봐도 컴퓨터를 포멧하거나 하면, 같은 문제때문에 골머리를 앓을 것 같아 이번 기회에 정리하고자 한다. Windows10에 Linux용 Windows 하위 시스템 설치 가이드 별 생각없이 마이크로소프트 스토어에서 Ubuntu를 찾아서 설치하고 실행했다면, Virtual Machine 기능을 사용해야 한다거나 혹은 WSL의 사용 설정을 해야한다는 에러 문구..
2020.12.31 -
[Linux/tar.gz] 특정 폴더에 압축풀기
특정 폴더에 tar.gz 압축 풀기 리눅스 환경에서 tar.gz파일의 압축을 해제하려면 -xvzf 명령어를 사용하면 된다. tar -xvzf [filename.tar.gz]tar의 각 옵션을 보려면 다음의 링크를 참조하도록 하자. (tar.gz의 기능 정리) 여기서 tar.gz파일 혹은 폴더명을 변경하려면 어떻게 해야 할까? tar.gz 내에 있는 파일명/폴더명을 알고 있다면...? openResty.1.15.2.1.tar.gz파일에 openResty-1.15.2.1폴더가 압축되어있다고 가정해보자. tar -xvzf openResty.1.15.2.1.tar.gz #openResty.1.15.2.1.tar.gz 압축해제 ls -la #현재 위치의 파일을 리스트 형태로 출력 . .. openResty-1.1..
2019.12.04 -
[VSCode] 타이핑을 즐겁게! Power mode 플러그인을 적용해보자! (커스터마이징으로 타이핑할때마다 춤추는 라이언이 표시되도록 수정하기)
예전에 아톰을 사용할 때, Activate Powermode라는 플러그인을 재밌게 사용한 적이 있었다. 한동안 재밌게 사용하고 있었는데, 아무래도 타이핑을 할 때마다 애니메이션 처리를 하다 보니 성능상의 문제가 발생했다. 단순히 Activate Powermode뿐만 아니라, 플러그인을 하나 둘 추가하다 보니 느려진 감이 있었다. 그러다가 Visual Studio Code를 사용하게 됐는데, 아톰보다 가벼워서 상당히 좋기는 했지만 Activate Powermode가 제대로 동작하지 않았다. 결국 눈물을 머금고 포기한 Activate Powermode는 몇 년동안 잊게 됐다... 가 어제 갑자기 생각나서 Market place에 검색해보니 Powermode라는 이름으로 등록되어있었다. ^ ㅈ^(쑻) Make..
2019.07.19 -
[IntelliJ] 검색과 관련된 단축키 정리
편집기를 이용해서 코드를 편집하다보면, 동일한 내용을 찾아서 일괄적으로 변경하고자 할 때가 있다. Replace all을 통해서 한번에 대체할 수도 있지만, 개인적으로는 검색한 내용과 일치하는 내용을 Multi-cursor로 선택한 후, 직접 수정하는 편을 더 좋아하는 편이다. Visual Studio Code나 Atom에서는 `Ctrl+D`를 통해서 선택할 수 있던 내용이다. IntelliJ에서는 `Alt+J`를 사용해서 동일한 기능을 수행할 수 있다. 함수 내에서 `multi_cursor_a`, `multi_cursor_b`라는 변수를 선언하여 사용하다가, 이를 낙타표기법(`multiCursorA`, `multiCursorB`)으로 변경하고자 한다면, `multi_cursor_`를 선택한 후 `Alt..
2019.02.14 -
SVN에서 Error validating server certificate가 발생할 때
Android studio에서 변경사항을 커밋하려고 시도하니, 권한이 없다는 메시지가 발생했다. 개발 서버에서 SVN계정으로 커밋을 시도하니, 정상적으로 커밋이 된다. 어딘가에서 계정이 꼬인 모양이었다. [SVN] ssl 접속이 안될 때 Error validating server certificate, 마법수정화살 님 글을 참조해서 확인해보니, 이전에 PC를 사용하던 사용자의 정보가 Window에 저장이 되어 있어서 발생한 문제였다. C:\Users\\AppData\Roaming\Subversion\auth Windows 10 기준으로 위의 경로에 저장된 파일을 모두 삭제한 후, 다시 Android studio에서 커밋을 시도하니 로그인 창이 출력된다. 아이디와 패스워드를 제대로 입력하고나니, 정상적으로..
2019.02.11