CLIEN

본문 바로가기 메뉴 바로가기 보기설정 테마설정
톺아보기 공감글
커뮤니티 커뮤니티전체 C 모두의광장 F 모두의공원 I 사진게시판 Q 아무거나질문 D 정보와자료 N 새로운소식 T 유용한사이트 P 자료실 E 강좌/사용기 L 팁과강좌 U 사용기 · 체험단사용기 W 사고팔고 J 알뜰구매 S 회원중고장터 B 직접홍보 · 보험상담실 H 클리앙홈
소모임 소모임전체 ·굴러간당 ·아이포니앙 ·주식한당 ·MaClien ·방탄소년당 ·일본산당 ·자전거당 ·안드로메당 ·개발한당 ·이륜차당 ·소셜게임한당 ·AI당 ·나스당 ·소시당 ·디아블로당 ·골프당 ·가상화폐당 ·육아당 ·야구당 ·젬워한당 ·위스키당 ·오른당 ·노젓는당 ·걸그룹당 ·클다방 ·IoT당 ·키보드당 ·PC튜닝한당 ·달린당 ·찰칵찍당 ·맛있겠당 ·패셔니앙 ·3D메이킹 ·X세대당 ·ADHD당 ·AI그림당 ·날아간당 ·사과시계당 ·배드민턴당 ·농구당 ·블랙베리당 ·곰돌이당 ·비어있당 ·FM당구당 ·블록체인당 ·보드게임당 ·활자중독당 ·볼링친당 ·캠핑간당 ·냐옹이당 ·문명하셨당 ·클래시앙 ·콘솔한당 ·요리한당 ·쿠키런당 ·대구당 ·DANGER당 ·뚝딱뚝당 ·개판이당 ·동숲한당 ·날아올랑 ·전기자전거당 ·e북본당 ·갖고다닌당 ·이브한당 ·물고기당 ·도시어부당 ·FM한당 ·포뮬러당 ·안경쓴당 ·차턴당 ·총쏜당 ·땀흘린당 ·하스스톤한당 ·히어로즈한당 ·인스타한당 ·KARA당 ·꼬들한당 ·덕질한당 ·어학당 ·가죽당 ·레고당 ·리눅서당 ·LOLien ·Mabinogien ·임시소모임 ·미드당 ·밀리터리당 ·땅판당 ·헌팅한당 ·영화본당 ·MTG한당 ·소리당 ·노키앙 ·적는당 ·방송한당 ·바다건너당 ·그림그린당 ·소풍간당 ·심는당 ·패스오브엑자일당 ·라즈베리파이당 ·품앱이당 ·리듬탄당 ·Sea마당 ·SimSim하당 ·심야식당 ·윈태블릿당 ·미끄러진당 ·축구당 ·나혼자산당 ·스타한당 ·스팀한당 ·파도탄당 ·퐁당퐁당 ·테니스친당 ·테스트당 ·빨콩이당 ·공대시계당 ·여행을떠난당 ·터치패드당 ·트윗당 ·창업한당 ·VR당 ·시계찬당 ·WebOs당 ·와인마신당 ·WOW당 ·윈폰이당
임시소모임
고객지원
  • 게시물 삭제 요청
  • 불법촬영물등 신고
  • 쪽지 신고
  • 닉네임 신고
  • 제보 및 기타 제안
© CLIEN.NET
공지[점검] 잠시후 서비스 점검을 위해 약 30분간 접속이 차단됩니다. (금일 18:15 ~ 18:45)

팁과강좌

생활상식
간단한 VS Code 윈도우 C / C++ 컴파일 환경설정하기 (php, python, java ... etc) 12

9
콘사인
13,487
2017-10-17 09:26:46 42.♡.239.133

정보 공유를 위해 블로그에 작성한 글을 가져왔습니다.

 블로그에 작성 한 글이기 때문에 말투가 반말로 작성되어있습니다. 불편하신 분들은 살포시 뒤로가기 버튼 눌러주시고, 양해 부탁드립니다 ! 


간단한 VS Code 윈도우 C / C++ 컴파일 환경설정하기 (php, python, java ... etc 적용 가능)

  "C / C++ 뿐만 아니라 다양한 언어 또한 쉽게 컴파일 환경설정을 하기 위한 글이다."  

1. Visual Studio Code (이하 VS Code)


vscode_screenshot_01

VS Code는 Microsoft 사에서 만든 심플하고 강력한 IDE이다. 기존 Microsoft 사의 Visual Studio는 많이 무겁지만, 이 VS Code는 Atom, Discord, Slack 등을 만든 Electron 기술을 사용하여 만든 IDE이다. 이전에 한바탕 휩쓴 Sublime Text IDE와 비슷하다고 보면 된다. 하지만, Microsoft 사에서 만들었기 때문에 확장기능이 엄청나게 많고 업데이트 또한 활발하다. 사실 이 포스팅에서는 VS Code에 대해 자세히 작성하는 것 보단 그 후에 C / C++ 컴파일 환경설정에 대한 내용을 다뤄보고자 한다.  

