https://cn.vuejs.org/v2/examples/modal.html
jsfiddle ๋ฏธ๋ฆฌ๋ณด๊ธฐ๋ ์ค๊ตญ์์ ์ก์ธ์คํ ์ ์์ต๋๋ค.
vue ๊ณต์ ์น์ฌ์ดํธ์ ๋ชจ๋ ์์๊ฐ ์ฌ๋ฐ๋ฅด๊ฒ ํ์๋๊ธฐ๋ฅผ ๋ฐ๋๋๋ค.
์ก์ธ์คํ ์ ์๋ jsfiddle์ Vue๋ฅผ ์ฌ์ฉํ ์ค๋น๊ฐ ๋ ๋ง์ ์ ์ฌ ์ฌ์ฉ์๋ฅผ ์๊ฒ ๋ฉ๋๋ค.
์ ์ด ์ด ๋ฌธ์ ์ ๊ด์ฌ์ ๊ฐ์ ธ์ฃผ๊ธฐ๋ฅผ ๋ฐ๋๋๋ค. Vue์ ๋ฐ์ ์ ๋ํด ๋งค์ฐ ๋๊ด์ ์ ๋๋ค. ์ด์ ์ค์ธ์.
...๋น์ ์ ์ด๋์์ ์์ต๋๊น? ์ํ์ด๋ ์ผ๋ฐ์ ์ผ๋ก ๋ฐฉ๋ฌธํ๊ธฐ์ ๋ฒฝ ๋๋จธ์ ์์ง ์์ต๋๋ค. ์ด๋ฐ ๋ฌธ์ ๋ ์ฒ์ ๋ฃ๋๋ฐ ํํ ํ์์ด ์๋์ด์ผ ํฉ๋๋ค.
๋ด ์ชฝ์ ์ฑ๋ฅ์ ๊ฐํ์ ์ด์๊ณ codepen์ ๋น๊ต์ ์์ ์ ์ด๋ฉฐ jsbin์ ๊ฐ๋ ์ด๋ฆฌ์ง ์์ต๋๋ค. ์ด๋ ๊ธฐ๋ณธ์ ์ผ๋ก ์ด ์ ์๊ฑฐ๋ ๋งค์ฐ ๋๋ฆฐ CDN ์ ์ ๋ฆฌ์์ค๋ก ์ธํด ๋ฐ์ํฉ๋๋ค. ๊ณ์ ์ง์ผ๋ณด๊ฒ ์ต๋๋ค.
@yyx990803 ๋ ๋ค๋ฅธ ๊ฐ๋ฅ์ฑ์ ์ปดํจํฐ์ CDN ์ ์ ๋ฆฌ์์ค๊ฐ ์บ์๋์ด ๋๋์ด ๋ช ํํ์ง ์๋ค๋ ๊ฒ์ ๋๋ค.
๋ฒ์ญ: ์ด ๋ฌธ์ ๋ ์ค๊ตญ์์ ๊ฐ๋ ์ฐจ๋จ๋๋ jsfiddle์ ๋ํ ๊ฒ์
๋๋ค.
๊ฐ์ฌ ํด์.
์ผ๋ถ ๊ตญ๋ด ์ฌ์ ์์ ๋คํธ์ํฌ๋ jsfiddle์ ์ด ์ ์์ต๋๋ค.๋๋ ์ ์ ๊ทธ๊ฒ์ ๋ง๋ฌ๊ณ codepen์ ์ค์ ๋ก ๋น๊ต์ ์์ ์ ์ ๋๋ค.
๋๋ ์ฌ์ ํ ๋ฒฝ ๋๋จธ๋ก ๋ฒฝ์ ์ด ์ ์๋ค. ๋ด๊ฐ ๋ฒฝ ๋๋จธ์ ์๋ ์๋ ์๊ด์ด ์๋ค.
์ ๋ง ์ด ์ ์์ต๋๋ค. ๋ฒฝ์ ๋์ด. Google์ ๋ชจ๋ ๊ฒ์ด ๋ช ์ด ๋ง์ ์ด๋ฆฝ๋๋ค. ๊ทธ๋ฌ๋ jsfiddle์ ์ด๋ฆฌ์ง ์์ต๋๋ค. ๊ณต์ ๋ฐ๋ชจ๋ฅผ ๋ณผ ์ ์์ต๋๋ค.
๊ฐ์ ๋ฌธ์ ๊ฐ ๋ฐ์ํ์ต๋๋ค.
jsfiddle์ vue์ ๋ฐ๋ชจ๋ฅผ ๋ณผ ๋ฟ๋ง ์๋๋ผ ํ์์์ jsfiddle์ ์ฌ์ฉํ๊ธฐ ์ํด ๋ฒฝ ๋๋จธ์ ์์ ๋ ์ด๋ฆฌ์ง ์๋ ๊ฒฝ์ฐ๊ฐ ๋ง์ ๊ฒ์ด ์ฌ์ค์ ๋๋ค.๋ญ๊ฐ ์๋ชป๋๋์ง ๋ชจ๋ฅด๊ฒ ์ด
๋ด ๊ฒ์ ๋์ผํ๋ฉฐ Google์ ๋น ๋ฅด๊ฒ ์ด ์ ์์ง๋ง jsfiddle์ ์ด ์ ์์ต๋๋ค.
๊ฐ์ ๋ฌธ์ ๊ฐ ๋ฐ์ํ๋๋ฐ ํด๊ฒฐ ๋ฐฉ๋ฒ์ด ์์ต๋๊น?
์ง๊ธ ํด๊ฒฐ ๋ฐฉ๋ฒ์ด ์์ต๋๊น?
์์ ๋์ผํ๊ฒ 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๋ ์ ์ญ์ ์ผ๋ก ์ก์ธ์คํ ์ ์๋๋ก ์ค์ ๋ฉ๋๋ค.
์ํ์ด๋ ์ ๊ทผ ๋ถ๊ฐ
์ ๋ ๋ชป ์ด์ด์, ๊ณต์ ์์๋ฅผ ์ป์ ์ ์๋ ๋ค๋ฅธ ๋ฐฉ๋ฒ์ด ์๋์?
๊ณต๋ฌด์์ด ์ด ๋ฌธ์ ๋ฅผ ์ฌ๊ฐํ๊ฒ ๋ฐ์๋ค์ฌ์ผ ํ์ง ์๊ฒ ์ต๋๊น? ? ? ๋ฌด์จ ์๊ฐ์ ํ๋๊ฑฐ์ผ! ! ! ํด๊ฒฐ์ฑ ์ ์ค ์ ์์ต๋๊น? ? ?
๋ฏธ๊ตญ์์๋ ๋ฒฝ์ ๋์ด์ผ ์ ๊ทผ์ด ๊ฐ๋ฅํ๋ฉฐ, ํ์ฝฉ์ ์ ๊ทผ์ด ๋ถ๊ฐํ ๊ฒ์ผ๋ก ํ ์คํธํ๋ค. . . ์ง์ค ๋.
๊ฐ์๊ธฐ ์ด๋ฆฌ์ง ์์ ์์ ํ
์คํธ๋ฅผ ํด๋ณด๋ ํ์ฝฉ์์ jsfiddle์ pingํ ์ ์๋ค๋ ๊ฒ์ ์๊ฒ ๋์๊ณ ์น์ฌ์ดํธ์์ ์ฐจ๋จํ ๊ฒ ๊ฐ์ต๋๋ค.
jsfiddle ์ธก๋ฉด์ด์ด์ผ ํฉ๋๋ค.
ss๋ ์ ์ญ์ ์ผ๋ก ์ก์ธ์คํ ์ ์๋๋ก ์ค์ ๋ฉ๋๋ค.
์ด๋ ๊ฒ ์ด์ด๋ณด๋
์ด ์ค๋ ๋๋ฅผ ๋๊ธฐํํ์ญ์์ค. ํ์ฌ Vue ๊ณต์ ๋ฌธ์์ ์ค๊ตญ์ด ๋ฐ ์์ด ๋ฒ์ ์ ์ฝ๋ ์์ ๋ ๋ชจ๋ JSFiddle์์ codesandbox๋ก ๋ง์ด๊ทธ๋ ์ด์
๋์์ต๋๋ค. ์: https://cn.vuejs.org/v2/examples/
์ง๊ธ๊น์ง๋ ์ค๊ตญ์์ ์ฝ๋์๋๋ฐ์ค์ ๋ํ ์ก์ธ์ค๊ฐ ์๋นํ ์์ ์ ์ด์ด์ผ ํฉ๋๋ค. ๋ ๋์ ํ๋ ์ ํ
์ด์
๋ฐ ๋ฐฐํฌ ๋ฐฉ๋ฒ์ ๊ณ์ํด์ ๊ณ ๋ คํ ๊ฒ์
๋๋ค.๊ฐ์ฌ ํด์
๋ถ์ชฝ์์ VPN์ ์ด๊ณ ๋๋ ๊ฒ์ ์ ๋ง ์ด๋ ต์ต๋๋ค.
Northern Unicom์ ๋ค์๊ณผ ๊ฐ์ด ๋งํ์ต๋๋ค: jsfiddle.net์ ์ค์ ๋ก ์ด ์ ์์ต๋๋ค. . .
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
ss๋ ์ ์ญ์ ์ผ๋ก ์ก์ธ์คํ ์ ์๋๋ก ์ค์ ๋ฉ๋๋ค.