Vue: Fiddle์€ ์ค‘๊ตญ์—์„œ ์—ด ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.๊ณต์‹ ์˜ˆ์ œ๋ฅผ jsbin ๋˜๋Š” codepen์œผ๋กœ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

์— ๋งŒ๋“  2017๋…„ 08์›” 10์ผ  ยท  43์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: vuejs/vue

๋ฒ„์ „

์žฌ์ƒ์‚ฐ ๋งํฌ

https://cn.vuejs.org/v2/examples/modal.html

์žฌํ˜„ ๋‹จ๊ณ„

jsfiddle ๋ฏธ๋ฆฌ๋ณด๊ธฐ๋Š” ์ค‘๊ตญ์—์„œ ์•ก์„ธ์Šคํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

๋ฌด์—‡์„ ๊ธฐ๋Œ€ํ•ฉ๋‹ˆ๊นŒ?

vue ๊ณต์‹ ์›น์‚ฌ์ดํŠธ์˜ ๋ชจ๋“  ์˜ˆ์‹œ๊ฐ€ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ํ‘œ์‹œ๋˜๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค.

์‹ค์ œ๋กœ ๋ฌด์Šจ ์ผ์ด ์ผ์–ด๋‚˜๊ณ  ์žˆ์Šต๋‹ˆ๊นŒ?

์•ก์„ธ์Šคํ•  ์ˆ˜ ์—†๋Š” jsfiddle์€ Vue๋ฅผ ์‚ฌ์šฉํ•  ์ค€๋น„๊ฐ€ ๋œ ๋งŽ์€ ์ž ์žฌ ์‚ฌ์šฉ์ž๋ฅผ ์žƒ๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.


์‹ ์ด ์ด ๋ฌธ์ œ์— ๊ด€์‹ฌ์„ ๊ฐ€์ ธ์ฃผ๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค. Vue์˜ ๋ฐœ์ „์— ๋Œ€ํ•ด ๋งค์šฐ ๋‚™๊ด€์ ์ž…๋‹ˆ๋‹ค. ์–ด์„œ ์˜ค์„ธ์š”.

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

ss๋Š” ์ „์—ญ์ ์œผ๋กœ ์•ก์„ธ์Šคํ•  ์ˆ˜ ์žˆ๋„๋ก ์„ค์ •๋ฉ๋‹ˆ๋‹ค.

๋ชจ๋“  43 ๋Œ“๊ธ€

...๋‹น์‹ ์€ ์–ด๋””์—์„œ ์™”์Šต๋‹ˆ๊นŒ? ์ƒํ•˜์ด๋Š” ์ผ๋ฐ˜์ ์œผ๋กœ ๋ฐฉ๋ฌธํ•˜๊ธฐ์— ๋ฒฝ ๋„ˆ๋จธ์— ์žˆ์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฐ ๋ฌธ์ œ๋Š” ์ฒ˜์Œ ๋“ฃ๋Š”๋ฐ ํ”ํ•œ ํ˜„์ƒ์ด ์•„๋‹ˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

๋‚ด ์ชฝ์˜ ์„ฑ๋Šฅ์€ ๊ฐ„ํ—์ ์ด์—ˆ๊ณ  codepen์€ ๋น„๊ต์  ์•ˆ์ •์ ์ด๋ฉฐ jsbin์€ ๊ฐ€๋” ์—ด๋ฆฌ์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์ด๋Š” ๊ธฐ๋ณธ์ ์œผ๋กœ ์—ด ์ˆ˜ ์—†๊ฑฐ๋‚˜ ๋งค์šฐ ๋Š๋ฆฐ CDN ์ •์  ๋ฆฌ์†Œ์Šค๋กœ ์ธํ•ด ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. ๊ณ„์† ์ง€์ผœ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