2. VS Code & Mingw 설치



VS Code IDE는 Electron를 사용하여 만들었기 때문에, Windows, Linux, Mac OS에서 모두 지원한다.

Linux와 Mac OS에서는 별도의 C / C++ 환경설정을 할 필요가 없지만, Windows 환경에서는 기본적으로 gcc 와 g++이 설치가 되어있지 않은 환경이기 때문에 별도의 환경설정이 필요하다.

vscode_screenshot_02

VS Code 다운로드 링크
VS Code의 설치에는 별도의 설정이 필요 없다.


mingw_screenshot_01

MinGW 다운로드 링크
minGW는 위 다운로드 링크를 통해 설치를 진행한다.


mingw_screenshot_02

설치 후, MinGW Installation Manager에서 다음 패키지를 선택 후, Apply Changes 를 눌러 설치한다. mingw-developer-toolkit mingw32-base mingw32-gcc-g++ msys-base


path_setting_01

컴퓨터 → 속성 → 고급 시스템 설정 → 시스템 속성 [고급 탭] → 환경 변수 → Path 변수에 C:\MinGW\bin 을 추가한다.

환경설정을 추가했다면, 정상적으로 gcc / g++ 컴파일러가 설치가 되었는지 확인하기 위해 명령 프롬프트(cmd)를 켜서 확인해본다. 


cmd_screenshot_01

gcc --version g++ --version 스크린샷처럼 gcc / g++ 버전이 표시가 된다면 Done!

 

3. VS Code 컴파일 환경설정


vscode_screenshot_03VS Code를 실행하면 생각보다 심플한 디자인의 위와 같은 화면을 볼 수 있다.

최근 로고가 바뀌어 매번 볼 때마다 적응이 안된다.


vscode_screenshot_04

VS Code IDE 안에 내장된 확장 마켓플레이스에서는 검색을 통해 쉽고 빠르게 확장기능을 설치할 수 있도록 편의성을 제공하고 있다. 이번에 설치할 확장기능은 'Code Runner'로 C / C++ 뿐만 아니라 다음과 같은 언어에 대해 지원하고 있다.

C, C++, Java, JavaScript, PHP, Python, Perl, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, C# Script, VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D


세부 정보를 읽어보면, 다양한 환경설정에 대한 Configuration 이 나온다.

{
 "code-runner.executorMap": {
 "javascript": "node",
 "php": "C:\\php\\php.exe",
 "python": "python",
 "perl": "perl",
 "ruby": "C:\\Ruby23-x64\\bin\\ruby.exe",
 "go": "go run",
 "html": "\"C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe\"",
 "java": "cd $dir && javac $fileName && java $fileNameWithoutExt",
 "c": "cd $dir && gcc $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt"
 }
}

vscode_screenshot_05VS Code IDE 메뉴 → 파일 → 기본 설정(P) → 설정(S) 을 눌러 '사용자 설정'을 작성한다. 


vscode_screenshot_06 좌측에는 기본 설정(Default)이 표시되고 우측에는 사용자 설정(Custom)이 표시가 된다. 나의 경우에는 '폰트', '폰트 사이즈', '에디터 설정' 등 나만의 IDE 환경을 만들기 위해 설정을 입력한 상태이다. 여기에서 C / C++ 컴파일을 위해 다음 라인을 추가한다.

// Code Runner "CPP" 설정
"code-runner.executorMap": {
"cpp": "cd $dir && g++ $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt"
},
// Window 10 에서는 Default Shell 이 Powershell이기 때문에 cmd로 변경해야 정상적으로 실행 됨.
"terminal.integrated.shell.windows": "C:\\Windows\\sysnative\\cmd.exe"


vscode_screenshot_07 간단한 test 코드를 작성 후, 우측 메뉴의 'Run Code'를 클릭하여 컴파일을 시도해보자. 


vscode_screenshot_08 그럼 아래 '출력'에 컴파일이 완료되어 Hello World를 띄워준다. 


vscode_screenshot_09 입력이 필요한 코드의 경우에는 Input 이 불가능하기 때문에 터미널을 통해 동일하게 컴파일 할 수 있다.

4. 마치며...


사실 아직도 VS Code의 윈도우 컴파일로 검색해보면 어렵게 tasks 를 구성하고 많은 이들이 짜증을 토로하는 글들이 많이 보인다. 나 또한 이 과정을 거치고 짜증난 기억이 있어 혹시 다른 이들에게 도움이 될까 싶어 이 글을 작성해본다.

추천 확장기능

Active File In Status Bar // 상태바에 경로 표시 ActiveFileInStatusBar in action


Settings Sync // 사용자 설정, 확장기능 등을 github에 동기화하여 컴퓨터 환경이 변경되면 재설치 시 편함

