신기한 연구소

안녕하세요. 신기한 연구소입니다.

보통 이클립스(eclipse)에서 많은 개발을 했었고 예전에는 울트라 에디트나 에디트 플러스에서 코딩했던 기억이 있습니다.

요즘은 프론트엔드 뿐만 아니라 백엔드도 VSCode(visual studio code, 비주얼스튜디오코드)를 많이 사용하게 되었습니다.

개발을 시작하는 분들.

VSCode를 설치하라고 하는데 어떻게 설치하는지 같이 설치해 보겠습니다.

윈도우즈 11 운영체제입니다. (Windows 11)

1. VSCode 사이트를 방문.

https://code.visualstudio.com/

사이트에 접속하면 아래 이미지를 화면 왼쪽에서 볼 수 있습니다.

운영체제에 맞게 자동으로 설정되어 있을 겁니다. 다운로드를 클릭합니다.

클릭과 동시에 브라우저 하단에 다운로드가 진행되고 Getting Started 페이지로 이동합니다.

2. 설치하기

이제 다운로드 받은 파일을 더블클릭해서 설치를 시작합니다.

파일의 마지막 부분을 보면 1.78.2라는 숫자가 있는데 버전입니다. 업그레이드되면 버전의 숫자가 올라갑니다. 그래서 위 이미지의 파일에 있는 숫자보다 여러분의 파일의 버전은 더 클 수 있습니다.

개발자 코딩시 아주 유용한 VSCode(Visual Studio Code)는 마이크로소프트(Microsoft)에서 제공하고 있습니다. Visual Studio의 스크립트 코딩용이라는 생각도 문득 드네요. 

라이선스를 읽어봤는데 사이트에서 받은 그대로 설치하고 사용한다면 문제는 없다고 봅니다.

동의합니다. 를 선택하고 다음을 클릭합니다.

설치위치를 정할 수 있습니다. 특이사항이 없다면 그냥 다음을 클릭합니다.

이 프로그램은 최소 342.5MB의 디스크 여유 공간이 필요하다고 하니 이 부분은 체크가 필요해 보입니다.

보통 시작 메뉴 폴더를 만들지 않음은 체크가 비어 있습니다. 저는 항상 저 부분을 체크합니다.

이제 다음을 클릭합니다.

아이콘 추가와 기타 설정에 대한 부분입니다. 본인 취향에 맞게 선택하면 됩니다. 저는 바탕 화면에 바로가기 만들기를 선택했습니다. 바탕 화면에 바로가기를 두면 편하니까요.

선택을 끝냈다면 다음을 클릭합니다.

이제 설치할 준비가 되었습니다. 혹시 변경하고 싶은 설정이 있다면 뒤로를 클릭하세요.

이제 설치를 클릭합니다.

이제 자동으로 설치가 됩니다.

축하합니다. 이제 여러분은 성공적으로 VSCode를 설치하였습니다.

앞으로 다양한 프로그래밍을 VSCode를 사용해서 코딩을 할 수 있습니다.

정상적으로 설치가 되었는지 실행해 보겠습니다. 

3. 실행하기

종료 버튼을 클릭하면 체크된 대로 Visual Studio Code가 실행됩니다.

기본적으로 검은색 배경으로 되어 있네요. 검은색 배경으로 코딩을 하면 한결 눈이 편하답니다.

지금까지 마이크로 소프트 비주얼 스튜디오 코드 (MicroSoft Visual Studio Code) 설치하는 방법에 대해 알아봤습니다.

모두 즐 코딩하세요.

스피링 부트(Spring boot) 환경 설정 중

이클립스에서 마켓을 통해 다운 받아서 STS를 설치하는 방법,

spring.io에서 스프링 부트에 특화된 IDE를 받는 방법 (이클립스 기반이지만..)

Intellij(인텔리J)를 사서 쓰는 방법,

그리고 Visual Studio Code에 마켓에서 해당 솔루션들을 다운로드해서 사용하는 방법이 있는데

이번에 VSCode(Visual Studio Code)에 세팅해서 스프링 부트르를 사용하는 방법에 대해

