4. 인텔리전스 개발툴을 활용하여 코딩하기

인텔리전스 개발 툴의 종류는 다양하지만 이 책에서는 비주얼 스튜디오 코드를 이용하여 코딩하는 방법에 관하여 이야기하겠다. 비주얼 스튜디오 코드는 소스 코드 편집기로 다양한 운영체제인 윈도우, 맥, 리눅스를 지원한다.

또한 C#, PHP, Python, Node.js 등 여러 가지 프로그래밍 언어를 지원하여 다른 프로그래밍 언어를 접근하기 좋다는 장점이 있다. 그리고 무료이기 때문에 부담 없이 사용이 가능하다. 앞에서 설명하였던 Python 프로그램이 설치되어 있지 않으면 파이선 파일을 실행할 수 없으며 꼭 비주얼 스튜디오 코드를 활용하여 파이선을 코딩할 필요는 없다.

이번 시간에는 비주얼 스튜디오 코드를 다운로드하고 컴퓨터에 설치한 후 이를 가지고 파이선 파일을 작성 및 실행해 보도록 하겠다.

1) 비주얼 스튜디오 코드 설치 파일을 다운로드하기 위해서는 인터넷 브라우저(인터넷 익스플로러, 크롬)을 열고, 주소 창에 https://code.visualstudio.com/을 입력한다. 메인화면에 들어가 왼쪽의 <Download for Windows>를 선택한다.

2) 다운로드 화면이 인터넷 익스플로러와 크롬이 다르게 나타난다. 인터넷 익스플로러에서는 브라우저 아래에 실행 및 저장 여부를 묻는 창이 나타나는데 이때 단축키 (Alt+S)를 눌러 <저장(S)>를 선택한다. 그러면 비주얼 스튜디오 코드 설치 파일이 다운로드 된다.

크롬에서는 바로 비주얼 스튜디오 코드 설치 파일이 다운로드 되고 브라우저 오른쪽 아래에 그 모습이 나타난다.

3) 비주얼 스튜디오 코드 설치 파일이 다운로드 된 폴더를 찾기 위해 파이선에서 설명한 것과 동일하게 윈도우키를 누르고, ‘Windows 시스템’에 엔터키를 누른 후 다시 ‘파일 탐색기’에서 엔터키를 누른다. ‘파일탐색기’의 단축키는 (Windows+E)이다.

4) ‘파일 탐색기’에서 다운로드를 찾는다. 그리고 엔터키를 누르면 다운로드 된 비주얼 스튜디오 코드 설치 파일(VSCodeSetup-x64-1.25.0)을 찾을 수 있다.

1) 다운로드 된 비주얼 스튜디오 코드 설치 파일(VSCodeSetup-x64-1.25.0)에 엔터키를 누르면 사용자 계정 컨트롤 창이 나타난다. 단축키 (Alt+Y)를 눌러 비주얼 스튜디오 코드 설치 마법사를 실행한다. 설치 마법사가 시작되면 <다음(N)>을 눌러 진행한다.

2) 사용권 계약과 관련된 내용이 나오면 <계약에 동의함(A)>로 라디오 단추를 선택한 후 <다음(N)>을 누른다.

3) 비주얼 스튜디오 코드의 설치할 폴더를 지정하는 단계로 폴더를 변경하지 않고 기본 폴더로 하여 <다음(N)>을 누른다.

4) 프로그램의 바로 가기 폴더를 지정하는 단계로 폴더를 변경하지 않고 기본 폴더로 하여 <다음(N)>을 누른다. 이때 <시작 메뉴 폴더를 만들지 않음(D)> 선택항목은 체크하지 않고 바로 다음으로 넘어간다.

5) 비주얼 스튜디오 코드를 설치하는 동안 수행할 추가 작업을 선택하는 단계로 모든 선택항목을 체크한 후 <다음(N)>을 누른다.

6) 모든 설정이 끝났다. 설치 시작 화면에서 <설치(I)>를 누른다.

7) 비주얼 스튜디오 코드가 설치된다.

8) 설치가 완료되면 설치 마법사 창에 <Visual Studio Code 설정 마법사를 완료하는 중> 메시지가 나타난다. <마침(F)>을 눌러 설치 마법사 창을 닫는다. 이렇게 하면 비주얼 스튜디오 코드 설치 파일(VSCodeSetup-x64-1.25.0)의 설치가 모두 끝난다.

