Front-End ์์ ์ค/Nuxt.js(9)
-
[Vue+Nuxt.js] Vuex ์๋ก๊ณ ์นจ ์ ์ด๊ธฐํ ๋๋ ๋ฌธ์ ํด๊ฒฐ
Git Hub ๐ ๋ชฉ์ฐจ โ [Vue+Nuxt.js] Nuxt.js ๊ธฐ๋ณธ โ[Vue+Nuxt.js] Nuxt.js ์์ํ๊ธฐ โ [Vue+Nuxt.js] Nuxt.js Data ํธ์ถ ๋ฐฉ์๊ณผ API ์ฐ๋ โ[Vue+Nuxt.js] Nuxt.js๋ฅผ ์ด์ฉํ์ฌ ์ผํ ์ํ ๋ชฉ๋ก ํ์ด์ง์ ์์ธ ํ์ด์ง ๊ฐ๋ฐ โ [Vue+Nuxt.js] Nuxt.js๋ฅผ ์ด์ฉํ์ฌ ์ผํ ์ํ ๊ฒ์ UI ๊ฐ๋ฐ โ[Vue+Nuxt.js] Vuex๋ฅผ ์ด์ฉํ์ฌ ์ฅ๋ฐ๊ตฌ๋ Page ๋ง๋ค๊ธฐ โ [Vue+Nuxt.js] Vuex ์๋ก๊ณ ์นจ ์ ์ด๊ธฐํ ๋๋ ๋ฌธ์ ํด๊ฒฐ ๐ ๋ถ๋ก โ [FrontEnd] HMR(Hot Module Replacement) โ [Nuxt.js] ๋น๋๊ธฐ ๋ฐ์ดํฐ ํธ์ถ ๋ฐฉ๋ฒ โ V-Model ๋์ ์๋ฆฌ์ ํ์ฉ ๋ฐฉ๋ฒ โ [Nuxt.js] N..
2022.06.06 -
[Nuxt.js] NuxtServerInit
๐ NuxtServerInit ๐ฝ NuxtServerInit ๐ฆ ๊ฐ์ NustServerInit ํจ์๋ Nuxt.js universal Mode์์ ์ฌ์ฉํ ์ ์๋ ํจ์์ธ ๊ฒ์ด์์. // store/index.js actions: { nuxtServerInit(context, { req }) { if (req.session.user) { context.commit('user', req.session.user) } } } ์ ํจ์๋ SSR(Server Side Rendering) ์์ ์ ์คํ๋๊ธฐ ๋๋ฌธ์ Store์ ๋ฏธ๋ฆฌ Data๋ฅผ ์ค์ ํด ๋๊ฑฐ๋, Server์์๋ง ์ ๊ทผํ ์ ์๋ Data๋ฅผ ๋ค๋ฃฐ ๋ ์ ์ฉํ๋ต๋๋ค. ๋ง์ฝ, Server์์ Session์ ๊ด๋ฆฌํ๋ ๊ตฌ์กฐ์ด๊ณ , Session์ ์ฐ๊ฒฐ๋ ์ฌ์ฉ์ ์ ๋ณด..
2022.06.06 -
[Vue+Nuxt.js] Vuex๋ฅผ ์ด์ฉํ์ฌ ์ฅ๋ฐ๊ตฌ๋ Page ๋ง๋ค๊ธฐ
Git Hub ๐ ๋ชฉ์ฐจ โ [Vue+Nuxt.js] Nuxt.js ๊ธฐ๋ณธ โ[Vue+Nuxt.js] Nuxt.js ์์ํ๊ธฐ โ [Vue+Nuxt.js] Nuxt.js Data ํธ์ถ ๋ฐฉ์๊ณผ API ์ฐ๋ โ[Vue+Nuxt.js] Nuxt.js๋ฅผ ์ด์ฉํ์ฌ ์ผํ ์ํ ๋ชฉ๋ก ํ์ด์ง์ ์์ธ ํ์ด์ง ๊ฐ๋ฐ โ [Vue+Nuxt.js] Nuxt.js๋ฅผ ์ด์ฉํ์ฌ ์ผํ ์ํ ๊ฒ์ UI ๊ฐ๋ฐ โ[Vue+Nuxt.js] Vuex๋ฅผ ์ด์ฉํ์ฌ ์ฅ๋ฐ๊ตฌ๋ Page ๋ง๋ค๊ธฐ โ [Vue+Nuxt.js] Vuex ์๋ก๊ณ ์นจ ์ ์ด๊ธฐํ ๋๋ ๋ฌธ์ ํด๊ฒฐ ๐ ๋ถ๋ก โ [FrontEnd] HMR(Hot Module Replacement) โ [Nuxt.js] ๋น๋๊ธฐ ๋ฐ์ดํฐ ํธ์ถ ๋ฐฉ๋ฒ โ V-Model ๋์ ์๋ฆฌ์ ํ์ฉ ๋ฐฉ๋ฒ โ [Nuxt.js] N..
2022.06.05 -
[Vue+Nuxt.js] Nuxt.js๋ฅผ ์ด์ฉํ์ฌ ์ผํ ์ํ ๊ฒ์ UI ๊ฐ๋ฐ
Git Hub ๐ ๋ชฉ์ฐจ โ [Vue+Nuxt.js] Nuxt.js ๊ธฐ๋ณธ โ[Vue+Nuxt.js] Nuxt.js ์์ํ๊ธฐ โ [Vue+Nuxt.js] Nuxt.js Data ํธ์ถ ๋ฐฉ์๊ณผ API ์ฐ๋ โ[Vue+Nuxt.js] Nuxt.js๋ฅผ ์ด์ฉํ์ฌ ์ผํ ์ํ ๋ชฉ๋ก ํ์ด์ง์ ์์ธ ํ์ด์ง ๊ฐ๋ฐ โ [Vue+Nuxt.js] Nuxt.js๋ฅผ ์ด์ฉํ์ฌ ์ผํ ์ํ ๊ฒ์ UI ๊ฐ๋ฐ โ[Vue+Nuxt.js] Vuex๋ฅผ ์ด์ฉํ์ฌ ์ฅ๋ฐ๊ตฌ๋ Page ๋ง๋ค๊ธฐ โ [Vue+Nuxt.js] Vuex ์๋ก๊ณ ์นจ ์ ์ด๊ธฐํ ๋๋ ๋ฌธ์ ํด๊ฒฐ ๐ ๋ถ๋ก โ [FrontEnd] HMR(Hot Module Replacement) โ [Nuxt.js] ๋น๋๊ธฐ ๋ฐ์ดํฐ ํธ์ถ ๋ฐฉ๋ฒ โ V-Model ๋์ ์๋ฆฌ์ ํ์ฉ ๋ฐฉ๋ฒ โ [Nuxt.js] N..
2022.06.01 -
[Vue+Nuxt.js] Nuxt.js๋ฅผ ์ด์ฉํ์ฌ ์ผํ ์ํ ๋ชฉ๋ก ํ์ด์ง์ ์์ธ ํ์ด์ง ๊ฐ๋ฐ
Git Hub ํ ๊ถ์ผ๋ก ๋ฐฐ์ฐ๋ Vue js 3 ์น ์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ ๊ธฐ์ด ์ค์ (์์ง์ฑ ) COUPANG www.coupang.com "์ด ํฌ์คํ ์ ์ฟ ํก ํํธ๋์ค ํ๋์ ์ผํ์ผ๋ก, ์ด์ ๋ฐ๋ฅธ ์ผ์ ์ก์ ์์๋ฃ๋ฅผ ์ ๊ณต๋ฐ์ต๋๋ค." ๐ ๋ชฉ์ฐจ โ [Vue+Nuxt.js] Nuxt.js ๊ธฐ๋ณธ โ[Vue+Nuxt.js] Nuxt.js ์์ํ๊ธฐ โ [Vue+Nuxt.js] Nuxt.js Data ํธ์ถ ๋ฐฉ์๊ณผ API ์ฐ๋ โ[Vue+Nuxt.js] Nuxt.js๋ฅผ ์ด์ฉํ์ฌ ์ผํ ์ํ ๋ชฉ๋ก ํ์ด์ง์ ์์ธ ํ์ด์ง ๊ฐ๋ฐ โ [Vue+Nuxt.js] Nuxt.js๋ฅผ ์ด์ฉํ์ฌ ์ผํ ์ํ ๊ฒ์ UI ๊ฐ๋ฐ โ[Vue+Nuxt.js] Vuex๋ฅผ ์ด์ฉํ์ฌ ์ฅ๋ฐ๊ตฌ๋ Page ๋ง๋ค๊ธฐ โ [Vue+Nuxt.js] Vuex ์๋ก๊ณ ์นจ ์ ์ด๊ธฐํ..
2022.05.24 -
[Vue+Nuxt.js] Nuxt.js Data ํธ์ถ ๋ฐฉ์๊ณผ API ์ฐ๋
Git Hub ํ ๊ถ์ผ๋ก ๋ฐฐ์ฐ๋ Vue js 3 ์น ์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ ๊ธฐ์ด ์ค์ (์์ง์ฑ ) COUPANG www.coupang.com "์ด ํฌ์คํ ์ ์ฟ ํก ํํธ๋์ค ํ๋์ ์ผํ์ผ๋ก, ์ด์ ๋ฐ๋ฅธ ์ผ์ ์ก์ ์์๋ฃ๋ฅผ ์ ๊ณต๋ฐ์ต๋๋ค." ๐ ๋ชฉ์ฐจ โ [Vue+Nuxt.js] Nuxt.js ๊ธฐ๋ณธ โ[Vue+Nuxt.js] Nuxt.js ์์ํ๊ธฐ โ [Vue+Nuxt.js] Nuxt.js Data ํธ์ถ ๋ฐฉ์๊ณผ API ์ฐ๋ โ[Vue+Nuxt.js] Nuxt.js๋ฅผ ์ด์ฉํ์ฌ ์ผํ ์ํ ๋ชฉ๋ก ํ์ด์ง์ ์์ธ ํ์ด์ง ๊ฐ๋ฐ โ [Vue+Nuxt.js] Nuxt.js๋ฅผ ์ด์ฉํ์ฌ ์ผํ ์ํ ๊ฒ์ UI ๊ฐ๋ฐ โ [Vue+Nuxt.js] Vuex๋ฅผ ์ด์ฉํ์ฌ ์ฅ๋ฐ๊ตฌ๋ Page ๋ง๋ค๊ธฐ ๐ API ์ฐ๋ํ๊ธฐ ๐ฝ Axios ๐ฆ Axios ์ค์น ..
2022.05.22