@yyx990803 ๋˜ ๋‹ค๋ฅธ ๊ฐ€๋Šฅ์„ฑ์€ ์ปดํ“จํ„ฐ์˜ CDN ์ •์  ๋ฆฌ์†Œ์Šค๊ฐ€ ์บ์‹œ๋˜์–ด ๋Š๋‚Œ์ด ๋ช…ํ™•ํ•˜์ง€ ์•Š๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๋ฒˆ์—ญ: ์ด ๋ฌธ์ œ๋Š” ์ค‘๊ตญ์—์„œ ๊ฐ€๋” ์ฐจ๋‹จ๋˜๋Š” jsfiddle์— ๋Œ€ํ•œ ๊ฒƒ์ž…๋‹ˆ๋‹ค.
๊ฐ์‚ฌ ํ•ด์š”.

์ผ๋ถ€ ๊ตญ๋‚ด ์‚ฌ์—…์ž์˜ ๋„คํŠธ์›Œํฌ๋Š” jsfiddle์„ ์—ด ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.๋‚˜๋Š” ์ „์— ๊ทธ๊ฒƒ์„ ๋งŒ๋‚ฌ๊ณ  codepen์€ ์‹ค์ œ๋กœ ๋น„๊ต์  ์•ˆ์ •์ ์ž…๋‹ˆ๋‹ค.

๋‚˜๋Š” ์—ฌ์ „ํžˆ ๋ฒฝ ๋„ˆ๋จธ๋กœ ๋ฒฝ์„ ์—ด ์ˆ˜ ์—†๋‹ค. ๋‚ด๊ฐ€ ๋ฒฝ ๋„ˆ๋จธ์— ์žˆ๋“  ์—†๋“  ์ƒ๊ด€์ด ์—†๋‹ค.

์ •๋ง ์—ด ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ๋ฒฝ์„ ๋„˜์–ด. Google์€ ๋ชจ๋“  ๊ฒƒ์ด ๋ช‡ ์ดˆ ๋งŒ์— ์—ด๋ฆฝ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ jsfiddle์€ ์—ด๋ฆฌ์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๊ณต์‹ ๋ฐ๋ชจ๋ฅผ ๋ณผ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

๊ฐ™์€ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค.

jsfiddle์€ vue์˜ ๋ฐ๋ชจ๋ฅผ ๋ณผ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ํ‰์ƒ์‹œ์— jsfiddle์„ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด ๋ฒฝ ๋„ˆ๋จธ์— ์žˆ์„ ๋•Œ ์—ด๋ฆฌ์ง€ ์•Š๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ์€ ๊ฒƒ์ด ์‚ฌ์‹ค์ž…๋‹ˆ๋‹ค.๋ญ๊ฐ€ ์ž˜๋ชป๋๋Š”์ง€ ๋ชจ๋ฅด๊ฒ ์–ด

๋‚ด ๊ฒƒ์€ ๋™์ผํ•˜๋ฉฐ Google์„ ๋น ๋ฅด๊ฒŒ ์—ด ์ˆ˜ ์žˆ์ง€๋งŒ jsfiddle์€ ์—ด ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

๊ฐ™์€ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ–ˆ๋Š”๋ฐ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์ด ์žˆ์Šต๋‹ˆ๊นŒ?

์ง€๊ธˆ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์ด ์žˆ์Šต๋‹ˆ๊นŒ?

Screenshot from 2019-03-09 17-10-12

์œ„์™€ ๋™์ผํ•˜๊ฒŒ element์˜ ๋ฌธ์ œ๋ฅผ ์–ธ๊ธ‰ํ–ˆ๋Š”๋ฐ jsfiddle์„ ์—ด ์ˆ˜ ์—†๊ณ  ์ˆ˜์ •ํ•  ์ˆ˜ ์—†๊ธฐ ๋•Œ๋ฌธ์— ๋‹ซํ˜”์Šต๋‹ˆ๋‹ค: cry

์ €ํฌ vps์—์„œ๋Š” ์ ‘์†์ด ๊ฐ€๋Šฅํ•˜์ง€๋งŒ ๊ตญ๋‚ด ํ†ต์‹ ๋ง์—์„œ๋Š” ์ ‘์†์ด ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์šฐ๋ฆฌ๋Š” ํ†ต์‹  ๋„คํŠธ์›Œํฌ์ด๋ฉฐ ์•ก์„ธ์Šคํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

๋ฒฝ ๋„ˆ๋จธ์˜ ๊ธ€๋กœ๋ฒŒ ํ”„๋ก์‹œ๋„ ์—ด๋ฆฌ์ง€ ์•Š์Šต๋‹ˆ๋‹ค. 2019์ž…๋‹ˆ๋‹ค.

