>
개발을 할 때, 사용하는 프로그램은 많다.
하지만 가장 기본은 VS CODE라는 프로그램이 아닐까 싶다.
그래서 난 VS CODE(Visual Studio Code)를 사용해 코딩 공부한 내용을 정리하려고 한다.
1. 웹사이트에 접속해 VS 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. 한국어 언어팩을 설치한다.
1) 좌측에 있는 테트리스 하는 모양의 아이콘이 [확장프로그램] 설치하는 영역이다. 일종의 앱스토어 같은 개념. 그 영역을 클릭한다.
2) 검색창에 korean이라고 입력한다.
3) [Korean Language Pack] 확장프로그램을 install 한다.
3. 작업할 [프로젝트 폴더]를 생성한다.
1) 폴더 [탐색기] 버튼을 클릭한다.
2) [Open Folder]를 클릭해 폴더를 생성해주세요. 혹은 우측 하단에 [Open]이라고 써져있는 영역을 눌러도 된다.
나는 이렇게 bongdroid 라는 폴더를 만들었다.
* 팝업이 안뜨면 그냥 진행해도 된다.
* 만약 팝업이 뜬다면, "이 폴더에 있는 파일의 작성자를 신뢰합니까"라는 질문에 "예"를 체크하고 진행하면 된다.
4. 작업에 필요한 [파일], [폴더]를 생성한다.
아이콘만 봐도 알겠지만, 좌측이 [파일], 우측이 [폴더]이다.
5. 추가 확장 프로그램은 필요에 따라 추가 설치하라.
위와 같이 파이썬 작업을 위해 [hello.py]라는 파일을 생성했다.
나는 확장프로그램이 설치된 상태라 그대로 넘어갔지만, 처음 설치한다면 우측 하단에 확장 프로그램 설치하라는 안내 팝업이 뜰 것이다.
만약 안뜨는데 설치가 안된다면, [확장프로그램]앱을 찾아 설치하면 된다.
나는 이미 설치가 되어있지만, 설치가 안되어 있다면 설치 하면 된다.
6. 코드 작성 후 실행하기
기본 출력문법인 print()를 활용해 실행해 보았다. 작성 후 우측 상단의 [▷] 버튼을 클릭하면 된다.
그럼 이렇게 하단에 터미널이 생기면서 결과물이 실행된다.
특정 영역 불투명도 조절하는 방법(linear-gradient) (0) | 2024.10.04 |
---|---|
부트스트랩 사용 방법(사이트 손 쉽게 꾸미기) (0) | 2024.10.04 |
css 파일 분리는 어떻게 해야하나요? (0) | 2024.10.03 |
사이트에 내가 원하는 폰트 적용하는 방법(ft.구글 웹 폰트) (0) | 2024.10.03 |
html, css, javascript 이게 뭔가요? (8) | 2024.10.02 |