[Vue] Vue app dockerize (nginx์ฌ์ฉ)
in Programming on Frontend
๐ก ํ๋ก ํธ์ vue app ๋ง ๋จ๋ ์ผ๋ก ๋์ธ๊ฒฝ์ฐ nginx๋ฅผ ์ฌ์ฉํด ๋์์ค์ผํจ
[React] DOM์ ์ด๋ฆ๋ฌ๊ธฐ
in Programming on Frontend
๐ก ref ๋ฅผ ํตํด DOM์ ์ด๋ฆ์ ๋ค๋ ๋ฐฉ๋ฒ์ ์์๋ณด์!
OSX์์ ํน์ ๋ฒ์ node ์ค์นํ๊ธฐ
in Programming on Frontend
๐ก OSX์์ ์ด๋ฏธ ์ต์ ๋ฒ์ ์ผ๋ก node๋ฅผ ์ค์นํ ๊ฒฝ์ฐ, ์ด๋ฅผ ์ญ์ ํ๊ณ ์ด์ ํน์ ๋ฒ์ ์ผ๋ก ์ค์นํ๋ ๋ฐฉ๋ฒ์ ์์๋ณด์.
[Vue] โtext/csvโํ์ ์ api response๋ฅผ csvํ์ผ๋ก ๋ค์ด๋ก๋ํ๊ธฐ
in Programming on Frontend
chat gpt๋๋์ด ์๋์ ๊ฐ์ด ์๋ ค์ฃผ์ ง๊ณ .. ๋งค์ฐ์๋๋ค
[Vue] Vue-Cli๋ก Vue ์์ํด๋ณด๊ธฐ
in Programming on Frontend
๐ก ๊ธฐ์กด์๋ parcel์ฌ์ฉํ์ ๋ฒ๋ค๋งํ๊ณ vue@cli ๋ ์ตํ๊ธฐ ๋ฒ์ก์ค๋ฝ๋ค๊ณ ์๊ฐ๋์ด์; ์ฌ์ฉํ์ง ์์์๋๋ฐ, vue@cli ์ฌ์ฉ๋ ์๊ณ ๋ณด๋ฉด ์ฝ๋ค. ์์๋ณด์ (์๋ ์ค์ ์ ํ์คํ ๋ฆฌ๋ชจ๋ (url์ # ์๋ค์ด๊ฐ๋) ๋ฒ์ ์)
[React] Springboot + react ๊ธฐ๋ณธ์ธํ
in Programming on Frontend
๊ฒฐ๊ตญ ๋ฆฌ์กํธ์๊น์ง ์์ ๋๊ฒ๋์๋ค.. (์ด๋๊น์ง๊ฐ๋๊ฐ ๋์ ํ๋ก ํธ์๋ ๊ธฐ์ ์คํ)
์ด์จ๋ , springboot + react ๋ฅผ ํ ํ๋ก์ ํธ์์ ์ฌ์ฉํ๋ ์ธํ
๋ฐฉ๋ฒ์ ์์๋ณด์
[React] ์ด๋ฒคํธํธ๋ค๋ง
in Programming on Frontend
์ฌ์ฉ์๊ฐ ์น DOM ์์๋ค๊ณผ ์ํธ์์ฉํ๋๊ฒ์ ์ด๋ฒคํธ๋ผ๊ณ ํจ ๋ฆฌ์กํธ์์ ์ด๋ฒคํธ๋ฅผ ์ฌ์ฉํ๋๋ฐฉ๋ฒ์ ๋ํด ์์๋ณด์
[React] ๋ฆฌ์กํธ ์ปดํฌ๋ํธ
in Programming on Frontend
์ปดํฌ๋ํธ๋ ์ฌ์ฉ์๊ฐ ๋ณด๋ ํ๋ฉด์ ๊ตฌ์ฑํ๋ ๊ตฌ์ฑ์์์ด๋ค. ์ปดํฌ๋ํธ๋ค์ ๋ฐ์ดํฐ๊ฐ ์ฃผ์ด์ก์๋ ์ด๋ฅผ ๋ง์ถ์ด UI๋ฅผ ๋ง๋ค์ด์ฃผ๊ณ , ํ๋ฉด์์ ๋ํ๋ ๋, ์ฌ๋ผ์ง๋, ๋ณํ๊ฐ ์ผ์ด๋ ๋ ์ฃผ์ด์ง ์์
๋ค์ ์ฒ๋ฆฌํ ์ ์๊ณ , ์์ ๋ฉ์๋๋ฅผ ๋ง๋ค์ด ํน๋ณํ ๊ธฐ๋ฅ์ ๋ถ์ฌ์ค์์๋ค.
(โ ์๋ฐ์ ํด๋์ค๊ฐ์๋๋ค)
eventBus ์ฌ์ฉ์ ์ค๋ณตํธ์ถ๋ฐฉ์ง
in Programming on Frontend
A์ปดํฌ๋ํธ์ ๋ฒํผ์ ๋๋ฌ B ์ปดํฌ๋ํธ(๋ชจ๋ฌ)์ ์ด๋ฒคํธ๋ฅผ ํธ์ถํ๋ ์ฝ๋๋ฅผ ์งฐ๋๋ฐ, ๋ฒํผ๋๋ฅผ๋๋ง๋ค B์ปดํฌ๋ํธ์ ์ด๋ฒคํธ๊ฐ 2๋ฒ์ฉ (์ด์ฉ๋๋ 4๋ฒ์ฉ ใ กใ ก) ํธ์ถ๋๋ ํ์์ด ์์๋ค.
[vue] Vue UI Library ๋ชจ์
in Programming on Frontend
Vue UI Library ๋ญ๋ญ์๋์ง ์์๋ณด์
[vue] ์ปดํฌ๋ํธ๊ฐ ๋ฐ์ดํฐ ์ ๋ฌํ๊ธฐ
in Programming on Frontend
Vue์์ ์ปดํฌ๋ํธ๊ฐ์ ๋ฐ์ดํฐ๋ฅผ ์๋ฆฌ๊ฐ๋ฆฌํ๊ณ ์ถ์ผ๋ฉด ์ด๋ป๊ฒํด์ผํ ๊น?
[vue] VUEX ์ฌ์ฉํ๊ธฐ
in Programming on Frontend
vuex๋??
๋ชจ๋ ์ปดํฌ๋ํธ๊ฐ ๊ณตํต์ผ๋ก ์ ๊ทผํ ์ ์๋ ์ ์ญ๋ณ์๋ฅผ ๋ง๋ค์ด๋๋๊ฒ..
[vue] ํ ์ด๋ธ ๋ฐ์ดํฐ Excel Export ํ๊ธฐ
in Programming on Frontend
Vue์์ ํ ์ด๋ธ ๋ฐ์ดํฐ Excel Export ํ๊ธฐ
[vue] router ์ด๋์ component loadํ๊ธฐ
in Programming on Frontend
์ฌ๋ฌ ์์ ์ปดํฌ๋ํธ๋ก ๊ตฌ์ฑ๋ ๋ทฐ ์ปดํฌ๋ํธ๋ฅผ router pushํ๋ฉด ๋ถ๋ชจ์ปดํฌ๋ํธ๋ง ๋ก๋๋๊ณ ์์์ปดํฌ๋ํธ๋ ๊ทธ๋๋ก์ผ๋๊ฐ์๋ค. ๊ทธ๋ด๋๋ ์๋์ ๊ฐ์ด router-view๋ฅผ ์ค์ ํด์ฃผ๋ฉด ๋๋ค.
[vue] b-pagination ์ page-click ํ์ด์ง ๊ตฌํ
in Programming on Frontend
vue bootstrap์๋ b-pagination ์ด๋ผ๋ ํ์ด์ง์ ๋์์ฃผ๋ ์ปดํฌ๋ํธ๊ฐ ์๋ค. ํ์ด์ง ์ด๋ ๋ฒํผ์ด๋ผ๋๊ฒ ๋ชปํ ๊ฑด ์๋์ง๋ง ๋ด๊ฐ ๊ตฌํํ๋ ค๋ฉด ๋งค์ฐ ๊ท์ฐฎ์๋ฐ ์ด ์ปดํฌ๋ํธ ํ๋ ์ฐ๋ฉด ๋งค์ฐ ์ฝ๊ฒ ํด๊ฒฐ ๊ฐ๋ฅํ๋ค.
[vue] vue์์ ์ธ๋ถ ๋ผ์ด๋ธ๋ฌ๋ฆฌ importํ๊ธฐ
in Programming on Frontend
vue์์ ์ธ๋ถ ๋ผ์ด๋ธ๋ฌ๋ฆฌ importํ๊ธฐ
Vue ๊ฐ๋ฐํ๋ฉด์ ์ฐธ๊ณ ํ ์ฌ์ดํธ
in Programming on Frontend
Vue ๊ฐ๋ฐํ๋ฉด์ ์ฐธ๊ณ ํ ์ฌ์ดํธ
Parcel + Vue + Springboot ๊ฐ๋ฐํ๊ฒฝ ๊ตฌ์ถํ๊ธฐ
in Programming on Frontend
Parcel + Vue + Springboot ์ธํ ๊ด๋ จ ๋ด์ฉ๋ค์ ์ ๋ฆฌํด๋ณด์
npm webpack ์ค์น ์ค ์๋ฌ
in Programming on Frontend
npm webpack ์ค์น ์ค ์๋ฌ๊ฐ ๋ ๋ ํด๊ฒฐ๋ฐฉ๋ฒ.