TODO Highlight // TODO를 Highlight 해주는 기능 imgVSCode Great Icons // 폴더 및 파일 아이콘 설정 preview  

이 포스팅은 지속적인 수정 보완이 되며 잘못된 정보가 있다면 답글이나 이메일로 피드백 부탁드립니다.
출처 : https://taking.kr/blog/archives/4825.html
콘사인 님의 게시글 댓글
  • 주소복사
  • Facebook
  • X(Twitter)
댓글 • [12] 을 클릭하면 간단한 회원메모를 할 수 있습니다.
Leonheart
IP 125.♡.47.72
10-17 2017-10-17 09:31:40
·
오우~~ 좋은 글 감사합니다.
콘사인
IP 42.♡.239.133
10-17 2017-10-17 09:33:05 / 수정일: 2017-10-17 09:38:13
·
기존의 tasks.json, settings.json 작성 방법이 아닌 확장기능을 통한 개발환경 구축입니다 :)
블로그에서 보시면 더욱 큰 사진으로 보실 수 있습니다.
뭉치신
IP 14.♡.47.162
10-17 2017-10-17 09:54:41
·
tasks.json 으로 고생하고 있는데 좋은 글 감사합니다.

쿠오쿠오
IP 1.♡.190.83
10-17 2017-10-17 12:31:00
·
오오오 감사합니다!!
lofle
IP 14.♡.51.205
10-17 2017-10-17 13:37:49
·
Settings Sync 이란게 있다니.. 감사합니다
치킨쥬스
IP 84.♡.51.45
10-17 2017-10-17 17:25:17
·
비주얼 스튜디오 코드 좋더군요. 서브라임 텍스트나 아톰에 비해서 훨씬 세팅 덜 하고 쓸 수 있어서 좋습니다. // 저도 Settings Sync 추천 감사드립니다 ㅎㅎ
raindraw
IP 112.♡.152.227
10-18 2017-10-18 11:01:15
·
아톰보다 좋은가요?
VS Code로 이전을 고려해봐야겠습니다.
듀랭이
IP 14.♡.8.58
10-18 2017-10-18 00:09:16
·
이 방법으로 세팅 했을때 디버깅도 가능한가요???
콘사인
IP 42.♡.239.133
10-18 2017-10-18 01:51:48
·
안타깝게도 이 확장기능으로는 Debug 모드를 지원하지 않습니다.
IDE에서 Debug 를 하고자 하시려면 Tasks 와 settings 를 작성해야합니다 ㅠㅠ
듀랭이
IP 210.♡.247.37
10-18 2017-10-18 10:05:08
·
아이고 세팅이 편해서 이거다! 했었는데 디버깅이 안되서 아쉽군요 ㅠㅠ
kimo87
IP 222.♡.66.150
10-18 2017-10-18 01:46:37 / 수정일: 2017-10-18 01:55:36
·
오 감사합니다.
콘사인
IP 42.♡.239.133
10-18 2017-10-18 01:56:10
·
Python의 경우에는 사용자 설정에 "python.pythonPath":"{경로}/python.exe", 를 추가하시면 됩니다.ex.) "python.pythonPath":"C:/Users/taking/AppData/Local/Programs/Python/Python36/python.exe",이 부분은 "code-runner.executorMap" {} 내부가 아닌 사용자 설정 {} 내부에 작성하신 후 Code Runner 'Run Code'를 하시면 정상적으로 컴파일 후 출력되는 것을 보실 수 있습니다.
삭제 되었습니다.
새로운 댓글이 없습니다.
이미지 최대 업로드 용량 15 MB
업로드 가능 확장자 jpg,gif,png,jpeg,webp
지나치게 큰 이미지의 크기는 조정될 수 있습니다.
목록으로
글쓰기
목록으로 댓글보기 이전글 다음글
아이디  ·  비밀번호 찾기 회원가입
이용규칙 운영알림판 운영소통 재검토요청 도움말 버그신고
개인정보처리방침 이용약관 책임의 한계와 법적고지 청소년 보호정책
©   •  CLIEN.NET
보안 강화를 위한 이메일 인증
안전한 서비스 이용을 위해 이메일 인증을 완료해 주세요. 현재 회원님은 이메일 인증이 완료되지 않은 상태입니다.
최근 급증하는 해킹 및 도용 시도로부터 계정을 보호하기 위해 인증 절차가 강화되었습니다.

  • 이메일 미인증 시 글쓰기, 댓글 작성 등 게시판 활동이 제한됩니다.
  • 이후 새로운 기기에서 로그인할 때마다 반드시 이메일 인증을 거쳐야 합니다.
  • 2단계 인증 사용 회원도 최초 1회는 반드시 인증하여야 합니다.
  • 개인정보에서도 이메일 인증을 할 수 있습니다.
지금 이메일 인증하기
등록된 이메일 주소를 확인하고 인증번호를 입력하여
인증을 완료해 주세요.