λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°
개발/Java

[Spring] VSCode둜 μŠ€ν”„λ§ ν”„λ‘œμ νŠΈ λΉŒλ“œ :: 마이자λͺ½

by πŸŒ»β™š 2019. 6. 14.

VSCode μŠ€ν”„λ§ ν”„λ‘œμ νŠΈ λΉŒλ“œ

μŠ€ν”„λ§ ν”„λ ˆμž„μ›Œν¬λ‘œ κ°œλ°œμ„ μ§„ν–‰ν• λ•Œ 이클립슀 에디터λ₯Ό κ°€μž₯ λ§Žμ΄μ‚¬μš©ν•œλ‹€. ν”„λ‘œμ νŠΈ 생성뢀터 ν”„λ‘œμ νŠΈ 섀정을 νŽΈλ¦¬ν•˜κ²Œ ν•  수 μžˆμ–΄μ„œ κ°€μž₯ 많이 μ‚¬μš©λ˜κ³  μžλ°” κ°œλ°œμ„ 처음 μž…λ¬Έν•˜λŠ” μ‚¬μš©μžλ“€μ€ 주둜 이클립슀λ₯Ό μ‚¬μš©ν•œλ‹€.
 
개발이 μ‘°κΈˆμ”© μ΅μˆ™ν•΄μ§€λ©΄ μ΄ν΄λ¦½μŠ€κ°€ ꡉμž₯히 무거운 μ—λ””ν„°λΌλŠ” 것을 느끼게 λœλ‹€. μŠ€ν”„λ§ ν”„λ ˆμž„μ›Œν¬λ‘œ κ°œλ°œμ„ μ§„ν–‰ν•˜λŠ”λ° λ‹€λ₯Έ 에디터λ₯Ό μ‚¬μš©ν•˜κ³  μ‹Άλ‹€κ±°λ‚˜ 쑰금 더 κ°€λ²Όμš΄ 에디터λ₯Ό μ‚¬μš©ν•˜κ³  μ‹Άλ‹€λ©΄ VSCodeλ₯Ό μΆ”μ²œν•©λ‹ˆλ‹€.
 
ν•΄λ‹ΉκΈ€μ—μ„œλŠ” ν”„λ‘œμ νŠΈ 생성이 μ•„λ‹Œ 이미 μƒμ„±λœ μŠ€ν”„λ§ ν”„λ‘œμ νŠΈλ₯Ό λ§₯OS ν™˜κ²½μ—μ„œ λΉŒλ“œν•˜λŠ” μž‘μ—…μ„ ν•˜κ² μŠ΅λ‹ˆλ‹€.
μœˆλ„μš°μ™€ 비ꡐ ν–ˆμ„λ•Œ ν™˜κ²½λ³€μˆ˜ μ„€μ • 방법 이외에 λ™μΌν•©λ‹ˆλ‹€.
 
VSCode ν™ˆνŽ˜μ΄μ§€μ—μ„œ 에디터λ₯Ό μ„€μΉ˜ν•΄μ€€λ‹€.
 

 

 

 

VSCode μ‹€ν–‰

터미널 ν˜Ήμ€ μ½˜μ†”μ°½μ—μ„œ 이미 μ‘΄μž¬ν•˜λŠ” ν”„λ‘œμ νŠΈ 경둜둜 μ΄λ™ν•΄μ„œ "code ." λͺ…λ Ήμ–΄λ₯Ό μ‚¬μš©ν•˜λ©΄ ν•΄λ‹Ή 경둜 ν•˜μœ„ λ‚΄μš©λ¬ΌκΉŒμ§€ ν¬ν•¨ν•΄μ„œ 에디터가 μ‹€ν–‰λ©λ‹ˆλ‹€.

cd Documents/workspace/excelTest
code .
 

 

 

VSCode Market λ§ˆμΌ“ ν™•μž₯ μ„€μΉ˜

ν™•μž₯μ„€μΉ˜κ°€ μ•ˆλ˜μ–΄ μžˆλ‹€λ©΄ 일반 λ©”λͺ¨μž₯μ΄λž‘ κΈ°λŠ₯이 거의 κ°™λ‹€. μžλ°”μΈμ‹κ³Ό ν†°μΊ£ 그리고 메에븐 κ΄€λ ¨λœ ν™•μž₯νŒ¨ν‚€μ§€λ₯Ό  λ§ˆμΌ“μ—μ„œ μ„€μΉ˜ν•΄μ£Όμ–΄μ•Όν•œλ‹€.

 

쒌츑 νƒ­μ—μ„œ λ„€λͺ¨λ‘œ λ˜μ–΄μžˆλŠ” 탭을 선택해주고 κ²€μƒ‰ν•΄μ„œ μ„€μΉ˜λ₯Ό μ§„ν–‰ν•œλ‹€.
 
 
ν•„μš”ν•œ ν™•μž₯νŒ¨ν‚€μ§€λ“€μ΄λ‹€. ν•΄λ‹Ή 내역은 ν•„μžκ°€ μ‚¬μš©ν•˜λŠ” 에디터에 μ„€μΉ˜λœ νŒ¨ν‚€μ§€λ“€μ΄κ³ 
Checkstyle for Java
Java Dependency Viewer
Java Extension Pack
JavaScript (ES6) code snippets
Maven for Java
Tomcat for Java
μ΄λ ‡κ²Œ 6κ°€μ§€λŠ” κΌ­ μ„€μΉ˜ ν•΄μ£Όμž.

 

 

