@@

1@ 메인화면

+1@ 새파일

+2@ 파일열기

+3@ 폴더열기

+4@ 무시

+5@ 최근항목

+6@ 탭

2@

+1@파일목록

+2@검색

+3@디버그

+4@확장스토어

솔직히 내가 VSCode를 "완전"초기화하면 잃을 게 많아서 배울만한 외부링크 달게.

그리고 검색하다보면 쉽게 알 수 있으니까 그 방식으로 해도 돼. (VSCode는 개발자중 70퍼 이상이 사용중)

 이건 한번 본다고 절대 다 외워지는 게 아냐, 언제 어떤 VSCode의 기능을 쓰는지 기초강좌 도중에 언급할 때가 있을거니까 

수시로 이 글을 참고하면 돼. 그리고 이 글에서 어떻게 쓰는 지 예시를 들텐데 그거 한번 따라해보는 것도 좋은 방법이야.

- 외부링크 1 간략한 설치 그 자체와 자주 쓰이는 단축키들.

@@1@메인화면

내가 X표시한 것들은 VSCode기본 기능이 아니니 앞에 나와도 무시하면 돼.

@@1@1@ 새파일

 텍스트 파일을 새로 만들어, 간단히 텍스트파일 수정할 거 아니면 메인 화면에선 이걸 쓸일 없음.

@@1@2@ 파일 열기

 기존에 있던 "텍스트류 파일"을 열어, 코드나 그냥 텍스트나 글자로 열 수 있는 파일은 다 열 수 있어.

 이것도 용도는 위와 같음.

@@1@3@ 폴더 열기

 사실은 이게 메인이야. 너가 작업할 폴더를 열어서 거기를 작업공간으로 만들어. 너가 원하는 경로로 지정하거나 거기에 폴더를 만들어 그 폴더내부를 작업공간으로 만들 수 있어.

@@1@4@ 무시하삼. 협업용임

@@1@5@ 최근 항목

 너가 최근에 열었던 파일, 폴더 등을 순서대로 표시해, 자주 작업하는 거라면 항목에서 없어질 일이 없어서 편하지.

@@1@6@ 탭

 크롬의 탭과 비슷해, 여러 파일을 동시에 열어 놓은 상태로 둘 수 있어. "동시에"가 두가지 의미가 될 수 있는데,

탭을 드래그하고 원하는 위치로 옮기면 옆이든 아래든 그냥 열어만 놓든 원하는 곳에 탭을 위치시킬 수 있어.

그리고 

 이렇게 뜨면 코드나 텍스트가 저장이 안되었다는 표시인데, 어짜피 컴파일할땐 자동저장되어서 내용이 적용되고 창을 끌땐 저장할건지 물어보니 수시로 안 해줘도 돼. 

@@2@사이드바

@@2@1@ 파일 목록

@@2@1@1

 폴더야.

 VSCode가 독자적으로 만드는 게 아니고 그냥 폴더 탐색기의 폴더야. 만약 폴더 열기나 새 폴더 만들기를 안 했다면

만들라는 버튼 두개 정도만 딱 뜰거야. 그냥 그거 눌러서 하나 만들면 돼.

 근데 약간 특이한 점은 어떤 폴더 안에 아무 파일없이 폴더 하나만 있을 때 

예를들어,

"test2" 에 "gg"폴더만 있을 땐 저렇게 /로 표현돼.

@@2@1@2

 파일이야, 폴더를 제외한 텍스트, 코드, exe, dll..... 폴더 아니면 다 파일이야.

@@2@2@ 검색

 작업하고 있는 폴더 내부의 "텍스트로 해석할 수 있는 파일" 에서 조건을 만족하는 단어를 찾아내.

사실 쉽게 검색할 수 있도록 코드를 짜는 것도 능력이지만, 난 못하는 편.

화질이 깨져보일진 모르겠는데, 하나하나씩 설명할게.

@@2@2@1

검색할 단어야. 오른쪽에 옵션 세개가 있지? 눌러서 토글할 수 있는데, 왼쪽부터 설명할게

1. 이건 파란색으로 켜져있으면 대소문자를 구분해.

예를들어 "ang"을 검색했을때,

꺼져있다면, "ang", "ANG" 둘다 검색함.

켜진다면, "ang"만 검색해.

2.단어를 구분해, 바로 예를 들게.

"ang"을 검색했을때,

꺼져있다면, "ang", "angpang" 둘다 검색함.

켜져있다면, "ang"만 검색함.

하지만 특수문자나 공백은 단어의 일부로 치지 않아. 예를들어

"~ang~"을 검색할때

