https://code.visualstudio.com/docs/editor/tasks

커스텀 태스크

가끔 직접 작성한 커스텀 태스크가 필요한 경우가 있습니다. 여러분의 작업 공간에 test.sh라는 이름의 스크립트가 저장되어 있고 이것을 돌려야 한다고 해봅시다.

최상 단 (터미널 terminal) 메뉴에서 (태스크 설정하기 configure task)를 누르고, 나온 화면에서 (task.json 생성하기)를 눌러줍시다.

그러면 아래와 같은 선택창이 나옵니다.

이제 커스텀 태스크를 만들어야 되니까 여기서 (Others)를 눌러주면,

다음과 같은 태스크 스캘래톤 형식의 task.json 파일이 열리게 됩니다. 아래와 같이 일부 내용들을 바꿔주세요.

테스크 속성(설정)들

이 태스크 문서의 설정들은 아래와 같은 의미들을 가지고 있습니다.

• label : 사용자 이너페이스에서 사용할 이 작업, 태스크의 이름이 됩니다.

• type : 태스크의 타입을 정의합니다. 사용자 태스크에선 shell이나 process가 될수 있을것입니다. shell으로 명시해놓는다면
  이 명령어는 쉘 명령어(bash, cmd, powershell)로 인식을 해서 동작시킬겁니다.
  process로 설정한 경우 실행해야할 프로세스로 해석하게 됩니다.

• command : 실제로 실행할 명령어를 의미합니다.

• windows : 윈도우경우의 설정을 지정해 놓습니다. 이걸 지정해놓으면, 윈도우 운영체제에서 이 명령을 수행할때 기본 설정대신에 사용됩니다.

• group : 태스크들이 속할 그룹을 정의할수 있습니다. 만약 이 테스크가 test 그룹에 속한다고 하면 같은 test 그룹에 속한 명령어들을 명령 팔래트에서 (run test task)로 한번에 실행할수 있습니다.

• presentation : 이 태스크 출력을 어떻게 다룰것인지 정의하게 됩니다. 예를들자면, 이 경우에는 터미널 출력 결과를 (항상 always) 보여줄 것이고, (new 새로운) 터미널이 매 태스크가 실행될때마다 생성 됩니다.

• options : cwd, env, shell 들의 기본값들을 덮어 씌울수가 있습니다.

트리거 지원

task.json 파일에서는 트리거 기능을 지원해주고 있어서 제안 속성(설정)들을 맥 기준 (command) + (space)를 누르면 띄울수 있습니다.

시작전

- vscode를 가장 무섭게 만든 도구 태스크를 다뤄볼려고 한다. 코드를 쓸때마다 뭐만 건드리면 다 json이 나오는데, 빌드도 json, 설정도 json, 시작도 json 태스크를 모르는상태에서 json을 볼때마다 겁이나더라

계속 피할수만 없으니 잠시 태스크에 대해서 정리해보고자한다.

https://code.visualstudio.com/docs/editor/tasks

태스크로 외부 도구들도 통합하기

소프트웨어 배포, 시험, 패키지, 빌드, 링킹 같은 자동화하는 태스크들이 있는데, 여기서 대표적으로 타입 스크립트 컴파일러나 메이크, 안트, 제이크, 엠에스 빌드같은 빌드 시스템 도구들도 포함되어 있습니다.

이러한 도구들은 커맨드라인 상에서 주로 동작시키고, 소프트웨어 개발 루프를 자동화시키는데 사용되고 있습니다. 소프트웨어 개발 주기 상에서 이 도구들의 중요성을 알고 있다면, vscode로 이러한 도구들을 사용하고 결과물을 분석하는데 많은 도움이 될겁니다.