์ด๊ฒƒ๊ณผ ๊ฐ™์€ ๋ฌธ์ œ

+1

jsfiddle.net์— ๋ฌด์Šจ ์ผ์ด ์ผ์–ด๋‚˜๊ณ  ์žˆ์Šต๋‹ˆ๊นŒ? ๋ฒฝ์„ ๋’ค์ง‘์ง€ ์•Š๊ณ ๋Š” ์•ก์„ธ์Šค ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

+1 ์•ก์„ธ์Šค ๋ถˆ๊ฐ€

๋ฒฝ ๋„ˆ๋จธ, ์ง€์—ญ์€ ๋ฏธ๊ตญ, ๋‹น์‹ ์€ ๋ฐฉ๋ฌธ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค

๋ฏธ๊ตญ์—์„œ๋Š” ๋ฒฝ์„ ๋„˜์–ด์•ผ ์ ‘๊ทผ์ด ๊ฐ€๋Šฅํ•˜๋ฉฐ, ํ™์ฝฉ์€ ์ ‘๊ทผ์ด ๋ถˆ๊ฐ€ํ•œ ๊ฒƒ์œผ๋กœ ํ…Œ์ŠคํŠธํ–ˆ๋‹ค. . . ์ง„์‹ค ๋œ.

๋‚˜๋Š” ๊ทธ๊ฒƒ์„ ์—ด ์ˆ˜ ์—†๋‹ค, ๊ตฌ๊ธ€์— ๋ฌธ์ œ๊ฐ€ ์—†๋‹ค, ๋‚˜๋Š” jsfiddle.net์„ ์—ด ์ˆ˜ ์—†๊ณ  ๊ทธ๊ฒƒ์— ์ ‘๊ทผํ•  ์ˆ˜ ์—†๋‹ค. ๋‚ด๊ฐ€ ์ด ํŠœํ† ๋ฆฌ์–ผ์„ ์ฝ์„ ๋•Œ: https://cn.vuejs.org/v2/guide/render -function.html# %E6%A8 %A1%E6%9D%BF%E7%BC%96%E8%AF%91 ๋‹ค์Œ ์˜ˆ์ œ๋Š” ํ‘œ์‹œ๋˜์ง€ ์•Š๊ณ  ์ฐธ์กฐ๊ฐ€ jsfiddle.net์ž„์„ ํ™•์ธํ•˜๊ธฐ๋งŒ ํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. codepen.io๋กœ ๋ณ€๊ฒฝํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค. codepen.io ์•ก์„ธ์Šค๋Š” ์ •์ƒ์ž…๋‹ˆ๋‹ค.

๋ฒฝ ๋„ˆ๋จธ๊ฐ€ ์ผœ์ ธ ์žˆ๋Š”๋ฐ jsfiddle๋„ ์—ด๋ฆฌ์ง€ ์•Š๋Š”๋ฐ ์–ด๋–ป๊ฒŒ ํ•ด๊ฒฐํ•˜์…จ๋‚˜์š”? ๊ธด๊ธ‰ํ•œ. . .

์—ด ์ˆ˜ ์—†๋‹ค

์—ด ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค(โ”ฌ๏ผฟโ”ฌ)

์—ด ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. . . +1

๋žœ๊ณผ ๋ณธํ† ๋ฅผ ์šฐํšŒํ•˜๋Š” ์‚ฌ๋‹ค๋ฆฌ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. Google์€ ๋ชจ๋“  ๊ฒƒ์ด ์ž‘๋™ํ•˜๊ณ  jsfiddle์€ ์—ด๋ฆฌ์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋ฉฐ์น  ์ „์—๋Š” ๊ดœ์ฐฎ์•˜๋˜ ๊ฒƒ์œผ๋กœ ๊ธฐ์–ตํ•ฉ๋‹ˆ๋‹ค.