꺼져있든 켜져있든  "~ang~" "~ang~~" "~ang~gimozi" 셋다 검색해. 정확히는 ~ang~인 부분이 들어있기만 해도 검색하지 

다만 언더바"_"는 영어와 동일하게 단어의 일부로 취급해 줘야해. 예를들어 

"~ang"을 검색했을 때 결과로 "~ang_"은 제외돼

 설명만으론 힘드니까 직접 실험해보는 것도 좋아.

3.정규식을 쓰는 옵션이야.

정규식이 뭐냐고? 마이크로소프트의

이 문서가 나보다 훨씬 잘 설명해.

사실 이것만 조금이라도 쓸 줄 알면 파일 내 검색의 신이라 할 수 있지. 정규식을 쓸 때는 단어를 검색한다기 보단 조건을 만족하는 단어를 찾는다, 라는 개념으로 접근해야돼. 

@@2@2@2

 검색된 단어들을 치환할 단어야. 말 그대로 쌩으로 치환하는 기능밖에 없어.

오른쪽에 있는 대소문자 구분은 꺼져있을 때 그대로 치환되고

켜져있을 땐 검색된 단어의 

1.대문자가 포함되어 있으면..... 예측할 수 없어. 이건 나도 모르겠다. ###TODO

2.전부 소문자면, 치환할 단어가 전부 소문자로 바뀌어.

@@2@2@3

 검색된 단어들을 치환할 단어로 전부 바꿔버려. 함부로 누르지 말고 생각한 뒤 해.

@@2@2@4

 왼쪽부터 설명할게.

1. 새로고침(재검색)

2. 검색 결과 지우기(처음 상태로 리셋)

3. 새 검색 편집기 열기 (검색을 새로운 탭으로 염) (치환 기능이 없는 대신 검색 결과를 텍스트로 저장 가능.)

@@2@2@5

 포함할 파일이야.

 포함할 파일의 경우는 "경로에 입력한 문자열이 폴더명이나 파일명에 포함되어 있을 경우" 검색해. 예를 들어,

"/MyTest" 라고 치면

"C:/MyTest"

"C:/MyTest/hello"

"D:/google/MyTest:

폴더가 포함돼. 파일만 포함하려면 파일 이름도 덧붙이면 돼.

** 의 의미는 두가지 인데,

1.현재 폴더의 경로

맨 앞에 **를 쓰게 되면, 예를 들어,

"**/"

 현재 VSCode가 열고 있는 폴더 내의 모든 파일을 검색해.

2. 아무거나.

"C:/Hello/**/config.txt"

라고 검색하면

"C:/Hello/gg/config.txt"

"C:/Hello/hh/config.txt"

"C:/Hello/ss/config.txt"

를 검색해. 굳이 뒤엔 파일이 아니라 폴더여도 돼.

그리고 * 의 의미는,

"C:/Hello/gg/*.h"

gg폴더 내에 있는 확장자가 h인 파일을 전부 검색해.

또한 * ** 둘다 섞어 쓸 수 있는데,

"C:/Hello/**/*.h"

는

"C:/Hello/gg/omg.h"

"C:/Hello/ss/holy.h"

"C:/Hello/oo/12number.h"

등의 파일을 검색해.

제외할 파일의 경우

 반대로 조건을 만족하는 파일 제외하는 거야. 포함할 파일의 조건을 만족하는 파일 중에서만.

 아마 이것도 정규식을 쓰는 것 같아. (해봄) 머리 깨질 것 같으면 위의 기능만 써도 돼.

@@2@2@6

 조건을 만족하는 단어가 포함된 파일을 나열한 거야.

그리고 아래의 팝업은 조건을 만족하는 그 파일 내의 단어들이고,

파일에 커서를 갖다대면

단어에 커서를 갖다대면

오른쪽은 제외시키는 거고, 왼쪽은 각각 

파일 내 모든 단어 치환, 

그 단어만 치환, 

이야.

@@2@3@ 디버그 ###TODO

나중에 제대로 배우면 따로 글을 써서 소개할 것임.

@@2@4@ 확장 스토어

 확장을 다운로드 할 수 있는 스토어야.

 색 테마를 바꾸거나, 원하는 코드를 예측해주거나, Tab으로 괄호를 나갈 수 있게 해주거나, 

바로 컴파일해서 실행까지 할 수 있게 해준다던가, 코드 내에 특별한 심볼을 넣으면 그 지점으로 바로 갈 수 있게 해준다던가....

어쨌든 아주 다양한 확장이 있어. 나중에 내가 쓰는 것 만큼은 따로 소개해볼게.

상단의 타이틀바 같은 경우엔 눌러보면 대강 무슨 기능인지 다 알 수 있을거야. 그냥 내가 자주 안씀....