STS 102::개발 도구


본 강좌에서는 프로그램 개발을 위해 개발 환경을 셋팅하기 위한 전반적인 내용을 다루게 됩니다. 어떤 프로그램 언어를 사용하느냐에 따라 개발환경은 달라질 수 있는데 경우에 따라서는 운영체제나 컴퓨터 까지 변경해야 할 수도 있습니다. 보통 frontend 나 backend 개발의 경우 컴퓨터나 운영체제는 크게 영향이 없습니다. 만일 애플의 iOS 앱을 개발한다고 하면 맥 컴퓨터가 있어야 하며 xcode 라는 개발툴을 사용해 swift 라는 프로그램언어로 개발을 하게 됩니다. 여기서는 일반적인 frontend 및 backend 개발 특히 자바 기반의 웹 서버 프로그래밍 환경 까지를 다루게 됩니다.

이 강의를 통해 개발목적에 따라 어떤 개발환경이 필요한지 이해하고 자신에게 필요한 개발도구를 설치하고 설정하는 방법을 배우게 됩니다.


01: 개발환경이란?

개발환경이란 프로그램 개발에 필요한 전반적인 설정을 하는 것으로 여기에는 컴파일러, 통합개발도구(IDE), 서버런타임, 편집기 및 유틸리티 등이 포함 됩니다.

프론트엔드 개발환경

프론트엔드의 경우 HTML, CSS, JavaScript 등을 주로 다루기 때문에 별도의 컴파일러 설치가 필요 없습니다. Visual Studio Code, Sublime Text, Atom 등의 도구가 유명하며 최근에는 다양한 플러그인과 풍부한 기능을 제공하는 Visual Studio Code 를 많이 사용 합니다.

백엔드 개발환경

백엔드 개발의 경우 주로 자바를 많이 사용하며 이 경우에는 자바 컴파일러를 포함한 기본 개발도구인 JDK(Java Development Kit) 가 필요합니다. 그 외 통합 개발환경인 이클립스(Eclipse IDE)나 IntelliJ 등이 필요 합니다. 이클립스는 전통적으로 자바 개발에 많이 사용하고 있는 오픈소스 개발도구 이며 IntelliJ 는 강력한 기능의 상용 제품 입니다. 처음 개발시에는 이클립스 사용을 권하며 개발에 어느정도 적응이 되고 상용 도구 사용에 문제가 없다면 IntelliJ 를 사용하면 됩니다. 백엔드 개발에는 웹서버를 실행하기 위한 서버 런타임이 필요한데 Apache Tomcat 을 주로 사용하게 됩니다. 실제 프로젝트에서는 다양한 서버 소프트웨어를 사용하게 됩니다. 만일 백엔드 개발에 자바를 사용하지 않고 node.js 를 사용한다면 JDK 는 필요가 없고 이클립스 혹은 IntelliJ 만을 이용해 개발호나경 구축이 가능 합니다.

데이터베이스

데이터베이스의 경우 무료로 사용할 수 있는 MySQL 이 학습에 널리 사용되나 실제 서비스 운영을 위해서는 라이센스 문제로 오픈소스인 Maria DB를 사용해야 합니다. 상용제품중에서는 오라클이 제일 많이 사용되고 있습니다. 데이터베이스를 전문적으로 다루는 것이 아니라 프로그램 학습과정에서 데이터베이스를 연동하기 위해서라면 H2와 같은 임베디드 데이터베이스 사용을 권장 합니다.

항목 필요 프로그램
자바 개발환경 JDK
JSP 운영환경(서블릿 컨테이너) 아파치 톰캣
통합 개발환경 이클립스

02: Visual Studio Code

basic_3-5

비주얼 스튜디오 코드는 마이크로소프트가 마이크로소프트 윈도우, macOS, 리눅스용으로 개발한 소스 코드 편집기입니다. 디버깅 지원과 Git 제어, 구문 강조 기능등이 포함되어 있으며, 사용자가 편집기의 테마와 단축키, 설정 등을 수정할 수 있습니다. 비주얼 스튜디오 코드는 깃허브가 개발한 일렉트론 프레임워크를 기반으로 구동됩니다. 그러나 같은 일렉트론 기반의 편집기 아톰을 포크한 것은 아니며, 비주얼 스튜디오 온라인 에디터를 기반으로 개발되었습니다.

