์๋ฐ(53)
-
[FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - Paging ์ฒ๋ฆฌ
๐ง๐ป๐ป Git Hub ์ฃผ์ ๐ ๋ชฉ์ฐจ โ [FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - Home / Main โ [FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - ๊ฒ์ํ ๋ง๋ค๊ธฐ : ๋ชฉ๋ก ์กฐํ โ [FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - ๊ฒ์ํ ๋ง๋ค๊ธฐ : ์์ธ ์กฐํ โ [FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - ๊ฒ์ํ ๋ง๋ค๊ธฐ : ๋ฑ๋ก / ์์ โ [FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - ๊ฒ์ํ ๋ง๋ค๊ธฐ : ์ญ์ โ [FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - ๊ฒ์ํ ๋ง๋ค๊ธฐ : ๋ต๋ณ ๋ฑ๋ก / ์์ โ [FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - ๊ฒ์ํ ๋ง๋ค๊ธฐ : ๋ต๋ณ ์ญ์ ๐จ๐ฉ๐ง..
2022.03.20 -
[FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - ๊ฒ์ํ ๋ง๋ค๊ธฐ : ๋ฑ๋ก /์์
๐ง๐ป๐ป Git Hub ์ฃผ์ ๐ ๋ชฉ์ฐจ โ [FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - Home / Main โ [FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - ๊ฒ์ํ ๋ง๋ค๊ธฐ : ๋ชฉ๋ก ์กฐํ โ [FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - ๊ฒ์ํ ๋ง๋ค๊ธฐ : ์์ธ ์กฐํ โ [FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - ๊ฒ์ํ ๋ง๋ค๊ธฐ : ๋ฑ๋ก / ์์ โ [FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - ๊ฒ์ํ ๋ง๋ค๊ธฐ : ์ญ์ โ [FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - ๊ฒ์ํ ๋ง๋ค๊ธฐ : ๋ต๋ณ ๋ฑ๋ก / ์์ โ [FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - ๊ฒ์ํ ๋ง๋ค๊ธฐ : ๋ต๋ณ ์ญ์ ๐จ๐ฉ๐ง..
2022.03.19 -
[FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - ์์ธ ์กฐํ
๐ง๐ป๐ป Git Hub ์ฃผ์ ๐ ๋ชฉ์ฐจ โ [FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - Home / Main โ [FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - ๊ฒ์ํ ๋ง๋ค๊ธฐ : ๋ชฉ๋ก ์กฐํ โ [FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - ๊ฒ์ํ ๋ง๋ค๊ธฐ : ์์ธ ์กฐํ โ [FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - ๊ฒ์ํ ๋ง๋ค๊ธฐ : ๋ฑ๋ก / ์์ โ [FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - ๊ฒ์ํ ๋ง๋ค๊ธฐ : ์ญ์ โ [FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - ๊ฒ์ํ ๋ง๋ค๊ธฐ : ๋ต๋ณ ๋ฑ๋ก / ์์ โ [FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - ๊ฒ์ํ ๋ง๋ค๊ธฐ : ๋ต๋ณ ์ญ์ ๐จ๐ฉ๐ง..
2022.03.19 -
[Vue.js] Props
๐ Props ๐ฝ Props๋ก Data ์ ๋ฌ ๋ชจ๋ Component Instance๋ ์์ฒด ๊ฒฉ๋ฆฌ๋ ๋ฒ์๊ฐ ์๋ ๊ฒ์ด์์. ์ฆ, ํ์ ์ปดํฌ๋ํฐ์ ํ ํ๋ฆฟ์์ ์์ ๋ฐ์ดํฐ๋ฅผ ์ง์ ์ฐธ์กฐ ํ ์ ์์ผ๋ฉฐ, ๊ทธ๋ ๊ฒ ํด์๋ ์ ๋๋ ๊ฒ์ด์์. JAVA๋ก ๋น์ ํ์๋ฉด ๋คํ์ฑ๊ณผ ๊ฐ์ ๊ฒ์ธ ๊ฑฐ ๊ฐ์์. Data๋ `props` Option์ ์ด์ฉํ์ฌ ํ์ ์ปดํฌ๋ํธ๋ก ์ ๋ฌ ๋ ์ ์๋ ๊ฒ์ด์์. prop์ ์์ ์ปดํฌ๋ํธ์ ์ ๋ณด๋ฅผ ์ ๋ฌํ๊ธฐ ์ํ ์ฌ์ฉ์ ์ง์ ํน์ฑ์ธ ๊ฒ์ด์์. ํ์ ์ปดํฌ๋ํธ๋ `props` option์ ์ด์ฉํ์ฌ ์์ ํ ๊ฒ์ผ๋ก ๊ธฐ๋๋๋ Props๋ฅผ ๋ช ์์ ์ ์ธํด์ผ ํ๋ ๊ฒ์ด์์. ์์ ์ฝ๋ Vue.component('child', { // props ์ ์ props: ['message'], // ๋ฐ์ดํฐ์ ๋ง์ฐฌ๊ฐ์ง๋ก..
2022.03.19 -
[Vue.js] axios ์ค์น
๐ Axios๋? JavaScript Application์์ Server ์ฆ, Back End์์ ํต์ ์ ํ๊ธฐ ์ํ HTTP Library๊ฐ ๋ฐ๋ก Axios๋ผ๋ ์น๊ตฌ์์. ์ด ์น๊ตฌ๋ Vue.js์ ์ข ์๋ ๊ฒ์ด ์๋๋ผ ๋ค๋ฅธ JavaScript Application ์ฆ, React.js ๋ฑ์๋ ์ด์ฉํ ์ ์๋ ๊ฒ์ด์์. Web์ด๋, App์ ๊ฐ๋ฐํ๋ค ๋ณด๋ฉด ์ฐ๋ฆฌ๋ Data๋ฅผ ์ ์ฅํ๊ณ , ๋ถ๋ฌ์ค๊ธฐ ์ํด Back End Server๋ฅผ ๊ตฌ์ถํ๊ณ ์ด์ฉํด์ผ ํ๋ ๊ฒ์ด์์. Axios๋ Promise ๊ธฐ๋ฐ์ JavaScript ๋น๋๊ธฐ ์ฒ๋ฆฌ ๋ฐฉ์์ ์ด์ฉํ๋ ๊ฒ์ด์์. ๊ทธ๋ ๊ธฐ ๋๋ฌธ์ Request๋ฅผ ๋ณด๋ธ ๋ค .then()์ ์ด์ฉํด์ ๊ฒฐ๊ณผ๊ฐ์ ๋ฐ์ ์ฒ๋ฆฌํ๋ ํ์์ผ๋ก ๊ตฌ์ฑ์ด ๋์ด ์๋ต๋๋ค. axios.get('/api/data..
2022.03.18 -
[FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - ๊ฒ์ํ ๋ง๋ค๊ธฐ : ๋ชฉ๋ก ์กฐํ
๐ง๐ป๐ป Git Hub ์ฃผ์ ๐ ๋ชฉ์ฐจ โ [FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - Home / Main โ [FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - ๊ฒ์ํ ๋ง๋ค๊ธฐ : ๋ชฉ๋ก ์กฐํ โ [FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - ๊ฒ์ํ ๋ง๋ค๊ธฐ : ์์ธ ์กฐํ โ [FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - ๊ฒ์ํ ๋ง๋ค๊ธฐ : ๋ฑ๋ก / ์์ โ [FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - ๊ฒ์ํ ๋ง๋ค๊ธฐ : ์ญ์ โ [FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - ๊ฒ์ํ ๋ง๋ค๊ธฐ : ๋ต๋ณ ๋ฑ๋ก / ์์ โ [FrontEnd][Vue-PJ] ๊ฐ๋ฐ์ ์ปค๋ฎค๋ํฐ ์๋น์ค - ๊ฒ์ํ ๋ง๋ค๊ธฐ : ๋ต๋ณ ์ญ์ ๐จ๐ฉ๐ง..
2022.03.18