lightShot 설치

화면 스샷을 간편하게 찍을 수 있는 프로그램이다

구글창에서 검색 후 홈페이지에 들어간다.

운영체제에 맞게 선택한 후 다운로드한다.

한국어가 없으니 영어로 해준다.

동의 후 next를 눌러 다운로드 해준다.

아래와 같이 설치된 것을 볼 수 있다.

우클릭하여 옵션에 들어간다.

원하는 단축키로 설정한다.

설정해놓은 단축키로 실행해본다.

---

크롬 설치

없다면 설치하면 된다.
기본 브라우저로 설정해준다.

---

기존 VSC 제거

시작하기 전 VSC가 설치되어 있다면 제거 후 다시 설치해준다.

제어판에 들어가 프로그램 제거를 해준다.

폴더에 들어가 빨간 네모박스의 경로 따라 들어간다.
.vscode폴더를 shift + delete로 제거한다.

보기를 눌려 숨긴항목 해제를 해준다.

위의 경로를 따라 들어가 code폴더를 완전히 제거해준다.

이렇게 해야 완전히 삭제된 상태이다.

---

VSC 설치

Visual Studio -> X
(C++ C# VB 개발용 도구이다.)

Visual Studio Code -> O
(플러그인을 통해서 다양한 언어를 개발 할 수 있다.)

구글창에 아래와 같이 입력 후 들어간다.

들어가서 각자 운영체제에 맞게 설치해준다.

설치된 후 실행해서 아래와 같이 해준다.



다 체크해준다.

---

언어팩 설치

실행해서 아래와 같이 해준다.

팝업 창이 뜨면 클릭해주면 재시작이 된다.

---

vscode 플러그인 설치

HTML CSS Support

HTML CSS 지원

설치가 되어있기 때문에 버튼이 보이지 않음.

Prettier - Code formatter

코드를 이쁘게 정렬해준다.

코드에서
Ctrl + Alt + /
를 입력하고 Prettier를 선택한다

ESLint

자바스크립트 문법 확인

Live Server

내 컴퓨터를 임시 웹 서버로 만들어 준다.

IntelliJ IDEA Keybindings

가장 유명한 개발툴인 IntelliJ의 키 세팅을 적용한다.

Error lens

에러를 보기 쉽게 알려준다.