Maven μ„€μΉ˜

λΉŒλ“œλ₯Ό μ§„ν–‰ν•˜κΈ° μœ„ν•΄  Maven을 λ”°λ‘œ μ„€μΉ˜ν•΄μ£Όμž. μ„€μΉ˜ 이후 mvn λͺ…λ Ήμ–΄κ°€ ν„°λ―Έλ„μ—μ„œ μ‹€ν–‰κ°€λŠ₯ν•˜κ²Œ ν™˜κ²½μ„€μ •μ„ λ“±λ‘ν•΄μ€˜μ•Όν•œλ‹€.
 
λ§₯OSμ—μ„œ Maven μ„€μΉ˜λŠ” CentOS 와 λ™μΌν•˜λ‹€. 

[개발/μ„œλ²„ ν™˜κ²½] - [CentOS 7] Maven μ„€μΉ˜ :: 마이자λͺ½

 

ν™˜κ²½ μ„€μ •λΆ€λΆ„λ§Œ 쑰금 λ‹€λ₯΄κ²Œ μ§„ν–‰ν•œλ‹€.

vi ~/.bash_profile​
 
.bash_profile
JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_181.jdk/Contents/Home
CATALINA_HOME=/Users/Jamong/Documents/apache-tomcat-8.5.33
MAVEN_HOME=/Users/Jamong/dev_utils/apache-maven-3.2.5

PATH=$JAVA_HOME/bin:$CATALINA_HOME/bin:$MAVEN_HOME/bin:$PATH

export JAVA_HOME CATALINA_HOME MAVEN_HOME
export PATH
 

 

 

sourceλ₯Ό μ΄μš©ν•΄μ„œ λ°˜μ˜ν•΄μ€€λ‹€.

source .~/bash_profile
 

 

버전 확인

mvn --version
 

 

 

 

VSCode ν†°μΊ£ 등둝

ν•΄λ‹Ή ν”„λ‘œμ νŠΈλ₯Ό μ—΄λ©΄ 탐색기에 ν”„λ‘œμ νŠΈμ™€
μ •μƒμ μœΌλ‘œ Maven이 μ„€μΉ˜κ°€ λ˜μ—ˆλ‹€λ©΄ MAVEN PROJECTS에 ν•΄λ‹Ή ν”„λ‘œμ νŠΈκ°€ μƒμ„±λ˜μ–΄ μžˆλ‹€.

 

 

TOMCAT SERVERS 탭을 μ—΄μ–΄ ν†°μΊ£ 디렉토리λ₯Ό μ—΄μ–΄μ£Όλ©΄ μ•„λž˜μ™€κ°™μ΄ μ„œλ²„κ°€ μƒμ„±λœλ‹€.

 

 

 

VSCode Maven λΉŒλ“œ

메이븐을 μ‚¬μš©ν•΄μ„œ ν•΄λ‹Ή ν”„λ‘œμ νŠΈλ₯Ό clean install package μˆœμ„œλ‘œ μ§„ν–‰ν•˜κ³  target폴더에 μƒμ„±λœ warνŒŒμΌμ„ ν†°μΊ£μ„œλ²„λ‘œ 배포할것이닀.
MAVEN PROJECTS 탭에 ν•΄λ‹Ή ν”„λ‘œμ νŠΈ μš°ν΄λ¦­ν•˜λ©΄ λͺ¨λ‘ 진행가λŠ₯ν•˜λ‹€.

 

Maven clean

 

 

Maven install

 

 

Maven package

 

 

ν†°μΊ£ μ‹€ν–‰

Maven λΉŒλ“œκ°€ μ„±κ³΅μ μœΌλ‘œ λλ‚˜λ©΄ νƒμƒ‰κΈ°μ—μ„œ ν”„λ‘œμ νŠΈ target 폴더에 μžˆλŠ” warνŒŒμΌμ„ Tomcat으둜 μ‹€ν–‰μ‹œμΌœμ€€λ‹€.

 

 
μ„±κ³΅μ μœΌλ‘œ μ‹€ν–‰λ˜λ©΄ μ„€μ •λœ 포트둜 μ ‘μ†ν•œλ‹€.

localhost:8080

 

경둜λ₯Ό λΆ™νžˆμ§€ μ•Šκ³  포트만 치고 λ“€μ–΄κ°”μ„λ•Œ ν•΄λ‹Ή μ„œλ²„μ— 배포된 λͺ¨λ“  ν”„λ‘œμ νŠΈκ°€ 보인닀.

VSCodeμ—μ„œ 톰캣을 μ‹€ν–‰ν–ˆμ„λ•Œ ꡉμž₯히 λ§˜μ—λ“œλŠ” 뢀뢄쀑 ν•˜λ‚˜μ΄λ‹€.

ν•΄λ‹Ή ν”„λ‘œμ νŠΈλ₯Ό ν΄λ¦­ν•΄μ„œ λ“€μ–΄κ°€λ³΄μž.

 

이상없이 μ‹€ν–‰λ˜λŠ” 것을 확인.

 

 

 

 

μ €μž‘μžν‘œμ‹œ

κ΄€λ ¨κΈ€

λŒ“κΈ€

ν‹°μŠ€ν† λ¦¬νˆ΄λ°”