The journey to becoming a developer

My future is created by what I do today, not tomorrow.

Total 8

Bye Bye VSCode! Moving to WebStorm IDE

사진 출처 : https://dev.to/mokkapps/why-i-switched-from-visual-studio-code-to-jetbrains-webstorm-939 Why I Switched From VS Code To WebStorm? VS Code만으로 코딩을 한 지가 벌써 1년을 훌쩍 넘어가고 있다. 1년 넘게 사용해 오면서, 처음엔 어색했지만 지금은 나에게 딱 맞는 테마도 찾고 눈이 편하게 코딩을 하고 있었다. 그런데 약 몇 달 전부터 VS Code가 급격하게 느려졌다. 커밋을 할 때 파일을 추가할 때나, npm으로 패키지 하나 설치하는 데에도 정말 시간이 예전보다 많이 소요되었다. 자잘한 렉도 많았다. 파일을 수정하고 나서 저장할 때 수십 초를 기다려야 하는 상황도 있었고, 닫기 버튼을..

Tips 2022.04.09

WSL2 설치 과정

Windows Subsystem for Linux (WSL) 나는 windows 운영체제를 사용중인데, 이번 코드스쿼스 CS 미션으로 Linux를 풀어나가다 보니 리눅스 명령어를 활용하고 싶어서 WSL을 설치해야 했다. 마침 노마드코더에서 무료 강의가 있어서 하나하나 따라가 보았다. 1. powershell 관리자 권한으로 열고 명령어 입력 https://docs.microsoft.com/en-us/windows/wsl/install-manual Manual installation steps for older versions of WSL Step by step instructions to manually install WSL on older versions of Windows, rather than us..

Tips 2022.01.07

Chocolatey 설치하기

Windows Subsystem for Linux WSL을 설치하면 윈도우에서도 Linux consol을 사용할 수 있게 된다. 즉, 리눅스의 명령어들을 윈도우에서도 사용 가능하다는 것. Install Chocolatey Linux에 매번 갈 필요 없이 윈도우를 사용하면서 개발 환경을 만들어나가는 방법 Chocolatey : 윈도우에 뭔가를 설치할 때 도와줌 Chocolatey is a machine-level, command-line package manager and installer for Windows software. It uses the NuGet packaging infrastructure and Windows PowerShell to simplify the process of downloa..

Tips 2022.01.07

Debugging Basic : 디버깅 기초 쌓기

INTRO 코딩을 접한 사람이라면 한번 쯤 꼭 들어봤을 만한 단어인 버그, 그리고 디버깅. 나에게도 나름 익숙한 단어이지만, 막상 실제로 버그를 마주치면 어떻게 해결해야 할지 막막하고, 당황스럽기도 했다. 이제는 버그를 마주쳐도 더이상 피하지 않고 해결할 수 있도록 디버깅에 대해서 배우고 정리해 보았다. What is bug & debugging? [Wikipedia] 버그, 디버깅이라는 용어의 정의와 유래부터 간단히 알아보자. 버그라는 말을 들으면 이런 의문이 생긴다. bug는 벌레라는 뜻인데, 이게 컴퓨터 프로그래밍에서 왜 쓰이게 되었을까? 그 답을 찾기 위해 1940년으로 거슬러 올라가 보자. 당시 Grace Hopper는 하버드 대학교에서 Mark II 컴퓨터의 relay(계전기)에서 나방이 끼어..

Tips 2021.11.05

소스코드 이미지로 공유하는 방법 : Carbon, Polacode

소스 코드를 블로그나 다른 곳에 공유할 때, 위와 같은 스타일로 작성된 것을 여러번 마주쳤다. 가독성도 좋고, 배경을 내 마음대로 설정할 수 있어서 개성도 있어 보였다. 검색을 한 결과, 아래 사이트에서 아주 쉽게 할 수 있었다. Carbon | Create and share beautiful images of your source code Who uses it? Carbon is used by thousands of developers daily, including experts at: carbon.now.sh 테마와 언어를 선택할 수 있고, 뒤의 배경색도 얼마든지 마음대로 가능하며, 배경 이미지까지 넣을 수 있다! 이미지는 Unslpash에서 랜덤 이미지를 선택할 수도 있다. GitHub - carb..

Tips 2021.10.09

클론코딩할 때 특히 유용한 크롬 익스텐션 6가지

유용한 팁을 많이 알려주는 Nomad Coders를 구독하고 있는데, 바로 어제 단 50초 만에 유용한 크롬 익스텐션을 알려주는 영상이 업로드되었다. 영상은 여길 클릭! 내가 이미 쓰고 있는 것도 있었고, 처음 알게 된 것도 있었다. 클론 코딩을 하면서 배울 수 있는 게 정말 많은데, 이런 것들을 알고 잘 사용한다면 코딩의 질이 매우 상승할 것 같다. 1. ColorZilla 웹 페이지에서 똑같은 색의 RGB 코드를 뽑아내고 싶을 때 사용한다. 나는 크롬 익스텐션은 아니고 그냥 프로그램인 Color Cop이라는 것을 몇 달째 사용중인데 이것도 나름 편하다. 상태 표시줄에 등록해 놓고 필요할 때마다 쓰고 있다. 2. CSS Viewer 마우스로 element에 갖다 대기만 하면 적용된 CSS를 편하게 볼 ..

Tips 2021.10.01

VS Code에서 Prettier가 적용되지 않을 때

오늘, 아주 유용하게 잘 쓰고 있던 Prettier가 특정 파일에서 갑자기 적용되지 않았다. 원래 저장을 하면 Prettier가 적용되어야 하는데, VS Code의 하단에 있는 Prettier 버튼을 클릭하고 터미널을 보니 "Require config set to true and no config present. Skipping file." 이런 문구만 뜨는 것이었다. 그래서 이것을 토대로 구글링을 했더니, 나와 같은 것을 겪은 사람이 질문을 올려놓았다. Require config set to true and no config present. Skipping file. · Issue #1257 · prettier/prettier-vscode · GitHub Require config set to true..

Tips 2021.10.01