순서대로 알아보자.

1. OpenJDK 11 설치

2021.10.11 - [Software/Spring] - [스프링 왕초보]1. Spring boot 처음 시작해봅니다. 1/2 (스프링 부트)

위 포스팅을 참조해서 OpenJDK를 설치하자.

2. Visual Studio Code (VS Code) 다운 받기.

https://code.visualstudio.com/ 로 접속한 뒤.

자동으로 OS를 인식하나 보다.

Download for Windows 왼쪽을 파란 박스를 클릭하자.

좌측 하단에 자동으로 다운로드가 실행되고 Getting Start 화면으로 전환된다.

영어 좋아하면 직접 번역하면서 읽어보면 큰 도움이 된다.

필요한 개발자가 있다면 번역함 해볼까 하니 댓글로 요청 바람.

VS Code를 설치하고 실행을 하자.

설치가 되고 실행을 했다면 마켓에서 Extention Pack for Java를 다운로드한다.

왼쪽 제일 마지막 아이콘을 클릭하면 마켓 플레이스가 나오고

Extension Pack for Java를 설치하면 된다.

3. Spring Boot 환경 만들기.

이어서 마켓 플레이스에서 추가로 설치해야 하는데.

이번 포스팅의 목적인 스프링 부트를 설정해 보겠다.

Spring으로 검색한 뒤

Spring Boot Tools,

Spring Initializr Java Support,

Spring Boot Dashbard

이 세 가지를 설치한다.

다음으로 lombok를 검색하고 빨간 고추를 설치한다.

Maven for java도 설치한다.

4. 스프링 프로젝트 만들기

VS Code를 실행했다면 (ctrl + shiift + p)를 클릭하자.

그러면 검색창이 나타난다.

Spring Initializr: Create a Gradle Project...로 검색하고 클릭하자.

Specify Spring Boot version을 선택하자.

2.5.6을 선택할 것이다. 엔터를 치면

Java, Kotlin, Groovy가 나오는데 우리는 Java를 클릭하자.

프로젝트 Group Id를 입력하라고 하는데 보통 도메인 역순으로 입력한다니

내 맘대로 org.tiboy.test로 입력한다. 엔터~

Artifact Id를 입력하라는데 tiboy로 입력하자.

packaging type를 선택하는데 Jar/War를 클릭한다. 

난 Jar를 선택했다.

openJDK 11을 설치했기에 11을 클릭한다.

마지막으로 사용할 라이브러리를 선택한다.

Spring Boot DevTools,

Lombok,

Spring Configuration Processor,

Spring Web,

Spring Data JPA,

H2 Database,

Flyway Migration 등 필요한 라이브러리를 선택한다.

엔터를 치면

프로젝트를 생성할 폴더를 지정하라고 한다.

새로 만든 폴더를 지정하고 클릭하자.

우측 하단에 성공했다는 메시지가 나오고 Open을 클릭하면

프로젝트가 열린다.

tiboy로 프로젝트가 잘 만들어졌다.

5. 샘플 만들기

이제 내장 톰캣을 구동해서 샘플 페이지가 잘 열리는지 확인해보자.

src>main>java 아래 controller 폴더를 생성하자.

그리고 TestController.java를 생성하고

이렇게 코딩해보자.

코딩을 했으면 상위 java 폴더에 있는 TiboyApplication.java를 클릭해서

main 메서드 바로 위에 Run/Debug 중 Run을 클릭하자.

Run을 클릭해서 실행하면

터미널에 로그가 나타난다.

톰캣이 구동하고 구동이 끝나면 크롬 등 브라우저를 실행한다.

그리고 URL 주소창에  localhost:8080/tiboy를 클릭하자.

짜잔~

TestController.java에 return 된 내용과 일치하는 값이 브라우저에 나타난다.

정상적으로 설정이 잘 되고 실행되었다.

이제 개발환경이 어느 정도 준비되었으니

슬슬 코딩의 세계에 빠져봐야겠다.

긍정적 사고,

원활한 커뮤니케이션,

강력한 추진력은

프로젝트 성공의 지름길이다.

명심하자!