๋‹ค์‹œ ์—…๋ฐ์ดํŠธํ•˜์‹ญ์‹œ์˜ค. . .๋ž˜๋”๋ฅผ ๋ณ€๊ฒฝํ•˜๋ฉด ๋ฏธ๊ตญ ์„œ๋ฒ„์˜ ๋ž˜๋”๋Š” ์—ด ์ˆ˜ ์žˆ์ง€๋งŒ ๋‹ค๋ฅธ ์ง€์—ญ์˜ ๋ž˜๋”๋Š” ์—ด ์ˆ˜ ์—†์œผ๋ฉฐ ๋‚˜๋Š” 2๊ฐœ์˜ ss ์„œ๋ฒ„๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ๊ณ  HK ์„œ๋ฒ„๋Š” ์—ด ์ˆ˜ ์—†์œผ๋ฉฐ ๋ฏธ๊ตญ์˜ ๋‘ ๋ฒˆ์งธ ์„œ๋ฒ„๋Š” ์—ด ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค ์œ„์˜ ๋ถ„๋“ค์—๊ฒŒ ๋„์›€์ด ๋˜์—ˆ์œผ๋ฉด ํ•ฉ๋‹ˆ๋‹ค.

Google์„ ์—ด ์ˆ˜ ์žˆ๋Š”์ง€ ์—ฌ๋ถ€๋ฅผ ํŒ๋‹จํ•˜์ง€ ๋งˆ์‹ญ์‹œ์˜ค.

๋‹ค์‹œ ์—…๋ฐ์ดํŠธํ•˜์‹ญ์‹œ์˜ค. . .๋ž˜๋”๋ฅผ ๋ณ€๊ฒฝํ•˜๋ฉด ๋ฏธ๊ตญ ์„œ๋ฒ„์˜ ๋ž˜๋”๋Š” ์—ด ์ˆ˜ ์žˆ์ง€๋งŒ ๋‹ค๋ฅธ ์ง€์—ญ์˜ ๋ž˜๋”๋Š” ์—ด ์ˆ˜ ์—†์œผ๋ฉฐ ๋‚˜๋Š” 2๊ฐœ์˜ ss ์„œ๋ฒ„๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ๊ณ  HK ์„œ๋ฒ„๋Š” ์—ด ์ˆ˜ ์—†์œผ๋ฉฐ ๋ฏธ๊ตญ์˜ ๋‘ ๋ฒˆ์งธ ์„œ๋ฒ„๋Š” ์—ด ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค ์œ„์˜ ๋ถ„๋“ค์—๊ฒŒ ๋„์›€์ด ๋˜์—ˆ์œผ๋ฉด ํ•ฉ๋‹ˆ๋‹ค.

Google์„ ์—ด ์ˆ˜ ์žˆ๋Š”์ง€ ์—ฌ๋ถ€๋ฅผ ํŒ๋‹จํ•˜์ง€ ๋งˆ์‹ญ์‹œ์˜ค.

๋‚ด ๋ชจ๋ฐ”์ผ ์ปดํ“จํ„ฐ์— ์žˆ๋Š” ๋™์ผํ•œ VPN์ธ ๋Œ€๋งŒ Google Cloud๋ฅผ ํœด๋Œ€์ „ํ™”์—์„œ๋Š” ์—ด ์ˆ˜ ์žˆ์ง€๋งŒ ์ปดํ“จํ„ฐ์—์„œ๋Š” ์—ด ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.
๋ฏธ๊ตญ ์„œ๋ฒ„๋กœ ์ „ํ™˜ํ–ˆ์ง€๋งŒ ์—ฌ์ „ํžˆ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
๊ทธ๋Ÿฌ๋‚˜ ๋‚ด ์ปดํ“จํ„ฐ๋Š” ์ดํ‹€ ์ „์— ์—ฌ์ „ํžˆ ์ผค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋‹ค์‹œ ์—…๋ฐ์ดํŠธํ•˜์‹ญ์‹œ์˜ค. . . ๋ž˜๋”๋ฅผ ๋ณ€๊ฒฝํ•˜๋ฉด ๋ฏธ๊ตญ ์„œ๋ฒ„์˜ ๋ž˜๋”๋Š” ์—ด ์ˆ˜ ์žˆ์ง€๋งŒ ๋‹ค๋ฅธ ์ง€์—ญ์˜ ๋ž˜๋”๋Š” ์—ด ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ์ €๋Š” 2๊ฐœ์˜ ss ์„œ๋ฒ„๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ๊ณ , HK ์„œ๋ฒ„๋Š” ์—ด ์ˆ˜ ์—†์œผ๋ฉฐ, ๋ฏธ๊ตญ์˜ ๋‘ ๋ฒˆ์งธ ๋ž˜๋”๋Š” ์—ด ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค ์œ„์˜ ๋ถ„๋“ค์—๊ฒŒ ํŒ๋‹จ ๊ธฐ์ค€์œผ๋กœ ๋„์›€์ด ๋˜์—ˆ์œผ๋ฉด ํ•ฉ๋‹ˆ๋‹ค.