VSCODE상에서 태스크는 스크립트를 동작시거나 커맨드 라인으로 할법한 작업들을 수행하는 프로세스들을 하는데 사용됩니다. 작업 공간이나 특정 태스크 폴더들은 작업공간에 위치한 .vscode 폴더 내부의 tasks.json에서 설정시킬수 있습니다. 확장기능들도 태스크를 수행하는데 사용할수 있는데요. tasks.json 파일상에 정의하여 추가시킬수 있습니다.

타입 스크립트로 Hello world 하기는 일부만

타입 스크립트를 직접 작성할수도 있지만 디폴트 빌드 태스크를 보려면 (run build task)을 누를때 -> (윈도우, 맥, 리눅스마다 단축키가 다름) 동작되서 디폴드 빌드 태스크를 볼수 있습니다. 이 단축키를 통해 들어가면 아래와 같은 tasks.json 디폴트 파일이 생성됩니다.

사용자와 작업 공간 설정

비주얼 스튜디오 코드에서는 다양한 설정들을 쉽게 하실수가 있습니다. VSCode 에디터의 대부분의 요소, UI, 기능적인 동작들 대부분이 여러분이 수정가능한 옵션들을 갖고 있습니다.

VS Code는 크게 2가지 범주의 설정들을 제공합니다.

• 사용자 설정 : 여러분들이 VS Code를 열어 실행 프로그램 하나에 전체적으로 적용됩니다.

• 작업 공간 설정 : 여러분의 작업공간 안에 설정 파일들이 저장되어있고, 그 공간이 열렸을때만 적용 됩니다.

작업 공간 설정은 사용자 설정을 덮어씌워, 프로젝트에 적용됩니다.

사용자, 작업공간 설정 만들기

개인적인 사용자나 작업공간 설정을 열기 위해서 Vscode의 다음 매뉴를 따라가실수 있습니다.

• On Windows/Linux - File > Preferences > Settings

• On macOS - Code > Preferences > Settings

아니면 (ctrl) + (shift) + (p)를 눌러 명령 팔레트를 열어 설정 편집기를 여실수가 있습니다.
아래의 예시는 컬러 테마와 파일 아이콘 테마를 변경시킨걸 보여주고 있습니다.

편집기 설정하기

설정 편집기를 열었으면, 이제 찾고자 하는 설정들을 검색해서 찾을수가 있습니다. 여기서 검색바를 사용해서 검색할때, 검색 내용에 맞지않으면 하이라이팅이 되지는 않습니다.

설정 변경하기

각 설정들은 체크박스 형태로 수정할수 있습니다.

설정 파일 위치

VS Code는 기본적으로 설정 편집기 상에서 보여주고 있지만, settings.json에서 수정하실수도 있습니다.
사용하는 플랫폼에따라 settings file의 위치는 각각 다른장소에 있습니다.

• Windows %APPDATA%\Code\User\settings.json
• macOS $HOME/Library/Application Support/Code/User/settings.json
• Linux $HOME/.config/Code/User/settings.json

작업공간 설정 파일의 경우 작업공간 루트폴더의 .vscode 폴더 안에 위치해 있습니다.

코드 네비게이션

VSCODE는 텍스트 편집 속도를 높여주는 강력한 프로그래밍 서비스들이 포함된 고성능 코드 편집기를 가지고 있습니다. 이번 주제에서는 VSCODE의 스마트 코드 네비게이션, 파라미터 힌트, 제안과 같은 인텔리전트 특징들을 소개할것이고 텍스트 편집기의 핵심 기능을 보여드리겠습니다.

빠른 파일 네비게이션

(ctrl) + (P) 를 눌러 나온 창에서 다른 파일을 누르면 빠르게 이동하실수 있습니다.

정의 파일로 이동하기

만약 언어가 지원되고 있다면 (F12)를 누르시면 심볼 정의가 있는 곳으로 이동하실수 있게 됩니다. 여기서 (ctrl)을 누른상태로 심볼(이름)위에다가 마우스키를 올리면 선언부를 간단하게 보실수도 있습니다.