비주얼 스튜디오 코드는 가볍고, 플러그인 개발이 쉬운 장점이 있으며, 마이크로소프트의 지원을 받고있다는 장점을 가지고 있습니다.

추천 플러그인에는 github, Markdown preview, open in browser 등이 있습니다.

플러그인 설치 방법

basic_3-6

  1. 왼쪽 배너에서 마지막 아이콘을 누르면 Extensions 창이 뜹니다.
  2. 설치하고 싶은 플러그인을 검색을 하여 install을 클릭합니다.

03: 자바설치-JDK

basic_3-1

시스템 요구 사항

  1. http://www.oracle.com/ {:target=”_blank”} 에 접속하여 상단 메뉴에서 [DOWNLOADS]를 클릭합니다. Downloads 페이지에서 [Java]를 클릭한 후 다시 [Java SE]를 클릭하고 [Java Platform ( JDK)]를 클릭합니다.
  2. Java SE Development Kit 섹션에서 [Accept License Agreement]를 선택 한 후 본인의 운영체제 버전에 맞는 파일을 다운로드 합니다. 여기에서는 jdk-7u15- windows-i586.exe 파일을 선택합니다. 파일 이름에서 7u15는 version 7 update 15 라는 의미며, windows는 해당 운영체제, i586은 운영체제 타입을 나타냅니다.
  3. 다운로드 한 파일을 실행한 후 버튼을 클릭하여 설치를 시작합니다. 설치할 폴더를 확인하고 를 누르면 설치가 시작됩니다. 설치될 폴더는 이후 환경 설정 계속에 필 요하므로 필히 메모해두기 바랍니다. 이 책에서는 기본 값인 C:\Program Files\Java\ jdk_1.7.0_15를 사용합니다.
  4. JDK의 설치와 함께 자동으로 JRE 설치화면이 나타나면 버튼을 눌러 진행하고 설치가 완료되면 버튼을 눌러 설치를 종료합니다.
  5. JDK를 설치할 때 메모해 둔 JDK 설치 위치에 정상적으로 설치되었는지 확인합니다.

jdk1

다운로드 후 설치

jdk1

동영상 강좌


통합개발도구-Eclipse

basic_3-2

이클립스(Eclipse)는 IBM에서 개발해 오픈 소스 프로젝트로 기증한 통합 개발환경입니다. 이 책에서는 이클립스에 웹 애플리케이션 개발환경인 WTP(Web Tools Platform) 플러그 인이 통합된, Eclipse IDE for Java EE Developer 버전을 사용합니다. 이클립스는 자바, JSP 및 C/C++ 개발도 가능하고 안드로이드 모바일 앱 개발에서 사용 되므로 잘 배워두도록 합니다.

설치 방법

eclipse1

다운로드 후 설치

eclipse2

환경 설정

1) 작업 공간 선택하기

eclipse3

eclipse4

2) 기본 설정

eclipse5

3) 편집기 행 번호 설정

4) 자바 소스 기본 주석 설정

eclipse6

eclipse7

5) 컴파일러 버젼 설정

eclipse8

6) 텍스트 인코딩 설정

eclipse9

JAVA 초기 파일 생성하기

javafirst

JSP 초기 파일 생성하기

jspfirst

동영상 강좌


05: Apache Tomcat

basic_3-4

설치 방법

tomcat1

다운로드 후 설치

tomcat2


06: 데이터베이스-MySQL

basic_3-3

MySQL은 세계에서 가장 많이 쓰이는 오픈 소스의 관계형 데이터베이스 관리 시스템(RDBMS) 입니다. 다중 스레드, 다중 사용자 형식의 구조질의어 형식의 데이터베이스 관리 시스템으로서 MySQL AB가 관리 및 지원하고 있으며, Qt처럼 이중 라이선스가 적용됩니다. 하나의 옵션은 GPL이며, GPL 이외의 라이선스로 적용시키려는 경우 전통적인 지적재산권 라이선스의 적용을 받습니다.

설치 url: mysql.com

mysql1

다운로드 후 설치

mysql2


07: Gradle 개발 환경 셋팅

org.gradle.java.home=C:/Program Files/Java/jdk-10.0.2
동영상: 이클립스 Gradle 프로젝트 생성

gradle setup


08: 데이터베이스-H2