1) 왼쪽 메뉴바에서 <확장>메뉴를 선택하여 비주얼 스튜디오 코드에 추가 기능을 설치하는 화면으로 이동한다. 단축키는 (Ctrl+Shift+X)이다. 저시력 학생의 경우 Ctrl+=로 글자를 키우고, Ctrl+-로 글자를 줄일 수 있다.

2) 검색창에 Python이라고 입력하고 탭키를 누르면 Python 이름을 가진 여러 가지 확장 프로그램을 선택할 수 있는 창으로 이동하는데 이때, 위/아래방향키를 눌러 <Python>을 찾아 엔터키를 눌러 선택한다. 그리고 다시 탭키를 누르고 엔터키를 누르면 Python 확장 프로그램이 설치된다.

3) 설치가 완료되면 <다시 로드>를 선택하고 비주얼 스튜디오 코드를 다시 실행한다.

1) 파이선 파일을 만들기 위해서는 파이선 파일을 저장할 폴더를 먼저 생성하여야 한다.

생성할 폴더는 사용자가 작업하기 편리한 곳에 만들면 되는데 이 시간에는 바탕화면에 python이란 이름으로 폴더를 생성하겠다. 만약 파이선 파일을 저장할 폴더가 있다면 이 과정은 생략해도 된다. 바탕화면으로 이동하기 위해 단축키 (Windows+M)을 누르고 새 폴더를 만들기 위해 단축키 (Ctrl+Shift+N)을 눌러 새 폴더를 만든 후 폴더명은 python으로 한다.

2) 단축키 (Alt+Tab)을 눌러 비주얼 스튜디오 코드가 실행된 Windows 창 화면으로 돌아가 단축키는 (Alt+F)-(D)를 눌러 <작업 영역 폴더 추가>를 선택한다.

3) <작업 영역에 폴더 추가>창이 뜨면 <바탕화면>을 누른다. 바탕화면에서 미리 만들어 놓은 <python>폴더를 선택하고 맨 아래 <추가(A)> 버튼을 누른다.

4) 작업 영역 폴더가 추가 되면 비주얼 스튜디오 코드 첫 화면에 python이라는 작업 영역이 생성된다.

5) 이번에는 파이선의 새 파일을 만들어 보도록 하겠다. 단축키 (Ctrl+N)을 눌러 새로운 파일 창을 열어 숫자 2개를 입력받아 곱하기한 후 그 결과를 출력하는 코드이다. 그 코드는 다음과 같이 입력한다. 참고로 ’#엔터‘는 엔터키를 누르라는 주석이다.

6) 코딩한 파이선 파일을 미리 생성해 놓은 <python>폴더에 저장하는데 그 방법은 다음과 같다.

단축키 (Ctrl+S)를 눌러 파일을 저장한 후 바탕화면의 <python> 폴더를 선택하고 엔터키를 누른다. 파일 이름 입력창에 math2.py로 입력하고 <저장(S)>를 누른다. 이때 파일 이름 입력창에 입력한 math2는 임의로 주는 파일명이고, py는 파이선 확장명인데 파일명은 영문, 숫자, 기호만 가능하다.

7) Python(확장) 소스 설치와 관련된 알림이 나타나면 단축키 (Ctrl+M)을 눌러 소스 코드 파일 밖으로 포커스를 이동한 후 탭 키를 눌러 알림창의 <Install>을 누른다.

Python(확장) 소스 설치가 진행된다.

1) 파이선 파일이 열려 있지 않은 경우에는 단축키 (Shift+Tab)를 눌러 작업 영역을 선택하고 <python>폴더를 선택한다. 단축키는 (Ctrl+O)이다. 그리고 폴더 안의 math2.py를 찾아 엔터키를 누른다.

2) 오른쪽 편집기창에 math2.py에 저장된 파이선 코드가 나타난다.

3) 단축키 (Alt+D)를 눌러 <디버그> 메뉴 바를 열어 <디버깅 시작>을 선택 또는 (S)키를 누른다. 더 쉬운 방법으로는 (F5)키를 누르는 방법이 있다.

4) 환경 선택이 나타나면 위/아래방향키를 눌러 <Python>에서 엔터키를 누른다.

5) 편집 창 아래 터미널에 첫 번째 물음표(?)가 나오면 임의의 수인 3을 입력하고 엔터키를 누르고 두 번째 물음표(?)가 나오면 임의의 수인 4를 입력하고 엔터키를 누른다. 그러면 12라는 숫자가 나타난다. 이 코드는 두 물음표(?)에 본인이 원하는 수를 입력하면 두 수를 곱한 값이 출력되는 코드이다.