vue vite + spring boot ํ†ตํ•ฉ์œผ๋กœ ์—ฐ๊ฒฐํ•˜๊ธฐ
ยท
study
ํ”„๋กœ์ ํŠธ ๋™์ž‘ ๊ณผ์ •:1. Spring Boot ํ”„๋กœ์ ํŠธ์˜ `static` ๋””๋ ‰ํ† ๋ฆฌ์— Vue.js ํ”„๋กœ์ ํŠธ๋ฅผ ๋นŒ๋“œํ•œ ๊ฒฐ๊ณผ๋ฌผ์„ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค.2. ์‚ฌ์šฉ์ž๊ฐ€ ์›น ํŽ˜์ด์ง€์— ์ ‘์†ํ•˜๋ฉด, Spring Boot ํ”„๋กœ์ ํŠธ ๋‚ด์˜ `static` ๋””๋ ‰ํ† ๋ฆฌ์— ์žˆ๋Š” Vue.js ๋นŒ๋“œ ๊ฒฐ๊ณผ๋ฌผ์ด ์‹คํ–‰๋ฉ๋‹ˆ๋‹ค.  ์กฐ๊ฑด:Spring ํ”„๋กœ์ ํŠธ์™€ Vue ํ”„๋กœ์ ํŠธ๋Š” ๊ฐ™์€ ํด๋” ์•ˆ์— ์œ„์น˜ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.ํ”„๋กœ์ ํŠธ ๊ตฌ์กฐ:projectโ”œโ”€โ”€ springโ””โ”€โ”€ vue  vuevite.config.js build: {// ๋นŒ๋“œ ๊ฒฐ๊ณผ๋ฌผ์ด ์ƒ์„ฑ๋˜๋Š” ๊ฒฝ๋กœ outDir: '../spring/src/main/resources/resources/static' }, server: { proxy: { '/api':..
ํ”„๋กœ์ ํŠธ 3, ์ฒซ ๋งŒ๋‚จ์€ ๋„ˆ๋ฌด ์–ด ๋ ค ์›Œ!
ยท
TIL/ํšŒ๊ณ 
๊ฐœ๋ฐœ์‹œ์ž‘ ์ฃผ๊ฐ„ ์ดˆ๊ธฐ ์„ค๊ณ„ ๋ฐฉํ–ฅ๋Œ€๋กœ ์žกํžˆ์ง€ ์•Š๋Š” ๊ฐœ๋ฐœ๊ณผ ๋‹ค์‹œ ์ถ”๊ฐ€ํ•˜๋Š” ๋ณด๊ณ ์„œ !์ฒซ ๋งŒ๋‚จ(๊ฐœ๋ฐœ)์€ ๋„ˆ๋ฌด ์–ด ๋ ค ์›Œ !      ๐Ÿฅ ์ข‹์•˜๋˜ ์ ๊ฐœ๋ฐœ ์ฐฉ์ˆ˜์ผ๋‹จ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์„ ๊ตฌ์„ฑํ•˜๋Š” ๊ฒƒ๋ถ€ํ„ฐ ์‹œ์ž‘ํ–ˆ๋‹ค. ํŒ€์›๋“ค๊ณผ ๊ฐ™์€ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์„ ๋งž์ถ”๋Š” ๋ฐ ํ™•์‹คํžˆ ์‹œ๊ฐ„์ด ์˜ค๋ž˜ ๊ฑธ๋ ธ๋‹ค. IDE, GitHub, WSL, AWS ๋“ฑ ๋‹ค์–‘ํ•œ ๋„๊ตฌ๋“ค์„ ํ•จ๊ป˜ ์„ค์ •ํ•˜๋ฉฐ ํ˜‘์—… ๊ณผ์ •์„ ์ดํ•ดํ•˜๋Š” ๋ฐ ํฐ ๋„์›€์ด ๋˜์—ˆ๋‹ค. ์ด์ œ ํŒ€์›๋“ค๊ณผ ์‹ค์งˆ์ ์ธ ์ž‘์—…์„ ํ•˜๋ฉฐ ํ˜‘์—…ํ•˜๋Š” ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค.aws ๋ฐฐ์šฐ๊ธฐ ๐ŸŒฑ ๋ฐฐ์šด ๊ฒƒawsAWS EC2 ์ธ์Šคํ„ด์Šค์— ๋Œ€ํ•ด ๋ฐฐ์šฐ๊ณ  ์‹ค์ œ๋กœ ๊ฒฝํ—˜ํ•ด๋ดค๋‹ค. ์•„์ง์€ ์–ด๋ ต๊ณ  ์ƒ์†Œํ•œ ๋‚ด์šฉ๋“ค์ด ๋งŽ์ง€๋งŒ, ์ง์ ‘ ์ธ์Šคํ„ด์Šค๋ฅผ ์ƒ์„ฑํ•˜๊ณ  ๊ด€๋ฆฌํ•ด๋ณด๋ฉด์„œ ์ ์ฐจ ์ต์ˆ™ํ•ด์ง€๊ณ  ์žˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ํด๋ผ์šฐ๋“œ ํ™˜๊ฒฝ์—์„œ ์„œ๋ฒ„๋ฅผ ์šด์˜ํ•˜๋Š” ๊ธฐ๋ณธ์ ์ธ ๋ฐฉ๋ฒ•์„ ์ดํ•ดํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค..
AWS CodeDeploy Error. CodeDeploy agent was not able to receive the lifecycle event.
ยท
์—๋Ÿฌ๋ชจ์Œ์ง‘
๐Ÿ’ก GitHub Actions๋กœ S3์— build ๊ด€๋ จ ํŒŒ์ผ ์—…๋กœ๋“œ, CodeDeploy๋กœ EC2 ์„œ๋น„์Šค ๋ฐฐํฌ ํ•ด๋ณด๊ธฐ    agent๋„ ์žฌ์„ค์น˜ํ•ด๋ดค์ง€๋งŒ ์ž๊พธ๋งŒ ๋ฐฐํฌ์— ๋ฐ”๋กœ ์‹คํŒจํ•ด๋ฒ„๋ฆฌ๋Š” ๋ฌธ์ œapplicationStop ์ฒซ๋‹จ๊ณ„์—์„œ๋ถ€ํ„ฐ ์‹คํŒจ    ์˜ค๋ฅ˜ ๋ฌธ๊ตฌ CodeDeploy agent was not able to receive the lifecycle event. Check the CodeDeploy agent logs on your host and make sure the agent is running and can connect to the CodeDeploy server.  codeDeploy๋ฅผ ํ™•์ธํ•ด๋ณด๋ผ๊ณ  ํ•œ๋‹ค. ํ˜น์‹œ๋ชจ๋ฅด๋‹ˆ ๋กœ๊ทธ ํŒŒ์ผ๋„ ํ™•์ธํ•ด๋ดค๋‹ค.  agent ๋กœ๊ทธ ํŒŒ์ผ ํ™•์ธํ•˜๋Š” ๋ฐฉ๋ฒ•$ vim /va..
ํ”„๋กœ์ ํŠธ 2, ๋ฌธ์„œ ๋Šช์— ๋น ์กŒ์–ด์š”_์ตœ์ข…_์ตœ์ตœ์ข…
ยท
TIL/ํšŒ๊ณ 
ํšจ์œจ์ ์ธ ์ผ์ •๊ด€๋ฆฌ ํ”„๋กœ๊ทธ๋žจ[ํšจ์œจ์ ]์ธ์ด๋ผ๋Š”๊ฑด ๋ญ˜๊นŒ  ์ด๋ฒˆ์ฃผ๋„ ์ง€๋‚œ์ฃผ์— ์ด์–ด ๋ฌธ์„œ๋Šช์— ๋น ์กŒ๋‹ค. ์‹œ์Šคํ…œ์„ ์„ค๊ณ„ํ•œ๋‹ค๋Š”๊ฒƒ์€ ๋‹จ์ˆœํžˆ ๊ธฐ๋Šฅ์„ ๋‚˜์—ดํ•œ๋‹ค๋Š”๊ฒŒ ์•„๋‹ˆ๋ผ๋Š” ์‚ฌ์‹ค ์ œ์•ฝ์กฐ๊ฑด, ์ „์ œ์‚ฌํ•ญ ์ •๋ง ๊ตฌ์ฒด์ ์ธ ๊ธฐ๋Šฅ๋“ค ์ƒ๊ฐ์ง€๋„ ๋ชปํ•œ ๊ฒƒ๋“ค์„ ๊ณ ๋ คํ•ด์•ผํ•˜๋Š” ์ ์ด ๋‚œ๊ด€์ด์˜€๋‹ค.์ƒ๊ฐ๋ณด๋‹ค ๋ฌธ์„œ์ดˆ์•ˆ ์“ฐ๋Š”๊ฑด ์ •๋ง ์–ด๋ ค์› ๋‹ค.   ์ด๋ฒˆ์ฃผ์—๋„ ์ด์–ด์„œ ๋ฌธ์„œ๋ณด๊ฐ•์ด์˜€๋‹ค. - ํ”„๋กœ์ ํŠธ ๊ธฐํš์„œ - WBS- ์š”๊ตฌ์‚ฌํ•ญ๋ช…์„ธ์„œ- ํ™”๋ฉด์„ค๊ณ„์„œ- ERD- ์‹œ์Šคํ…œ ์•„ํ‚คํ…์ณ - AWS ์‚ฌ์šฉ  ๋ชจ๋“  ๋ฌธ์„œ๋“ค์€ ๋ฒ„์ „๋ณ„๋กœ ์—…๋ฐ์ดํŠธ ๊ด€๋ฆฌ๋ฅผ ํ–ˆ๋‹ค.  ํ”„๋กœ์ ํŠธ์˜ ํˆฌ๋ช…์„ฑ๊ณผ ํšจ์œจ์„ฑ์„ ๋†’์—ฌ์ฃผ๋ฉฐ ํžˆ์Šคํ† ๋ฆฌ๋ฅผ ํŒŒ์•… ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•˜์˜€๋‹ค. ํŒ€ ๋‚ด์—์„œ์˜ ์˜๊ฒฌ ๊ณต์œ ์™€ ํ† ๋ก ์€ ์ฆ๊ฒ๋‹ค๋‹ค์–‘ํ•œ ์‹œ๊ฐ๊ณผ ์•„์ด๋””์–ด๋ฅผ ๋“ค์œผ๋ฉฐ ํ•œ ์ฃผ์ œ์— ๋Œ€ํ•ด ์—ฌ๋Ÿฌ ๊ด€์ ์„ ์‚ดํŽด๋ณด๋Š” ๊ณผ์ •์€ ํ•ญ์ƒ ํฅ๋ฏธ๋กญ๋‹ค.์ด์ „ ์ฃผ์™€ ๊ฐ™์ด, ๊ด€๋ จ ๊ธฐํš..
Vue js ์„ค์น˜ vue cli
ยท
study
vue/cli ์„ค์น˜ํ•˜๊ธฐ $ npm install -g @vue/cli $ vue --version โ‰ ๋ฌธ์ œ์‚ฌํ•ญ ๋ฌธ์ œ - vue ๋ฅผ ์„ค์น˜ํ–ˆ์ง€๋งŒ ์ฐพ์„ ์ˆ˜ ์—†๋‹ค๊ณ  ํ•จ. ํ™•์ธ $ npm list -g @vue/cli /Users/desktop/.npm-global/lib โ”œโ”€โ”€ @vue/cli@5.0.8 โ””โ”€โ”ฌ clear@ -> ./ โ””โ”€โ”€ @vue/cli@5.0.8 deduped vue cli ์„ค์น˜๊ฒฝ๋กœ๋ฅผ ํ™•์ธํ•ด์ค€๋‹ค. ์„ค์น˜๊ฒฝ๋กœ๋ฅผ ํ™•์ธ ํ›„ ํ™˜๊ฒฝ๋ณ€์ˆ˜๋ฅผ ๋“ฑ๋กํ•ด์ค€๋‹ค ํ•ด๊ฒฐ - ํ™˜๊ฒฝ๋ณ€์ˆ˜ ๋“ฑ๋กํ•ด์ฃผ๊ธฐ $ vi ~/.zshrc # ์ถ”๊ฐ€ export PATH="/Users/desktop/.npm-global/bin:$PATH" $ source ~/.zshrc ๋‹ค์‹œ ๋ทฐ๋ฒ„์ „์„ ํ™•์ธํ•˜์—ฌ ํ™˜๊ฒฝ๋ณ€์ˆ˜๊ฐ€ ๋“ฑ๋ก์ด ๋˜์—ˆ๋Š”์ง€ ํ˜ธ์ถœ์ด ๋˜์—ˆ๋Š”์ง€ ํ™•์ธ..
๋ž˜๋‹ˆ
Digging.dev๐Ÿ‹๋””๊น…๋Œ‘