[BE(JavaScript)] 환경설정

학습목표

- 개발 환경 설정

- 개발 도구 사용법

 

- Node.js, VisualStudio Code, Git

 

1. VSCode 설치

- VSCode는 통합 개발 환경(IDE)

 

(windows)

1) VSCode에서 설치파일 다운로드

2) 설치파일 실행 후 추가 작업 선택에서 PATH에 추가 체크

 

(macos)

1) VSCode에서 설치압축파일 다운로드

2) 압축 해제후 VSCode 실행 파일을 애플리케이션으로 드래그앤 드롭으로 파일 이동

 

 

(ubuntu)

1) VSCode에서 설치파일(.deb)다운로드 (레드햇 계열은 .rpm)

2) 설치 파일 실행하여 설치

 

 

(사용법)

- 터미널 열기: Ctrl + F5 / Ctrl + `(백틱)

- 코드 실행: node 파일명.js

- 디버깅: Ctrl + F5(실행모드) / F5(디버그모드)

- 브레이크 포인트 지정: F9 / 코드 라인 숫자 왼쪽의 빨간점 클릭(붉은색이면 브레이크포인트 활성화)

+) 디버깅 창(버튼): 다음 브레이크 포인트 진행/다음 라인 넘어가기/함수 안 진입/함수 밖 탈출/서버 재실행/서버 종료

 

(shortcut)

- 기초 단축키

	Windows	macOS	Ubuntu
복사하기	Ctrl + C	Cmd + C	Ctrl + C
잘라내기	Ctrl + X	Cmd + X	Ctrl + X
붙여넣기	Ctrl + V	Cmd + V	Ctrl + V
주석 토글	Ctrl + /	Cmd + /	Ctrl + /
찾기	Ctrl + F	Cmd + F	Ctrl + F
바꾸기	Ctrl + H	Cmd + H	Ctrl + H
전체 파일에서 찾기	Ctrl + Shift + F	Cmd + Shift + F	Ctrl + Shift + F
사이드바 토글	Ctrl + B	Cmd + B	Ctrl + B
터미널 토글	Ctrl + J	Cmd + J	Ctrl + J
탐색기 보기	Ctrl + Shift + E	Cmd + Shift + E	Ctrl + Shift + E
커서 아래 빈 줄 생성	Ctrl + enter	Cmd + enter	Ctrl + enter
새로운 탭 열기	Ctrl + N	Cmd + N	Ctrl + N
새로운 창 열기	Ctrl + Shift + N	Cmd + Shift + N	Ctrl + Shift + N
탭 닫기	Ctrl + W	Cmd + W	Ctrl + W

- 응용 단축키

	Windows	macOS	Ubuntu
설정창 열기	Ctrl + ,(콤마)	Cmd + ,(콤마)	Ctrl + ,(콤마)
터미널 열기/닫기	Ctrl + `(백틱)	Ctrl + `(백틱)	Ctrl + `(백틱)
단축키 설정 열기	Ctrl + K, Ctrl + S	Cmd + K, Cmd + S	Ctrl + K, Ctrl + S
블럭 주석 처리(/**/)	Alt + Shift + A	Opt + Shift + A	Alt + Shift + A
같은 줄 추가	Shift + Alt + ↑ 혹은 ↓	Opt + Shift + ↑ 혹은 ↓	Ctrl + Shift + Alt + ↑ 혹은 ↓
빠른 파일 열기	Ctrl + P 후 파일명 입력	Cmd + P 후 파일명 입력	Ctrl + P 후 파일명 입력
빠른 라인 이동	Ctrl + G 후 라인 번호 입력	Ctrl + G 후 라인 번호 입력	Ctrl + G 후 라인 번호 입력
커맨드 팔레트	Ctrl + Shift + P	Cmd + Shift + P	Ctrl + Shift + P
특정 문장려 여러개 찾기(누른 횟수 만큼 지정)	Ctrl + D	Cmd + D	Ctrl + D
선택한 항목 취소	Ctrl + U	Cmd + U	Ctrl + U
자동 코드 포매팅	Alt + Shift + F	Opt + Shift + F	Ctrl + Shift + F
커서가 위치한 코드 라인 위 아래로 이동	Alt + ↑ 혹은 ↓	Opt + ↑ 혹은 ↓	Alt + ↑ 혹은 ↓
방금 전에 닫은 탭 다시 열기	Ctrl + Shift + T	Cmd + Shift + T	Ctrl + Shift + T
커서가 위치한 함수로 이동	F12	F12	F12
커서가 위치한 라인 선택	Ctrl + L	Ctrl + L	Ctrl + L

 

2. Git/GitHub

- git은 컴퓨터 파일의 변경 사항을 추적하고 사용자 간의 공동 작업을 조율하는 분산 버전 관리 시스템

(windows)

1) Git에서 설치파일 다운로드

2) 설치파일 실행 후 Select Components에서 Add a Git Bash Profile to Windows Terminal 체크

3) 설치 확인

> git --version

 

(macos)

1) homebrew로 설치

brew install git

2) 설치 확인

git --version

 

(ubuntu)

1) 패키지 정보 최신으로 변경

sudo apt-get update

2) 깃 설치

sudo apt-get install git

3) 설치 확인

git --version

 

3. Node.js

(windows)

1) Node.js에서 설치파일 다운로드

2) 설치파일 실행 후 Tools for Native Modules에서 체크항목 체크후 나머지 Next 선택

3) 설치 확인

> node --version

 

(macos)

1) 1) Node.js에서 설치파일 다운로드

2) 설치파일 실행

3) 설치 확인

node --version

 

(ubuntu)

- apt-get install로 nodejs 설치 가능. 오래된 버진일 경우 PPA, NVM 사용

1) 터미널 실행

2) curl 설치

sudo apt-get install curl -y

3) PPA 추가

curl -fsSL https://deb.nodesource.com/setup_20.x | sudo -E bash -

4) node.js 설치

sudo apt-get install -y nodejs

5) node.js 확인

node --version

6) npm을 위한 build-essential 패키지 설치

sudo apt-get install build-essential