• 여기서 정의문으로 이동하신다면 (ctrl) + (click)을 해주세요.

살짝보기 Peek

보기에 큰 문제는 없어보이지만 빠르게 확인해보고 싶을때가 있습니다. 이런 이유로 픽에디터를 제공하고 있습니다. 참조 구문을 볼때는 (shift) + (F12), 정의문을 볼때는 (Alt) + (F12)를 눌러주시면 됩니다.

인텔리센스

인텔리센스는 내용 완성, 파라미터 정보, 빠른 정보확인, 맴버 목록같은 다양한 기능들을 말합니다. 인텔리 센스는 종종 다른 말로 코드 완성, 콘텐츠 보조자, 코드 도우미 정도로 불리기도 하고 있습니다.

프로그래밍 언어들을 위한 인텔리 센스

비주얼 스튜디오 코드 인텔리센스는 자바스크립트, 타입스크립트, JSON, HTML, CSS 등에 대해서 기능을 제공하고 있습니다. 다른 언어에서도 자동 완성 기능을 제공하고 있지만 언어 확장기능을 설치해서 더 효과적으로 사용하실수 있습니다.

아래의 대표적인 언어 확장기능들을 마켓 플레이스에서 설치해서 사용해보세요.

인텔리센스가 제공하는 기능들

인텔리 센스에서 제공하는 기능들은 언어에 관련하여 특화되어 있습니다. 언어 서비스들은 여러분들의 소스코드를 시멘틱(의미적) 해석을 기반하여 똑똑하게 완성시켜줍니다. 만약 언어 서비스가 가능한 자동 완성 결과들을 알고 있으면, 인텔리센스 제안기가 여러분이 입력한데로 알려줄 겁니다.

그리고 여러분들은 어디서든 (Ctrl) + (Space)키를 눌러 어디서든 인텔리센스를 열수 있습니다.

언어 서비스는 또 퀵 정보 (Ctrl) + (Space)키를 한번 더 누르면 퀵 정보를 보여주고 있고, 한번 더 누르면 사라집니다.

비주얼 스튜디오 코드 설치하기

비주얼 스튜디오를 쉽고 빠르게 시작해봅시다. 시작하기에 앞서 설치파일부터 다운로드 해주세요.

교차 플랫폼

VS코드는 무료 코드 편집기며, macos, 리눅스, 운영체제에서 사용가능합니다.

아래에서 적합한 플랫폼을 선택해 주세요.

• macOS

• Linux

• Windows

VSCODE는 매우 가볍고, 대부분의 하드웨어나 플랫폼 버전들에서 사용알수 있습니다. 여러분들은 다음의 시스템 요구사항(System Requirements)에서 여러분들의 컴퓨터가 지원하는지 확인하실수 있습니다.

포터블 버전

비주얼 스튜디오 코드는 포터블 버전()도 제공하고 있습니다. 이걸로 USB 드라이브 같은 어느 저장소에서 넣고 가지고 다니다가 바로 사용하시면 됩니다. 다음의 VSCODE 포터블 모드() 문서에서 확인해보세요.

확장 기능들

vscode 확장 기능들로 서드파티들을 추가해서 사용할수 있습니다.

• 언어 : C++, C#, Go

• 도구 : PowerShell

• 디버거 : Chrhome

• 키맵 : Vim, Sublime Text, Atom, Visual Studio

  이러한 확장 기능들은 VSCODE UI나 명령어, 태스크 동작 시스템 등 쉽게 사용할수 있도록 합쳐져 있습니다.

다음 단계

이제 VScode를 설치하셨다면, 다음 내용들도 알아보시면 좋겠습니다.

• 추가 : 어떻게 깃, node js, 타입 스크립트등을 설치할수 있는지 알아보세요. 
• 유저 인터페이스 : VSCODE의 유저인터페이스를 빠르게 배워보세요.
• 기본 설정 : VSCODE 편집기에대에서 배워봅시다
• 코드 네비게이션 : 소스코드들 사이를 빠르게 돌아다녀봅시다.

