홈앤서비스 SK BROADBAND

Visual Studio Code를 위한 쉬운 해설서

Visual Studio Code(VSCode)는 현재 프로그래밍 및 웹 세계에서 사실상 표준으로 자리 잡은 오픈 소스 텍스트(코드) 에디터이다. 현재 빠르게 사용자 수가 늘어나고 있으며 엔지니어는 물론 웹 크리에이터, 프로그래밍 입문자에 이르기까지 사용자층이 넓어지고 있다. 인기가 높기 때문에 다른 텍스트 에디터를 사용하다 갈아타는 경우가 많지만, 신세대 에디터 특유의 다기능 탑재로 인한 복잡함이 걸림돌이 되기도 한다. 본서는 그 허들을 없애는 것을 목표로 한 ‘쉬운 해설서’이다. 웹 디자이너나 프로그래머는 물론 평범한 텍스트 에디터로 Visual Studio Code를 사용하는 분들도 더욱 편리하게 사용할 수 있도록 기본부터 커스터마이즈, 효율 향상에 도움을 주는 기능들, 나아가 Visual Studio Code가 표준 지원하는 Git의 사용법까지 꼼꼼히 담았다.

이 도서는 총 여섯 챕터로 이루어진 도서로, 처음 1~3장에서는 에디터에 관해 간단히 소개한 뒤 활용하면 좋을 유용한 자체 기능 및 단축키를 알려준다. 그 뒤 웹, 프로그래밍 등 각 사용 환경에 맞는 확장과 그 사용법을 소개하며, 마지막으로는 VSCode에 Git을 연동하여 작업하는 방법을 알려준다. 도서의 내용을 전부 학습하고 나면 그동안 간단히 사용해 왔던 툴의 활용성을 체감할 수 있을 것이다.?

시작하면서

CHAPTER1 VSCode를 도입하자
01 코드 에디터의 새 기준, Visual Studio Code
02 VSCode를 설치한다
03 초기 설정을 실시한다
04 VSCode의 화면 구성
05 상태 표시줄에서 파일 설정을 한다

CHAPTER2 기본적인 파일 편집을 해 보자
01 폴더, 파일을 열고 편집한다
02 작업 영역으로 여러 개의 폴더를 연다
03 텍스트 편집에 도움이 되는 필수 테크닉
04 Markdown 파일을 편집한다
05 검색·바꾸기를 사용한다

CHAPTER3 설정과 커스터마이즈를 이해하자
01 VSCode에서 무엇을 할 수 있는지 검색한다
02 VSCode를 자기 취향대로 커스터마이즈한다
03 작업 영역별로 설정을 바꾼다
04 JSON 파일에서 고급 설정을 한다
05 설정을 다른 컴퓨터와 동기화한다
06 자주 사용하는 작업을 단축키에 등록한다
07 확장을 도입한다
08 확장을 관리한다

CHAPTER4 웹 제작에 최적화하자
01 HTML, CSS 편집에 도움이 되는 표준 기능
02 Prettier로 코드를 정돈한다
03 HTML 파일을 실시간으로 미리 본다
04 CSS와 HTML을 자유자재로 오간다
05 편집기상에서 이미지를 미리 본다
06 코드 입력에 도움이 되는 기능
07 코드를 보기 쉽게 하는 기능

CHAPTER5 프로그래밍에 최적화하자
01 프로그래밍에 도움이 되는 테크닉
02 코드 보완 기능을 커스터마이즈한다
03 코드 조각을 더욱 활용한다
04 파일을 넘나들며 정의와 참조를 자유롭게 오간다
05 코드를 개선하기 위한 테크닉
06 디버그의 기본
07 디버그 중에 프로그램의 세부 정보를 확인한다

CHAPTER6 VSCode에서 Git을 사용해 보자
01 버전 관리 시스템 Git
02 Git의 이용 준비를 한다
03 로컬 리포지토리를 생성한다
04 로컬 리포지토리상에서 작업한다
05 로컬 리포지토리를 GitHub에 게시한다
06 리모트 리포지토리를 클론한다
07 충돌을 해결한다
08 브랜치에서 커밋 이력을 분기시킨다
09 풀 리퀘스트를 이용하여 브랜치를 머지한다
10 GitLens 확장으로 더욱 Git을 편리하게 한다
11 온라인 버전 VSCode를 이용한다

Appendix
INDEX