๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

CSS4

[Vue.js] ์ƒˆ๋กœ๊ณ ์นจ ์‰ฝ๊ฒŒ ํ•˜๋Š” ๋ฐฉ๋ฒ•, window.location.reload( ) ์ฐธ๊ณ ๋กœ Vue.js์— ๋Œ€ํ•ด์„œ ์ž˜ ๋ชจ๋ฆ…๋‹ˆ๋‹ค.์•„๋ฌด๊ฑฐ๋‚˜ ๋ง‰ ํ•ด๋ณด๋Š” ์ค‘์ด๊ณ  ์˜ณ์€ ์ •๋ณด์ธ์ง€ ์ €๋„ ๋ชจ๋ฆ…๋‹ˆ๋‹ค! [ ํ† ๋ผ์™€ ๊ฑฐ๋ถ์ด ๊ฒฝ์ฃผ๊ฒŒ์ž„ ] [Vue.js] Vue.js๋ฅผ ์ด์šฉํ•˜์—ฌ ๊ฐ„๋‹จํ•œ ํ† ๋ผ์™€ ๊ฑฐ๋ถ์ด ๊ฒฝ์ฃผ๊ฒŒ์ž„ ๋งŒ๋“ค๊ธฐ.ํ† ๋ผ์™€ ๊ฑฐ๋ถ์ด๊ฒฝ์ฃผ๊ฒŒ์ž„์„๊ฐ„๋‹จํ•˜๊ฒŒ ๋งŒ๋“ค์–ด๋ณด์ž. 1. ํ™˜๊ฒฝโ–ก WebStrom: HTML ํŽธ์ง‘๊ธฐ๊ฐ€ ํฌํ•จ๋œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ IDE(Intergrated Development Environment)๋กœ IntelliJ IDEA ํ”Œ๋žซํผ ์œ„์— ๊ตฌ์ถ•๋˜์—ˆ๊ณ  ๋น„์ฃผ์–ผ ์ŠคํŠœ๋””์˜ค๋‚˜ ์ดpost-this.tistory.com 1. ํ™”๋ฉด๋‹ค์‹œํ•˜๊ธฐ ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด ์ƒˆ๋กœ๊ณ ์นจ์ด ๋˜์–ด ํ† ๋ผ์™€ ๊ฑฐ๋ถ์ด์˜ ์œ„์น˜๊ฐ€ ์ฒ˜์Œ์œผ๋กœ ๋Œ์•„๊ฐ€๋„๋ก ํ•œ๋‹ค. 2. reload ์ฝ”๋“œ.game-return{ position: absolut.. 2025. 8. 13.
[Vue.js] animation๊ณผ @keyframs๋กœ ํ† ๋ผ์™€ ๊ฑฐ๋ถ์ด ๊ฒฝ์ฃผ๊ฒŒ์ž„ ๋งŒ๋“ค๊ธฐ. ์ฐธ๊ณ ๋กœ Vue.js์— ๋Œ€ํ•ด์„œ ์ž˜ ๋ชจ๋ฆ…๋‹ˆ๋‹ค.์•„๋ฌด๊ฑฐ๋‚˜ ๋ง‰ ํ•ด๋ณด๋Š” ์ค‘์ด๊ณ  ์˜ณ์€ ์ •๋ณด์ธ์ง€ ์ €๋„ ๋ชจ๋ฆ…๋‹ˆ๋‹ค! [ ํ† ๋ผ์™€ ๊ฑฐ๋ถ์ด ๊ฒฝ์ฃผ๊ฒŒ์ž„ ] [Vue.js] Vue.js๋ฅผ ์ด์šฉํ•˜์—ฌ ๊ฐ„๋‹จํ•œ ํ† ๋ผ์™€ ๊ฑฐ๋ถ์ด ๊ฒฝ์ฃผ๊ฒŒ์ž„ ๋งŒ๋“ค๊ธฐ.ํ† ๋ผ์™€ ๊ฑฐ๋ถ์ด๊ฒฝ์ฃผ๊ฒŒ์ž„์„๊ฐ„๋‹จํ•˜๊ฒŒ ๋งŒ๋“ค์–ด๋ณด์ž. 1. ํ™˜๊ฒฝโ–ก WebStrom: HTML ํŽธ์ง‘๊ธฐ๊ฐ€ ํฌํ•จ๋œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ IDE(Intergrated Development Environment)๋กœ IntelliJ IDEA ํ”Œ๋žซํผ ์œ„์— ๊ตฌ์ถ•๋˜์—ˆ๊ณ  ๋น„์ฃผ์–ผ ์ŠคํŠœ๋””์˜ค๋‚˜ ์ดpost-this.tistory.com 1. ๋™์ž‘๊ณผ์ •๊ตฌ์„ฑํ† ๋ผ๋Š” ์กฐ๊ฑด์„ ๊ฐ€์ง„๋‹ค. ์ง์ˆ˜๊ฐ€ ๋‚˜์˜ค๋ฉด ํ† ๋ผ์˜ ํ–‰๋™ ์‹œ๊ฐ„์ด ์งง์•„์ง€๊ณ , ํ™€์ˆ˜๊ฐ€ ๋‚˜์˜ค๋ฉด ํ† ๋ผ์˜ ํ–‰๋™ ์‹œ๊ฐ„์ด ๊ธธ์–ด์ง„๋‹ค. ๊ฑฐ๋ถ์ด๋Š” ์กฐ๊ฑด ์—†์ด ํ•ญ์ƒ ๊ฐ™์€ ์†๋„๋กœ ๋‹ฌ๋ฆฐ๋‹ค. .. 2025. 8. 12.
[Vue.js] Vue.js๋ฅผ ์ด์šฉํ•˜์—ฌ ๊ฐ„๋‹จํ•œ ํ† ๋ผ์™€ ๊ฑฐ๋ถ์ด ๊ฒฝ์ฃผ๊ฒŒ์ž„ ๋งŒ๋“ค๊ธฐ. ์ฐธ๊ณ ๋กœ Vue.js์— ๋Œ€ํ•ด์„œ ์ž˜ ๋ชจ๋ฆ…๋‹ˆ๋‹ค.์•„๋ฌด๊ฑฐ๋‚˜ ๋ง‰ ํ•ด๋ณด๋Š” ์ค‘์ด๊ณ  ์˜ณ์€ ์ •๋ณด์ธ์ง€ ์ €๋„ ๋ชจ๋ฆ…๋‹ˆ๋‹ค! ํ† ๋ผ์™€ ๊ฑฐ๋ถ์ด๊ฒฝ์ฃผ๊ฒŒ์ž„์„๊ฐ„๋‹จํ•˜๊ฒŒ ๋งŒ๋“ค์–ด๋ณด์ž. 1. ํ™˜๊ฒฝโ–ก WebStrom: HTML ํŽธ์ง‘๊ธฐ๊ฐ€ ํฌํ•จ๋œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ IDE(Intergrated Development Environment)๋กœ IntelliJ IDEA ํ”Œ๋žซํผ ์œ„์— ๊ตฌ์ถ•๋˜์—ˆ๊ณ  ๋น„์ฃผ์–ผ ์ŠคํŠœ๋””์˜ค๋‚˜ ์ดํด๋ฆฝ์Šค์™€ ๊ฐ™์€ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์— ์ตœ์ ํ™”๋œ ํ†ตํ•ฉ๊ฐœ๋ฐœํ™˜๊ฒฝ์„ ์ œ๊ณตํ•œ๋‹ค. WebStorm WebStorm: The JavaScript and TypeScript IDE, by JetBrainsMake development more productive and enjoyable with WebStorm, the IDE for JavaScript and rel.. 2025. 8. 11.
[Spring] (HTML,CSS,Thymeleaf) ์ด๋ฏธ์ง€ ๋„ฃ๊ธฐ, ๋ˆˆ๋ˆ„ ๊ธ€์”จ์ฒด ์‚ฌ์šฉํ•˜๊ธฐ [ ๋กœ๋˜, ๋ฒ„ํŠผ ๋ˆŒ๋Ÿฌ ๋žœ๋คํ•œ ์ˆซ์ž 6๊ฐœ ์ถœ๋ ฅํ•˜๊ธฐ ] Spring - [intelliJ,Thymeleaf] ๋กœ๋˜, ๋ฒ„ํŠผ ๋ˆŒ๋Ÿฌ ๋žœ๋ค ์ˆซ์ž 6๊ฐœ ์ถœ๋ ฅํ•˜๊ธฐ(2)[ ๋กœ๋˜, ๋ฒ„ํŠผ ๋ˆŒ๋Ÿฌ ๋žœ๋คํ•œ ์ˆซ์ž 6๊ฐœ ์ถœ๋ ฅํ•˜๊ธฐ ] Spring - [intelliJ,Thymeleaf] ๋กœ๋˜, ๋ฒ„ํŠผ ๋ˆŒ๋Ÿฌ ๋žœ๋ค ์ˆซ์ž 6๊ฐœ ์ถœ๋ ฅํ•˜๊ธฐ[ ๋ฒ„ํŠผ ๋ˆ„๋ฅด๋ฉด Hello,World! ์ถœ๋ ฅ ] Spring - [intelliJ] ๋ฒ„ํŠผ ๋ˆ„๋ฅด๋ฉด Hello,World! ์ถœ๋ ฅ[ Hello,Worldpost-this.tistory.com ๋„ค์žŽํด๋กœ๋ฒ„ ์ด๋ฏธ์ง€ ๋„ฃ๊ณ ,๊ธ€์”จ์ฒด ๋ฐ”๊พธ๊ธฐ 1. ์ด๋ฏธ์ง€์™€ ์ „์ฒด์ฝ”๋“œ ์ด๋ฏธ์ง€ ์ฝ”๋“œ GitHub - hyeong-ing/LuckyLotto: ๋กœ๋˜ ๋ฒˆํ˜ธ๊ฐ€ ์ถœ๋ ฅ๋˜๋Š” ์›น์‚ฌ์ดํŠธ์ž…๋‹ˆ๋‹ค.๋กœ๋˜ ๋ฒˆํ˜ธ๊ฐ€ ์ถœ๋ ฅ๋˜๋Š” ์›น์‚ฌ์ดํŠธ์ž…๋‹ˆ๋‹ค. C.. 2024. 11. 14.