Web·Programming·Git이 쉬워지는 Visual Studio Code 가이드

리브로웍스

저자:리브로웍스
출판사출신의스탭에의해2008년에설립된기획·편집·집필부터디자인·DTP까지서적제작의일관된공정을각전문가가맡는프로덕션집단이다.
스마트폰/웹/PC관련프로그래밍서를비롯해웹디자인,IT비즈니스활용서,앱입문서,학교교과서등IT분야를중심으로다양한도서를집필했다.

역자:김은철
데이터과학자로서빅데이터분석및AI모델링사업을하고있다.
주요저서로는<게임으로배우는파이썬>,<스위프트로만드는실전강좌!아이폰앱프로그래밍>,<예제로배우는핵심패턴안드로이드프로그래밍>,<유니티를이용한VR앱개발>,<그림으로배우는웹구조>,<그림으로배우는파이썬>,<그림으로배우는C#>,<그림으로배우는SQL>,<모두의알고리즘>,등30여권의번역서가있다.

역자:유세라
현재일본전문번역가로활동하고있으며,역서로는<게임으로배우는파이썬>,<스위프트로만드는실전강좌!아이폰앱프로그래밍>,<예제로배우는핵심패턴안드로이드프로그래밍>,<유니티를이용한VR앱개발>,<유니티를몰라도만들수있는유니티2D게임제작>,<유니티교과서>,<구글코랩으로배우는인공지능기술>,<파이썬플라스크웹앱입문>,<엑셀X파이썬코드레시피125>,<처음만나는AI수학with파이썬>,<그림으로배우는웹구조>,<그림으로배우는파이썬>,<그림으로배우는C#>,<그림으로배우는SQL>등30여권의번역서가있다.
SNS:serasoul@gmail.com

시작하면서

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

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

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

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

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

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

Appendix
INDEX

주요내용

CHAPTER1VSCode를도입하자
VSCode소개,실습환경준비,화면구성에관한설명을하는챕터입니다.VSCode를모르는분에게는기본지식을심어주고,이미사용하던분이라도미처알지못했을만한각화면구성요소에관한정보를알려줍니다.

CHAPTER2기본적인파일편집을해보자
어떤파일을편집하더라도유용한VSCode의핵심적인파일편집기능들과VSCode의작업단위인작업영역을소개하는챕터입니다.해당챕터를읽고나면,VSCode의구조에관한이해와함께,작업능률을크게올릴수있습니다.

CHAPTER3설정과커스터마이즈를이해하자
VSCode에서조정가능한각종설정들과그구조를이해하고,사용자화를위한커스터마이즈를배우는챕터입니다.VSCode를지금의위치에서게한강력한요소인확장(Extension)을사용하는법을알려줍니다.

CHAPTER4웹제작에최적화하자
HTML과CSS편집시에사용하면좋을VSCode의기능들과확장들을소개하는챕터입니다.HTML-CSS-JavaScript로이어지는웹개발환경을VSCode중심으로세팅하여작업하는데큰도움이됩니다.

CHAPTER5프로그래밍에최적화하자
코드작성속도를높여주는인텔리센스나코드조각등의사용법과,VSCode에서직접디버깅까지가능하도록설정하는방법을알려줍니다.해당챕터의방법을도입하면거의대부분의언어를VSCode가대응할수있게됩니다.

CHAPTER6VSCode에서Git을사용해보자
VSCode에서정식으로지원하는Git연동기능을사용하여VSCode에서버전관리를하는방법을소개합니다.또한Git연동기능과함께사용하면좋을GitLen확장의사용법을알려주어터미널을적극적으로사용하지않더라도Git을활용할수있도록도와줍니다.

작가의말

이책을손에든여러분은VisualStudioCode(이후VSCode)라는도구에대해들어본적이있나요?그리고어떤인상을가지고있나요?

「프로그래머가사용하는대단한도구」「VisualStudio와같은무언가」…이러한인상은모두틀린것은아니지만,대체로「소프트웨어개발자용의도구이고,사용하기위해서는전문적인지식이필요할것같다」라고느끼는분이많지않을까요?

VSCode는Microsoft사가무료로공개한텍스트에디터이지만,VisualStudio나AndroidStudio등소프트웨어개발을위한기능을갖춘IDE(통합개발환경)에가까운부분이있는것도사실입니다.따라서전업엔지니어용이라는이미지가앞서진입장벽이높다고느끼고있는분도많을것같습니다.

그러나VSCode는소프트웨어개발자및엔지니어만을위한도구가아닙니다.
VSCode의매력은텍스트편집이나폴더조작등의일상업무부터프로그래밍이나버전관리와같은본격적인개발업무까지,모든작업을이것하나로완수할수있다는점입니다.

만약당신이웹크리에이터나엔지니어로서이책을읽고업무에VSCode를도입한다면효율적으로작업을진행할수있을뿐만아니라,하루업무를마친후,그날에작동한앱은웹브라우저와VSCode뿐이었다고말하는날이드물지않게될것입니다.

그렇다고는해도Microsoft가공개하고있는VSCode의공식문서에는영어로만접근할수있는정보도많고,엔지니어용설명서도몇권나와있으나전제지식이없으면읽는데어려움을겪을수도있습니다.

이책에서는VSCode의도입부터본격적으로활용하는단계까지,단계별로그림으로설명하면서쉽게설명합니다.

기본적인설정및자기만의방식으로커스터마이즈하는방법은물론,웹제작및프로그래밍전용의기능도스크린샷을곁들여단계별로설명하므로헤매지않고조작을마스터할수있습니다.

각CHAPTER의구성은VSCode의기본적인기능의설명부터시작하여,그후에웹제작및프로그래밍을위한기능을소개하는흐름으로되어있습니다.

앞으로VSCode를도입할분은CHAPTER1부터읽고,이미사용하고있으며기본적인조작방법은알고있는분은개발용도에맞게CHAPTER3~6의자신에게필요할것같은부분을읽으면좋을것입니다.

CHAPTER1VSCode를도입하자
CHAPTER2기본적인파일편집을해보자
CHAPTER3설정과커스터마이즈를이해하자
CHAPTER4웹제작에최적화하자
CHAPTER5프로그래밍에최적화하자
CHAPTER6VSCode에서Git을사용해보자

이책의내용을이해함으로써매일의업무를VSCode로수행할수있을뿐만아니라,여러분이일하는방식자체를업데이트하는데도움이되면좋겠습니다.