์ค์ต UI ๊ฐ๋ฐ๋ก ๋ฐฐ์๋ณด๋ ์์ javascript ์ VueJS ๊ฐ๋ฐ
์์ ์๋ฐ์คํฌ๋ฆฝํธ์ VueJS๋ผ๋ UI Library๋ฅผ ์ด์ฉํ์ฌ ์ผํ๋ชฐ ๊ฒ์ ํ์ด์ง๋ฅผ ๋ง๋ค์ด ๋ณด๋ฉฐ VueJS ๊ฐ๋ฐ ํ์ต์ ์งํํฉ๋๋ค. ์์ ์๋ฐ์คํฌ๋ฆฝํธ์ VueJs ๋ก ๊ฐ๋ฐ์ ๊ฐ๊ธฐ ์งํํ๋ฉฐ ๊ฐ ๊ฐ๋ฐ์ ์ฐจ์ด์ ๊ณผ MVC, MVVM ๋์์ธ ํจํด์ ์ฐจ์ด๋ ๋ฐฐ์ธ ์ ์์ต๋๋ค.
์๊ฐ์ 2,198๋ช
๋์ด๋ ์ด๊ธ
์๊ฐ๊ธฐํ ๋ฌด์ ํ

- ๋ฏธํด๊ฒฐ
๊ฐ์ฌ๋, ๋ธ๋์น๋ช ์ด๋ป๊ฒ ๋ง๋์ จ์ด์?
<img src="https://cdn.inflearn.com/public/files/posts/acbda62f-670f-4d7b-b8aa-c96051aeb3c7/รกยยรกย ยณรกยยรกย ยณรกยย รกย ยตรกยยซรกยยรกย ยฃรกยยบ2024-07-13รกยยรกย ยฉรกยยรกย ยฎ5.27.52
javascriptvue.js์์ฑ์ ์์
ใป
2
209
1
- ๋ฏธํด๊ฒฐ
์ด๋ฏธ์ง ํ์ผ ์ ๋ฐ์ดํธ๊ฐ ์๋ผ์๋ ๊ฑฐ ๊ฐ์ต๋๋ค
const data = [ { id: 1, n
javascriptvue.jsvuejsJIHYE
ใป
1
502
1
- ๋ฏธํด๊ฒฐ
git์ฌ์ฉ๋ฒ์ ์ ๋ชจ๋ฅด๊ฒ ์ต๋๋ค..
๊ฐ์๋ฅผ ์๋ก ๋ค์๋๋ง๋ค lite-server๊ฐ ๊ตฌ๋๋์ง ์๋๋ฐ, ์ ๊ฐ git์ ์๋ชป ๋ค๋ฃจ๊ณ ์๋๊ฑฐ ๊ฐ์ต๋๋ค...๊ฐ์ ์ด๋ฆด๋ visual์คํ๋์ค ์ฝ๋ ์ฐ๋ค์์ git bash์๋ค๊ฐgit checkout -f 1-vanilla/scafoldi
javascriptvue.jsvuejsgm021716
ใป
1
495
1
- ํด๊ฒฐ
@event ์ง๋ฌธ์ ๋๋ค.
์๋ ํ์ธ์. ์ ์๋ ๊ฐ์๋ฅผ ๋ฃ๋ ์๊ฐ์์ ๋๋ค. javascript MVC ํจํด์ ๊ณต๋ถํ๋ ๊ณผ์ ์ค์ js ํ์ผ์์ ์ด๋ฒคํธ๋ฅผ ๋ง๋ค๊ณ ์ ๋ฌ(emit)ํ ๋ ์ฌ์ญค๋ณด๊ณ ์ถ์ ๋ด์ฉ์ด ์์ต๋๋ค.emit(โ@clickโ) ~~ ์ด ๋ถ๋ถ์์ @click ์ฒ๋ผ ์ด๋ฒคํธ
vuejsjavascript๊นํํธ
ใป
1
254
1
- ๋ฏธํด๊ฒฐ
return ๋ฌธ์์ด์ด ์ฌ๋ฌ์ค์ ์ด๋ป๊ฒ ์ค์ ํ๋์?
ResultView.getSearchItemHtml = function (item) { return '. <== ์ฌ๊ธฐ์ ์๋ฌ๊ฐ ๋ฉ๋๋ค (<span style="color:
return_multi_linejavascriptvuejs๊น์์
ใป
1
645
2
- ๋ฏธํด๊ฒฐ
ํญ๋ทฐ์์ ์ด๋ฒคํธ๋ฅผ ๋ฐ์์ ๋ฉ์ธ์ปจํธ๋กค๋ฌ์๊ฒ ์ ๋ฌ๋งํด์ฃผ๋ ๋ฐฉ์๋ ๊ด์ฐฎ๋์?
ํญ๋ทฐ์์ ์ด๋ฒคํธ๋ฅผ ๋ฐ์ ํ ํญ์ ๋ณ๊ฒฝํด์ฃผ๋ ๊ฒ ๊น์ง ์ฒ๋ฆฌ ํ ๋ฉ์ธ์๊ฒ ์ด๋ฒคํธ๊ฐ ๋ฐ์ํ๋ค๋ผ๋ ์ฌ์ค๋ง ์ ๋ฌํด์ฃผ๋ ๊ฒ ๊ฐ์๋ฐ ์ด๋ฒคํธ๋ง ์ปจํธ๋กค๋ฌ์๊ฒ ์ ๋ฌํด์ฃผ๊ณ ์ปจํธ๋กค๋ฌ๊ฐ ๋ค์ TabView.setA
javascriptvuejsNoah
ใป
1
257
1
- ๋ฏธํด๊ฒฐ
ResultComponent.vue ์๋ฌ?
37~38์ด ์ฏค ResultComponent.vue ์ 4๋ฒ์งธ ์ค์ ์๋ฌ๊ฐ ๋๊ฒ์ผ๋ก ๋์ค๋๋ฐ ๊ฐ์์์๋ ๋ฌธ์ ์์ด ์ปดํ์ผ์ด ๋ฉ๋๋ค. ํ์ง๋ง ๋ฐ๋ผ์ ์์ฑํด๋ณด๋ ์ ๋ ์ ์ค์์ ์๋ฌ๊ฐ ๋ ์ ์ปดํ์ผ์ด ์๋๋๋ฐ ํน์ ์ด์ ๊ฐ ๋ญ์ง ์์์์๊น์? ใ ์คํ์ธ๊ฐ ์ถ์ด์ ์ฐพ์๋ดค๋๋ฐ
javascriptvuejs๋๋๋๋ค์
ใป
1
251
1
- ๋ฏธํด๊ฒฐ
์ ์๋ ์๋ ํ์ธ์!
- ํ์ต ๊ด๋ จ ์ง๋ฌธ์ ๋จ๊ฒจ์ฃผ์ธ์. ์์ธํ ์์ฑํ๋ฉด ๋ ์ข์
vuejsjavascriptohot
ใป
0
246
1
- ๋ฏธํด๊ฒฐ
return new Promise ์ return Promise.resolve
์๋ ํ์ธ์ ๊ฐ์ ์ ๋ง ์ ๋ฃ๊ณ ์์ต๋๋ค! ์ฝ๋
promisejavascriptvuejs-J-
ใป
2
474
1
- ๋ฏธํด๊ฒฐ
๋ฐ๋๋ผ
์ฒ์ ์ค๊ณํ๋๊ฒ ์ด๋ ต์ง ๊ธฐ๋ฅ๊ตฌํ์ ์ฌ์ด ๊ฒ ๊ฐ์๋ฐ ์ค์ผํด๋ฉ ํ๋ ๋ถ๋ถ์์ ๋จธ๋ฆฌ ํฐ์ง ๊ฒ ๊ฐ๋ค์. ๊ทธ๋๋ ๋ฐ๋๋ผ ์๋ฐ์คํฌ๋ฆฝํธ ๋ถ๋ถ์ ์ ๊ฒฝ์จ์ผ ํ๊ฒ ์ฃ ?
vuejsjavascript์์ฑ์ ์์
ใป
1
320
1
- ๋ฏธํด๊ฒฐ
์ค์ต ๊ด๋ จ ์ง๋ฌด
์๋ ํ์ธ์ ๊ฐ์ฌ๋. ์ง๋ ์ค์ต์ <div style="color: #bfc7d5; background-color: #292d3e; font-family: 'Fira Code', D2Coding,
vuejsjavascript์ ์ฌ์ค
ใป
1
248
1
- ๋ฏธํด๊ฒฐ
event.preventDefault() ๋ฌธ์
์๋ ํ์ธ์. ์ ๋ฃ๊ณ ์์ต๋๋ค. <div clas
vuejsjavascriptjmeeen
ใป
1
289
1
- ๋ฏธํด๊ฒฐ
์ปดํผ๋ํธ ์ง๋ฌธ์ด ์์ต๋๋ค.
- ํ์ต ๊ด๋ จ ์ง๋ฌธ์ ๋จ๊ฒจ์ฃผ์ธ์. ์์ธํ ์์ฑํ๋ฉด ๋ ์ข์
javascriptvuejs์ ๋ง์ด
ใป
0
209
1
- ๋ฏธํด๊ฒฐ
return this์ ๋ํด์ (์ฌ์ ๋ก๋)
<p style="box-sizing: border-box; padding: 0px; line-height: 1.5; font-size: 16px; color: #24292e; font-family: 'Noto Sans KR'; background-color: #fff
javascriptjavascriptthisvuejsWS IM
ใป
0
355
1
- ๋ฏธํด๊ฒฐ
return this์ ๋ํด์ ์ดํด๊ฐ ์ ๋์ง ์์์
1-vanilla ํด๋์์ View.js / FormView.js / TabView.js / KeywordView.js (์์ ๋ฐ๋ HistoryView.js) ๋ฑ์ด ๊ฐ๊ณ ์๋ ๋ฉ์๋ ์ค์์ return this๋ฅผ ํ๋ ๋ฉ์๋๊ฐ ์๋๋ฐ์, <
javscriptthisvuejsjavascriptobjectWS IM
ใป
0
1,175
1
- ๋ฏธํด๊ฒฐ
๊ฐ์ ๋ด์ฉ์ ๋ฐ๋ผ ํ๋๋ฐ๋ ์๋๋ ๋ฌธ์
์๋ฅผ ๋ค์ด, ๊ฒ์๊ฐ์ ์ ๋ ฅํ๊ณ ์ํฐ๋ฅผ ๋๋ฅผ ๋ ์ฝ์์ ์ถ๋ ฅํ๋ ๊ฒ์ด๋, x๋ฒํผ์ ๋๋ฅด๊ฑฐ๋ ๊ฒ์ ๊ฒฐ๊ณผ๋ฅผ ์์ ํ ์ง์ฐ๊ณ ๋ ๋ค์ ์ฝ์์ ์ถ๋ ฅํ๋ ๊ธฐ๋ฅ์ ๋ง๋ค ๋, ๋ถ๋ช ํ ๊ฐ์์์ ํด์ฃผ์๋ ๋ด์ฉ๋๋ก ๋ฐ๋ผํ๋ฉด ์ฝ์์ ์ถ๋ ฅ๋์ง ์๋ ๋ฌธ์ ๊ฐ ๋ฐ์ํ๋ค์. ๋ธ๋์น๋ฅผ
vuejsjavascriptWS IM
ใป
1
308
2
- ๋ฏธํด๊ฒฐ
ํฌ๋กฌ์ผ๋ก ๋ก์ปฌ ๋์๋๋ ์๋ฌ๊ฐ๋๋ค์
์๋ ํ์ธ์, ํ์ฌ ์์ค์ console.log ์ฌ์ฉ์ ์ฐ์
๊ธด๊ธ๋ต๋ณํ์vuejsjavascript์ด๋ฏผํ
ใป
1
322
0
- ๋ฏธํด๊ฒฐ
์๋ฌ๊ฐ ๋๋ค์
์๋ ํ์ธ์, ํฌ๋กฌ ์ฌ์ฉํด ๋ก์ปฌ ๋์ฐ๊ณ ์๋๋ฐ, console.log๋ก ์ฐ์ ์์ค๊ฐ ํฌ๋กฌ console์ฐฝ์ ์์ฐํ๊ณ ์๋ฌ๊ฐ๋๋ค์. <img src="https://cdn.inflearn.com/public/files
๊ธด๊ธvuejsjavascript์ด๋ฏผํ
ใป
1
327
2
- ๋ฏธํด๊ฒฐ
git checkout ์ค์ ์ง๋ฌธ๋๋ฆฝ๋๋ค.
์๋ ํ์ธ์. ์ด๋ฒ์ vue ํ๋ก์ ํธ๋ฅผ ์ฒดํฌ์์์ ๋ฐ๋๋ฐ modelsํด๋ํ๊ณ style.css๋ ์๋์๊ฐ์ด ํ์ผ๊ณผ ํด๋ ๊ทธ๋๋ก ์ฒดํฌ์์์ด ๋์ง์๋๋ฐ , 'git checkout -f 2-vue/install' ๋ช ๋ น์ด ์ค์ ํน์ ์ถ๊ฐํด์ผํ ๊ฒ์ด ์์๊น์? &
vuejsjavascriptawdsza
ใป
1
302
1
- ๋ฏธํด๊ฒฐ
bindEvent ๋ฉ์๋๋ฅผ ์์ถ๊ฐํ๋์ง ๊ถ๊ธํด์ ์ง๋ฌธ๋๋ฆฝ๋๋ค.
<s
javascriptvuejsawdsza
ใป
2
576
1