๋‚ด ๋ชจ๋ฐ”์ผ ์ปดํ“จํ„ฐ์— ์žˆ๋Š” ๋™์ผํ•œ VPN์ธ ๋Œ€๋งŒ Google Cloud๋ฅผ ํœด๋Œ€์ „ํ™”์—์„œ๋Š” ์—ด ์ˆ˜ ์žˆ์ง€๋งŒ ์ปดํ“จํ„ฐ์—์„œ๋Š” ์—ด ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.
๋ฏธ๊ตญ ์„œ๋ฒ„๋กœ ์ „ํ™˜ํ–ˆ์ง€๋งŒ ์—ฌ์ „ํžˆ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
๊ทธ๋Ÿฌ๋‚˜ ๋‚ด ์ปดํ“จํ„ฐ๋Š” ์ดํ‹€ ์ „์— ์—ฌ์ „ํžˆ ์ผค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋ฐฉ๊ธˆ ์‹œ๋„ํ–ˆ๋Š”๋ฐ ์—ฌ์ „ํžˆ ๋™์ผํ•˜๋ฏ€๋กœ ๋ผ์ธ๊ณผ ๊ด€๋ จ์ด์žˆ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ฃ„์†กํ•ฉ๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์—์„œ๋งŒ ๋„์›€์„ ๋“œ๋ฆด ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ œ ๋ฌธ์ œ๋Š” ์•„๋‹Œ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.h์˜ ์—์ด์ „ํŠธ๊ฐ€ ๋‹ค๋ฅธ ์Šคํ…Œ์ด์…˜์„ ์—ด ์ˆ˜ ์žˆ์ง€๋งŒ ๊ทธ๋Š” ์—ด ์ˆ˜ ์—†๋Š” ๊ฒƒ์ด ์‚ฌ์‹ค์ž…๋‹ˆ๋‹ค.

...๋‹น์‹ ์€ ์–ด๋””์—์„œ ์™”์Šต๋‹ˆ๊นŒ? ์ƒํ•˜์ด๋Š” ์ผ๋ฐ˜์ ์œผ๋กœ ๋ฐฉ๋ฌธํ•˜๊ธฐ์— ๋ฒฝ ๋„ˆ๋จธ์— ์žˆ์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฐ ๋ฌธ์ œ๋Š” ์ฒ˜์Œ ๋“ฃ๋Š”๋ฐ ํ”ํ•œ ํ˜„์ƒ์ด ์•„๋‹ˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

์ƒํ•˜์ด์—๋งŒ ๊ฐˆ ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?์‹ฌ์ฒœ์€ ์ ‘๊ทผ์ด ๋ถˆ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. ๊ฝค ํ”ํ•œ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

ElemeFE/์š”์†Œ#14716

ํ•ญ์ €์šฐ์—์„œ ์‚ฌ์šฉํ•˜๋Š” shadowsocks ํ”„๋ก์‹œ๋ฅผ ์—ด ์ˆ˜ ์—†์œผ๋ฉฐ jp, us์˜ ์„œ๋ฒ„๋ฅผ ์—ด ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

ss๋Š” ์ „์—ญ์ ์œผ๋กœ ์•ก์„ธ์Šคํ•  ์ˆ˜ ์žˆ๋„๋ก ์„ค์ •๋ฉ๋‹ˆ๋‹ค.

์ƒํ•˜์ด๋„ ์ ‘๊ทผ ๋ถˆ๊ฐ€

