Web programming

(23.01.27)์ดํด๋ฆฝ์Šค์—์„œ ์ž‘์„ฑํ•œ ํ”„๋กœ์ ํŠธ๋ฅผ ์šด์˜์„œ๋ฒ„์— ๋ฐฐํฌํ•˜๊ธฐ , ์ดํด๋ฆฝ์Šค ๋ฆฌ์•กํŠธ ์—ฐ๋™ํ•˜๊ธฐ (Eclipse - React)

ํ”„๋กœ๊ทธ๋ž˜๋จธ ์˜ค์›” 2023. 1. 28.

์ดํด๋ฆฝ์Šค์—์„œ ์ž‘์„ฑํ•œ ํ”„๋กœ์ ํŠธ๋ฅผ ์šด์˜์„œ๋ฒ„์— ๋ฐฐํฌํ•˜๊ธฐ

 

 

  • Eclipse๋Š” ๊ฐœ๋ฐœ ํ™˜๊ฒฝ, ๊ฐœ๋ฐœ ํ›„ ์‹คํ–‰ ํ™˜๊ฒฝ์— ๋ฐฐํฌํ•˜๋Š” ์ ˆ์ฐจ๊ฐ€ ์š”๊ตฌ๋จ
  • ์‹คํ–‰ ํ™˜๊ฒฝ:
    • Tomcat ์žˆ๋Š” ๊ฒฝ์šฐ
    • Tomcat ์—†๋Š” ๊ฒฝ์šฐ
  • JAR ํŒŒ์ผ๋กœ ํŒจํ‚ค์ง• : Web App ์•„๋‹Œ๊ฒฝ์šฐ ( ex. ojdbc ๋“ฑ๋“ฑ), Tomcat ์ด ๋‚ด์žฅ๋œ Web App ์ธ ๊ฒฝ์šฐ
    • java -jar myproject.jar<enter>
    • application.properties์—์„œ war๋ฅผ jar๋กœ ๋ฐ”๊ฟ”์ฃผ๊ธฐ
  • WAR ํŒŒ์ผ๋กœ ํŒจํ‚ค์ง• : Web Application Archives, Tomcat์˜ webapps/์•ˆ์— ๋ณต์‚ฌ

 

 

 


์˜ˆ์‹œ๋ฅผ ๋ณด๊ธฐ ์œ„ํ•œ ํ”„๋กœ์ ํŠธ๋ฅผ ์ƒ์„ฑํ•˜๊ธฐ

 

 

 

 

application.properties  ์„ค์ •

 

 

ํ…Œ์ŠคํŠธ์šฉ ์ปจํŠธ๋กค๋Ÿฌ ๋งŒ๋“ค๊ธฐ

 

 

์ปจํŠธ๋กค์ด ์ž˜ ์ž‘๋™ํ•˜๋Š”์ง€ ํ…Œ์ŠคํŠธ

 

 

clean ํ•ด์ฃผ๊ธฐ

 

 

install ํ•ด์ฃผ๊ธฐ

 

 

 

 

ํ•ด๋‹น๊ฒฝ๋กœ๋กœ ๊ฐ€์„œ ๋งŒ๋“ค์–ด์ง„ jar ํŒŒ์ผ ํ™•์ธ

 

 

์ดํ›„ cmd๋ฅผ ์ผœ์„œ 

cmd์ฐฝ์—

c: -c๋“œ๋ผ์ด๋ธŒ๋กœ ๊ฒฝ๋กœ๋ฐ”๊พธ๊ธฐ

cd test(jarํŒŒ์ผ์ด ๋“ค์–ด์žˆ๋Š” ํŒŒ์ผ๋ช…)

java -jar ํŒŒ์ผ์ด๋ฆ„<tabํ‚ค> ๋ฅผ ๋ˆŒ๋Ÿฌ ์ž‘๋™์‹œํ‚จ๋‹ค.

 


์ดํด๋ฆฝ์Šค์™€ ๋ฆฌ์•กํŠธ ์—ฐ๋™ํ•˜๊ธฐ

 

 

 

๋จผ์ € ๋ฆฌ์•กํŠธ์— ์žˆ๋Š” ํŒŒ์ผ์„ buildํ•ด์•ผํ•œ๋‹ค.

๋ฆฌ์•กํŠธ์—์„  ๋งŒ๋“  my-app ํŒŒ์ผ์— ์žˆ๋Š” ๊ฒฝ๋กœ๋กœ๊ฐ€์„œ npm run build ํ•ด์ค€๋‹ค.

 

 

bulid๋ฅผ ํ•˜๋ฉด my-app ํด๋” ์•„๋ž˜์— buildํด๋”๊ฐ€ ์ƒ๊ธด๋‹ค.

 

buildํด๋”์— ์žˆ๋Š” ํŒŒ์ผ ๋“ค์„ ์ „๋ถ€ ์ดํด๋ฆฝ์Šค๋กœ ์˜ฎ๊ธด๋‹ค.

 

 

 

์ดํ›„์— ์‹คํ–‰ํ•˜๋ฉด  ๋ฆฌ์•กํŠธ์—์„œ ๋งŒ๋“  index.html ํŒŒ์ผ์ด ๋ฆฌ์•กํŠธ์˜ npm start ํ•ด์„œ localhost:3000 ์—์„œ ๋‚˜์˜ค๋˜๊ฒŒ 

์ดํด๋ฆฝ์Šค์˜ url๋ฅผ ํ†ตํ•˜์—ฌ ๋ณด์—ฌ์ง€๊ฒŒ ๋œ๋‹ค.

 

์‹คํ–‰๊ฒฐ๊ณผ : 

๋Œ“๊ธ€