깃 브랜치에 커밋하면서 discard changes가 눌러진 건지 3일 작업한 파일을 다 날려 먹음...눈물이 앞을 가리지만 침착하게 구글링해서 해결한 과정 기록 .... IDE 만세 나를 살려준 스택오버플로우다이 링크에 나와있는 대로 VSCode의 Local History를 복원해야 함 How do you undo "Discard all changes" in VS Code/GitI fear I already know the answer but here goes anyway.. I accidentally clicked "Discard All Changes" in VS Code (OSX) and now a month's worth of work is gone. Poof'd. Thing is, I didn'..

Prettier란?작성한 코드를 보기 좋고 일관성 있게 포매팅해주는 도구로, 줄바꿈, 들여쓰기 간격, 세미콜론/큰따옴표/작은따옴표 사용 여부 등을 설정하여 파일 저장 시마다 or 단축키 입력 시마다 형식에 맞게 보기 좋게 정렬해주는 확장 프로그램! Prettier 설정먼저 VSCode 실행 후 좌측 Extensions 탭에서 Prettier를 설치한다. 다운로드 수가 말해주는 편의성... 이후 Ctrl + , 키를 눌러 VSCode 설정 창을 연다.다음과 같이 editor: default fomatter를 검색한 뒤 None으로 되어있는 설정을 변경해야 한다. 파일 저장 시에도 자동으로 정렬이 되도록 editor: format on save mode를 검색한 뒤 추가로 설정해 준다. Prettier 설정..

VSCode의 많은 확장 플러그인 중 Vue.js 개발을 돕는 플러그인 추천 목록! VSCode Vue.js 플러그인Indent-Rainbow : Tab 영역을 색상별로 다르게 표시하여 라인이 길어도 가독성을 높여 줌Auto Rename Tag : HTML 태그 이름을 변경하면 쌍을 이루는 여는/닫는 태그명을 실시간으로 함께 수정CSS Peek : HTML 문서에서 정의된 CSS를 빠르게 찾을 수 있도록 도움 (Ctrl + 클릭)HTMl to CSS autocompletion : HTML 문서에 선언된 클래스명을 .css 파일에서 입력할 때 자동완성 기능 제공HTML CSS Support : HTML 문서에서 CSS 자동 완성 이용Tailwind CSS IntelliSense : Tailwind CSS ..

VSCode는 코드 편집기로 많이 알려져있지만 다양한 확장이 존재하여 Linux 원격 서버에 접속할 때 많은 편의 기능을 제공해줘서 아주 유용하게 사용하고 있는 나만의 광명이다. 그런데 원격 서버에 접속할 때마다 비밀번호를 입력하는 게 여간 귀찮은데, 접속할 때 1번 / 파일 탐색기 열 때 1번 / 세션 다시 로딩될 때마다 비밀번호를 입력해줘야 하기 때문.. 그런데! 공개 키 방식을 이용하면 VSCode에서도 비밀번호 없이 서버에 접속할 수 있다! 공개 키 방식이란? 정보통신, 보안에서 사용되는 용어이자 보안 방식으로 데이터 전송에서 데이터를 암호화하는 키는 공개되지만 암호를 해독하는 키는 접근 권한이 있는 상대방에게만 알려 줌으로써 데이터를 암호화하여 전송하고 수신할 수 있는 데이터 통신 시스템. 전공..

Windows에서 Linux를 사용하는 방법은 다양하지만(PuTTy, MobaXTerm, Docker...), 파일 탐색기와 코드 편집, BITMAP 등 이미지 파일의 확인, 많은 확장 프로그램 활용까지 가능한 VSCode를 가장 선호한다. VSCode란? 일반적인 에디터 도구로도 활용이 가능하지만, 가볍게 사용하기에는 Notepad++와 같은 툴에 비해 상당히 무겁기 때문에 (개인적인 의견) VSCode는 가상 환경에 접속할 때에만 사용하게 되는 것 같다. (테마 최고... 가독성 최고...) Visual Studio Code : https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is..