Front-End ์์ ์ค(42)
-
GraphQL๊ณผ Apollo ์ด ๋ค์ฏ๋ฒ์งธ ์ด์ผ๊ธฐ - React์ Apollo Client - Query์ Mutation ์ฌ์ฉํ์ฌ ์น ํ์ด์ง ๋ง๋ค๊ธฐ
์นด์นด์คํ์ด | ๋ง์ ๋๊ณ ๊ธ์ตํ๋ค ์ฌ๊ธฐ๋ฅผ ๋๋ฌ ๋งํฌ๋ฅผ ํ์ธํ์ธ์. qr.kakaopay.com ๋ฆฌ์กํธ๋ฅผ ๋ค๋ฃจ๋ ๊ธฐ์ COUPANG www.coupang.com "์ด ํฌ์คํ ์ ์ฟ ํก ํํธ๋์ค ํ๋์ ์ผํ์ผ๋ก, ์ด์ ๋ฐ๋ฅธ ์ผ์ ์ก์ ์์๋ฃ๋ฅผ ์ ๊ณต๋ฐ์ต๋๋ค." GitHub - junyharang-coding-study/GraphQL-Study: GraphQL์ ๊ณต๋ถํ๊ณ , ์ค์ตํ ์ฝ๋์์ ๐ GraphQL์ ๊ณต๋ถํ๊ณ , ์ค์ตํ ์ฝ๋์์ ๐. Contribute to junyharang-coding-study/GraphQL-Study development by creating an account on GitHub. github.com ๐ ๋ชฉ์ฐจ โ GraphQL๊ณผ Apollo ์ฒซ๋ฒ์งธ ์ด์ผ๊ธฐ - ๊ฐ๋ ์ตํ๊ธฐ โ GraphQ..
2023.12.10 -
GraphQL๊ณผ Apollo ์ด ๋ค๋ฒ์งธ ์ด์ผ๊ธฐ - React์ Apollo Client
์นด์นด์คํ์ด | ๋ง์ ๋๊ณ ๊ธ์ตํ๋ค ์ฌ๊ธฐ๋ฅผ ๋๋ฌ ๋งํฌ๋ฅผ ํ์ธํ์ธ์. qr.kakaopay.com ๋ฆฌ์กํธ๋ฅผ ๋ค๋ฃจ๋ ๊ธฐ์ COUPANG www.coupang.com "์ด ํฌ์คํ ์ ์ฟ ํก ํํธ๋์ค ํ๋์ ์ผํ์ผ๋ก, ์ด์ ๋ฐ๋ฅธ ์ผ์ ์ก์ ์์๋ฃ๋ฅผ ์ ๊ณต๋ฐ์ต๋๋ค." ๐ ๋ชฉ์ฐจ โ GraphQL๊ณผ Apollo ์ฒซ๋ฒ์งธ ์ด์ผ๊ธฐ - ๊ฐ๋ ์ตํ๊ธฐ โ GraphQL๊ณผ Apollo ๋๋ฒ์งธ ์ด์ผ๊ธฐ - REST API๋? โ GraphQL๊ณผ Apollo ์ธ๋ฒ์งธ ์ด์ผ๊ธฐ - GraphQL์ ์ ๋ณด ์ฃผ๊ณ ๋ฐ๋ ๋ฐฉ์ โ GraphQL๊ณผ Apollo ๋ค๋ฒ์งธ ์ด์ผ๊ธฐ - Apollo๋? โ GraphQL๊ณผ Apollo ๋ค์ฏ๋ฒ์งธ ์ด์ผ๊ธฐ - GraphQL์ ๊ฐ๋จํ๊ฒ ๊ตฌํํด ๋ณด์์ ๐ โ GraphQL๊ณผ Apollo ์ฌ์ฏ๋ฒ์งธ ์ด์ผ๊ธฐ - GraphQL Mo..
2023.12.09 -
[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