๋ถ๋ฅ ์ ์ฒด๋ณด๊ธฐ208 vue Toast Viewer์ data๊ฐ ์ ๋์ด๊ฐ๋ค.(+ํด๊ฒฐ) ๋ผ์ฐํฐ params๋ก ๋์ด์ค๋ id๋ฅผ ์ด์ฉํด firestore์์ ๋ํ๋จผํธ๋ฅผ ์ฝ์ด์จ ํ, template ํ๊ทธ ์์ ๋ณ์๋ค์ ๊ฐ์ ๋ฃ๊ณ ToastViewer ์ปดํฌ๋ํธ์๋ ๋ฐ์ดํฐ๋ฅผ ๋๊ธฐ๋ ค ํ์ผ๋ ๊ณ์ํด์ ToastViewer props์์๋ ๋ฐ์ดํฐ๋ฅผ ์ฝ์ด์ค์ง ๋ชปํ๋ค. {{ title }} {{ dt }} import TuiViewer from "./Editor/ToastViewer.vue"; import {getDocument} from "../firestore.js" export default { components: { TuiViewer, }, data(){ return{ title: '', dt: '', content: '', } }, async mounted() { const id = this.$r.. 2023. 11. 12. vue2, vue3 ์ฐจ์ด์ Options API VS. Composition API ์๋๋ vue2์ vue3์ ์ํ์ฝ๋๋ค. vue2 ์ํ ์ฝ๋ (Options API) {{ message }} Change Message vue3 ์ํ์ฝ๋ (Composition API) {{ message }} Change Message Options API์ Composition API ๊ฐ ๋๋์ฒด ๋ญ๊น? ์ ์๋ฅผ ์ฝ์ด๋ดค์๋ ๋ฑํ ์๋ฟ๋ ์ค๋ช ๋ค์ด ํฌ๊ฒ ์์๋ค. ๊ทธ๋์ ์ฐจ์ด์ ์ ํ๋ฒ ์ ๋ฆฌํด๋ณด์. Options API Composition API ๊ตฌ์ฑ ๊ฐ์ฒด ์ค์ฌ์ ์ ๊ทผ๋ฐฉ๋ฒ data, methods, computed ๋ฑ์ ์ต์ ๋ฑ์ ํตํ์ฌ ์ปดํฌ๋ํธ๋ฅผ ๊ตฌ์ฑํ๋ค. ํจ์ ์ค์ฌ์ ์ ๊ทผ. data ์ต์ ๋์ ๋ฐ๋ก ๋ณ์๋ฅผ return{}ํ๋ค. methods๋์ ๋ฐ๋ก ํจ์๋ฅผ ์ ์ธํ๊ณ mounted ์ต์ ๋์ onMounte.. 2023. 11. 9. ์๋จน์ด์ ์์ด์ฃผ๋ ์ด์ ์ ์ด์ ์์ ์์ํ์ง ์ด์ ๋ง 4๊ฐ์์ฐจ์ ์ ์ด๋ค์๋ค. ๋ด ํ์ ๋๊ตฐ๊ฐ๋ฅผ ์ํด์ ์ด๋ ๊ฒ ๊ณ์ ์์์ ๋ง๋ค์ด๋๋ ์๊ธฐ๊ฐ ์์์๊น? ํผ์์ด๋๋ ๋ด ์ ํ๋ ๊ฑด์ฌํ๊ธฐ ์ํด์, ๋ด ๋ฐฐ๋ฅผ ์ฑ์ฐ๊ธฐ ์ํด ์๋ฆฌ๋ผ๊ธฐ ๋ณด๋จ ๋ผ๋๋ฅผ ๋ง๋๋ ๋๋์ด ๊ฐํ์๋ค. ๊ฒฐํผํ๊ณ ๋์๋ ๋จํธ๊ณผ ์ ๋ ์์ฌ ํ๋ผ, ์ฃผ๋ง์ ๋จน์ ์์ฌ ์ ๋(ํด์ง ์ ์๋ ๋จํธ๊ณผ ๋ฒ๊ฐ์๊ฐ๋ฉด์ ํ๋๊ฒ ๊ฐ๋ค. ๋จผ์ ํด๊ทผํ ์ฌ๋์ด ์๋ฆฌ๋ฅผ ํ๋ ๊ฒ์ผ๋ก ์ ํ์์)๋ฅผ ์ค๋นํ์๋ค. ๋ณต์๊ฐ ํ์ด๋๊ณ , ์ด๋ค ์์์ด ์ ์ ๋ ๋ง์๊น, ์ด๋ค ์ฌ๋ฃ๋ฅผ ๋ ๋จน์ฌ๋ณผ๊น? ๋ฅผ ๋งค๋ฒ ๊ณ ๋ฏผํ๋ฉด์ ์ฅ์ ๋ณธ๋ค. ๋ฐ๋ฅ์ ๋๋ถ๋ฌ์ ธ์๋ ์์๋ค์ ํ์ฃผ๋ก ๋ฆ์๋ด๊ณ , ํ์ด์ฒด์ด์ ์ธ์ ๋ถ์ด์ ์ด๋ ๊ฒ ๊พธ๋ํด์ก์๊น ์ถ์ ๋ฐฅํ ๋ฉ์ด๋ฆฌ๋ฅผ ์ค๋๋ ์น์ฐ๋ฉฐ ๋๊ตฐ๊ฐ๋ฅผ ๋จน์ด๋ ํ์์ ๋ํด์ ์๊ฐํด๋ณธ๋ค. ์ฒ์์ ๋ญฃ๋ ๋ชจ๋ฅด๊ณ ์ ์ ์ฉ์ฉ๋ฒ๋ ค.. 2023. 11. 9. ๊ฐ๋ฆผ์น๋ฃ ์ค ์ ์๋์์ ์ฌ์๊ฐ ๋ณด์๋ค. 10์ 17์ผ, ์ฒซ๋ฒ์งธ ์ง๋ฃ(์์๋ด์ฌ์ ํ์ ) ์ดํ ํ๋ฌ๋ง์ด๋ค. ์ฒซ๋ฒ์งธ ์ง๋ฃ๋ ์ง๋ฃ๋ ์ง๋ฃ์ง๋ง ์ฐ๋๊ฒ์ฌ๋ฅผ ํ๋๋ผ ์๊ฐ์ด ๊ฝค ๊ฑธ๋ ธ์๋๋ฐ ์ด๋ฒ ์ง๋ฃ์์๋ ์ ๋ณด๊ณ ์๋์ง ์ ๋๋ง ํ์ ํ์๋ค. ์ ์๋๊ป์๋ ๊ฐ๋ฆผ์น๋ฃ๊ฐ ์๋๊ณ ์๋ค ํ์ จ๋ค. ์ ์๋๊ป ๊ฐ๋ฆผํจ์น๋ฅผ ๋ผ๋ฉด ๊ทธ๋๋ ๋ค์ ์ฌ์์ฒ๋ผ ๋ณด์ธ๋ค๊ณ ํ๋๋ ๊ฐ๋ฆผํจ์น์ ๋ชฉ์ ์ ์ฌ์์ ๊ต์ ์ด ์๋๋ผ ์๋ ฅ ๊ต์ ์ ์ํ ๊ฒ์ด๋ผ๊ณ ํ์ จ๋ค. ์ฌ์๊ฐ ์๋ ๋์ด ๋ฐ๊นฅ์ชฝ์ผ๋ก ํฅํ์ง ์์์๋๋ฐ(๋๋์๋ฅผ ๊ตด๋ฆฐ๋ค๊ณ ์๊ฐํ์ ๋ ์ผ๊ตด์ ์ ๋ฉด์ ๋ณด์ง๋ง ๋์๋ง ์์ผ๋ก ๊ฐ๊ฒํ ์์๋ ๊ฒ. ๋ธ์ ๋ฐ๊นฅ์ชฝ์ผ๋ก ๋๊ณต์ด ๊ฐ์ง ๋ชปํ๋ค.) ๊ฐ๋ฆผ์น๋ฃํ์๋ ๊ฝค๋ ๋ฐ๊นฅ์ชฝ์ผ๋ก๋ ๋๊ณต์ ์์ง์๋ค. ๊ฐ๋ฆผ์น๋ฃ๋ฅผ ๋ ๋ฌ ์ ๋ ๋ ํ๊ณ ๋ค์ ์ง๋ฃ๋ฅผ ๋ณด๊ธฐ๋ก ํ๋ค. ๊ทธ๋ ๊ฒ ์ผ์ฃผ์ผ์ด ์ข ์ง๋ฌ์๊น.. ์ ์๋์ฒ๋ผ(์ค๋ ์ง๋ฃ๋ณด๋ ๊ทธ๋ ์ง .. 2023. 10. 31. ์ด์ 1 2 3 4 5 ยทยทยท 52 ๋ค์