자주 묻는 질문들

vscode는 얼마나 커요?

VS Code는 100MB이하로 아주 작고, 설치한 뒤에도 200MB를 넘지않아 쉽게 설치해서 사용할수 있습니다.

제가 사용하는 버전을 어떻게 확인하죠?

• HELP > About

어떻게 VS Code를 깨끗하게 삭제할수 있나요?

• Windows : Delete %APPDATA%\Code and %USERPROFILE%.vscode.
• macOS : Delete $HOME/Library/Application Support/Code and ~/.vscode.
• Linux : Delete $HOME/.config/Code and ~/.vscode.

-https://code.visualstudio.com/docs

비주얼 스튜디오 코드는 윈도우, 맥, 리눅스에서 사용가능한 가볍지고 강력한 소스코드 편집기라 할수 있습니다. 여기에는 자바스크립트, 타입스크립트가 기본적으로 있으며, 다른 언어(C++, C#, Java 등)나 런타임(.Net, Unit)들을 확장해서 사용할수 있도록 제공하고 있습니다.

VSCode를 시작하실 분들은 소개 영상을 한번 봐주세요.

https://code.visualstudio.com/docs/getstarted/introvideos

Top 확장 기능들

다른 언어, 테마, 디버거, 명령어들을 추가할수 있습니다. VS code의 커뮤니티는 여러분들의 작업 환경을 개선시키도록 노하우를 공유해드립니다.

VScode 첫걸음

비주얼 스튜디오를 잘 다룰려면 다음 주제 몇몇개들을 보시는게 좋습니다.

인트로 비디오 - 소개 영상들을 보면서 VScode와 함께하는 여정을 시작해보세요.

설치 - VS Code를 여러분듣ㄹ의 플랫폼에 설치하고 개발환경에 맞게 도구들을 설정합시다.

사용자 인터페이스 - 기본적인 UI와 명령어 그리고 VS Code의 특징들에 대해 소개해드리겠습니다.

설정 - VSCode를 여러분이 원하는대로 커스터마이즈 해보세요.

언어 - VScode가 여러분들이 좋아하는 언어를 어떻게 지원하는지 알아보세요.

키보드 단축키들

VScode에서 제공하는 단축키로 여러분들의 생산성을 높일수 있습니다.

키보드 단축기 참조 시트 - 자주 사용되는 키보드 단축키들을 배워보세요.

키맵 확장 - Vscode의 키보드 단축키를 다른 편집기와 동일하게 변경할수 있습니다.

키보드 단축키 커스터마이즈 - 기본 키보드 단축키들을 바꿔보세요.

다운 받기

 아래의 링크에서 여러분들의 플랫폼에 알맞는 설치파일들을 찾아 다운받으세요.

Download VS Code 

으아아ㅏㅏㅏㅏㅏㅏㅏㅏ

VSCODE 진짜 짜증난다

막상 공부하기는 싫고

쓰자니 너무 어려운거같다.

아무도 다큐먼트 제대로 해놓은 사람도없고

내가 도움되는 부분을 찾을 수 없다.

시간 날때 조금씩 공부하는샘 치고 vscode 정리해야겠다.

도저히 해놓질 않으니까 어떻게 쓸지도 모르겠고 미치겟네

대충 해놓고 필요할떄 보면서 치던가해야겠다.

표본 공간 sample space

- 통계 실험 trial에서 발생가능한 결과들의 집합. S로 표기

- 표본의 값이 이산적이라면(ex. 주사위 숫자) 이산 표본공간

- 표본의 값이 연속적이라면(ex. 시간) 연속 표본 공간

사건 event

- 표본 공간의 한 원소나 원소들의 모임(부분집합)

확률의 고전적 정의

- 고전적 의미의 확률 P(A) = 사건 A의 모든 원소 수(k) / 표본 공간 S 전체 원소 수(n) = k / n

* 개념적 정의 : 어느 사건이 일어날 가능성에 대한 척도

고전적 확률의 문제

- 모든 원소들의 발생 가능성을 동일한 것으로 봄.  ( ex. 동전 앞뒷면의 확률, 주사위 숫자의 확률)

   => 하지만 이런 경우는 매우 드물며 고전적인 확률을 사용할 수 없음.

공리적 학률

- 수학자 콜모고로가 다음의 세 공리를 만족시키는 경우. 확률 P(A)에 대해 공리적 확률 정의

1. 0 <= p(A) <= 1

2. P(S) = 1

3. A1, ..., Ai 등 이 서로 배반이면(교집합이 공집합이면)

=> P(A)는 표본 공간 S에서의 사건 A에 대한 공리적 확률

- 사건 P가 0 ~ 1사이의 값이며, 전체 P의 합은 1이 되고, 각 사건의 합집합이 P의 합과 같으면(교집합이 없다) 

 => 확률 P(A)는 공리적 확률

 * 상대도수의 극한화 : 상대도수에서 횟수 n을 무한대로 늘림.

확률 probability

- 불확실한 가능성을 측정한 정도

확률과 도박문제

1. 상황 : 승률이 0.5인 도박, 도박사 A, B가 각 32피스톨(화폐)를 걸고 시작

2. A가 2번이기고, B가 1번 이김 -> 중지

 => 어떻게 해야 공평할까?

3.  2번이긴 A에게 64 * 2/3 = 42.7 , 1번이긴 B  64 * 1/3 = 21.3에게 주는것은 불공평(페르마)

4. B가 돈을 다 받으려면 2번 이겨야함 -> 확률 : 1/4

5. A가 돈을 다받으려면 1번만 이기면 됨 -> 확률 : 1 - (1/4) <- B가 우승할 확률

6. 결론 : A = 64 * 3/4, B = 64 * 1/4

   => 기댓값

동전 확률의 상대 도수 relative frequency 적 정의

- 동전의 앞면이 나올 확률 1/2

- 동전이 여러번 던질때 앞면이 나올 확률을 아래와같이 상대도수적으로 정리 가능

확률의 상대 도수적 정의

- n번 시행(도수)했을떄 사건 A가 발생한 확률 P(A)는 A가 a만큼 발생한 경우 아래와 같이 정의

기하학적 확률

- 그동안 안 확률들은 모든 사건들이 일어날 확률이 같다고 가정하고 다룸

 => 발생 가능한 사건이 3개가 있다면, 각 사건들의 발생 가능성은 1/3이라고 보는것

- 하지만 표본 공간에서 많이 차지하는 사건이 있고, 적게 차지하는 경우도 많음

- 기하학적 확률 : 전체 공간의 면적을 S, 사건 A의 면적을 a라 할때 기하학적 확률은 아래와 같이 정의

주관주의 확률 예시 degree of belief

- 두 줄이 있을때 내가 선 줄과 다른 줄 둘중 하나가 먼저 줄어들 확률은 0.5, 0.5로 반반

- 줄이 10개가 있다면 내 줄이 가장 먼저 끝날 확률은 1/10. -> 내가 늦어질 확률은 9/10

=> 주관적 확률과 과학적 확률 사이에 차이가 존재. 비합리적인 행동을 하게됨.

확률의 종류

- 크게 주관적 확률과 객관적 확률(상대도수적 확률, 기하학적 확률)로 구분 가능

1. 상대도수 relative frequency, 빈도주의적 확률 : 전체 사건 발생 횟수 중에 몇번 발생했는가?

2. 기하학적 확률 geometric : 해당 사건이 전체 공간에서 얼마나 차지하는가?

3. 주관주의 확률 degree of belief : 객관적으로 구할수 없으나 주관적으로 생각하는 확률