0. Visual Studio Code ??
- 일반적인 작업이나 공부를 하더라도 자는 오른쪽, 커피는 왼쪽 등
정해진 자리에 필요한 도구들을 정리해두고 사용하게 되면 일을 좀 더 효율적으로 할 수 있다.
- 코딩도 마찬가지 인데, 사용하게되는 프로그래밍언어에 따라 필요한 IDE나 코드에디터가 별도로 있다.
- 여기서 소개할 Visual Studio Code 또한 코드에디터 중 하나로 다양한 언어를 지원한다는 장점과 더불어
무료이기 때문에 간단히 교육간 소개 후 사용하려 한다.(자동 완성 기능이나 오타 검증에 유용하다.)
- 위에 언급한 대로 HTML, CSS, JavaScript, Python 등을 다양하게 지원하고
각 언어에 맞게 Extension 을 설치할 수 있다.
- 간단한 구성을 보면, 파일탐색기(빨), 코드 에디터(주), 터미널(노)로 구성되어 있다.
0. 전체 동영상 (python 및 VSCode 설치 순서 변경되어도 무관)
- 0~42초 : python Install (다운로드 및 세부 내용 아래 설명)
- 42~1분 10초 : VSCode Install(경로 설정 필요 할 경우, 추가 그 외 Next)
- 1분 10초 ~ : VSCode 내 python 동작 상태 확인(print('hello'))
(test 시 기존 폴더가 있어 삭제 작업 진행하였습니다.)
전체 Setting
1. Python 설치 - 설치 파일 경로(Welcome to Python.org)
현재(작성일 : 2023-05-29 기준) 최신 파일은 3.11.3 이나,
Stable Releases 된 3.10.11(해당 PC bit에 맞는 install 파일)을 설치합니다.
* 설치 간 Path 추가 설정 꼭 진행하기!!
2. Visual Studio Code
2-1. Visual Stutido Code 다운로드
검색 사이트에서 Visual Stutio Code 또는 해당 링크로 이동하면 https://code.visualstudio.com/
Visual Studio Code - Code Editing. Redefined
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.
code.visualstudio.com
다운로드 버튼이 확인된다.
2-2. 다운로드 된 exe 파일을 통해 설치를 진행한다.
2-3. 완료 후, 코드 작성 및 실행.
Tip) Extension
기타 다른 프로그래밍 언어를 사용할 때에도 VSCode 우측에 있는 Extension을 이용하면
언어적인 부분이 아니더라도 테마나 한글지원, 자동 완성 등
해당 언어에 맞는 유용한 지원을 받을 수 있다.
'IT 배우기 > 이것저것' 카테고리의 다른 글
DISK 스펙용량 vs 사용가능용량 차이 (0) | 2023.06.02 |
---|---|
파일 명령어로 일괄 삭제하기(forfiles) (0) | 2023.06.01 |
HTML 기초다지기2 (1) | 2023.05.25 |
HTML 기초다지기 1 (0) | 2023.05.24 |
임시저장 이어쓰기 (0) | 2023.05.22 |