์ €๋„ ๋ชป ์—ด์–ด์š”, ๊ณต์‹ ์˜ˆ์‹œ๋ฅผ ์–ป์„ ์ˆ˜ ์žˆ๋Š” ๋‹ค๋ฅธ ๋ฐฉ๋ฒ•์ด ์žˆ๋‚˜์š”?

๊ณต๋ฌด์›์ด ์ด ๋ฌธ์ œ๋ฅผ ์‹ฌ๊ฐํ•˜๊ฒŒ ๋ฐ›์•„๋“ค์—ฌ์•ผ ํ•˜์ง€ ์•Š๊ฒ ์Šต๋‹ˆ๊นŒ? ? ? ๋ฌด์Šจ ์ƒ๊ฐ์„ ํ•˜๋Š”๊ฑฐ์•ผ! ! ! ํ•ด๊ฒฐ์ฑ…์„ ์ค„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ? ? ?

๋ฏธ๊ตญ์—์„œ๋Š” ๋ฒฝ์„ ๋„˜์–ด์•ผ ์ ‘๊ทผ์ด ๊ฐ€๋Šฅํ•˜๋ฉฐ, ํ™์ฝฉ์€ ์ ‘๊ทผ์ด ๋ถˆ๊ฐ€ํ•œ ๊ฒƒ์œผ๋กœ ํ…Œ์ŠคํŠธํ–ˆ๋‹ค. . . ์ง„์‹ค ๋œ.

image

๊ฐ‘์ž๊ธฐ ์—ด๋ฆฌ์ง€ ์•Š์•„ ์œ„์˜ ํ…Œ์ŠคํŠธ๋ฅผ ํ•ด๋ณด๋‹ˆ ํ™์ฝฉ์—์„œ jsfiddle์„ pingํ•  ์ˆ˜ ์—†๋‹ค๋Š” ๊ฒƒ์„ ์•Œ๊ฒŒ ๋˜์—ˆ๊ณ  ์›น์‚ฌ์ดํŠธ์—์„œ ์ฐจ๋‹จํ•œ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.
jsfiddle ์ธก๋ฉด์ด์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

ss๋Š” ์ „์—ญ์ ์œผ๋กœ ์•ก์„ธ์Šคํ•  ์ˆ˜ ์žˆ๋„๋ก ์„ค์ •๋ฉ๋‹ˆ๋‹ค.

์ด๋ ‡๊ฒŒ ์—ด์–ด๋ณด๋‹ˆ

์ด ์Šค๋ ˆ๋“œ๋ฅผ ๋™๊ธฐํ™”ํ•˜์‹ญ์‹œ์˜ค. ํ˜„์žฌ Vue ๊ณต์‹ ๋ฌธ์„œ์˜ ์ค‘๊ตญ์–ด ๋ฐ ์˜์–ด ๋ฒ„์ „์˜ ์ฝ”๋“œ ์˜ˆ์ œ๋Š” ๋ชจ๋‘ JSFiddle์—์„œ codesandbox๋กœ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์˜ˆ: https://cn.vuejs.org/v2/examples/
์ง€๊ธˆ๊นŒ์ง€๋Š” ์ค‘๊ตญ์—์„œ ์ฝ”๋“œ์ƒŒ๋“œ๋ฐ•์Šค์— ๋Œ€ํ•œ ์•ก์„ธ์Šค๊ฐ€ ์ƒ๋‹นํžˆ ์•ˆ์ •์ ์ด์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๋” ๋‚˜์€ ํ”„๋ ˆ์  ํ…Œ์ด์…˜ ๋ฐ ๋ฐฐํฌ ๋ฐฉ๋ฒ•์„ ๊ณ„์†ํ•ด์„œ ๊ณ ๋ คํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.๊ฐ์‚ฌ ํ•ด์š”

๋ถ์ชฝ์—์„œ VPN์„ ์—ด๊ณ  ๋Š๋Š” ๊ฒƒ์€ ์ •๋ง ์–ด๋ ต์Šต๋‹ˆ๋‹ค.

Northern Unicom์€ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ๋งํ–ˆ์Šต๋‹ˆ๋‹ค: jsfiddle.net์€ ์‹ค์ œ๋กœ ์—ด ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. . .

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