๋ชฉ๋กVue (2)
๐ค ์์งlog ๐ค
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/mwWSR/btszeh1WMXz/Fa3BJSoYkdKyUCgdPqorU1/img.gif)
๊ฒ์ํ css๋ bootstrap์ ์ฌ์ฉํ์๊ณ ์ด ๊ธ์ crud๊ณผ์ ๋ง ์ ๋ฆฌํ ๊ธ ์๋ฏธ๋ฑ.. !๐ ๐ json-server RestApi๋ json-server์ ์ฌ์ฉํ์ต๋๋ค ! GitHub - typicode/json-server: Get a full fake REST API with zero coding in less than 30 seconds (seriously) Get a full fake REST API with zero coding in less than 30 seconds (seriously) - GitHub - typicode/json-server: Get a full fake REST API with zero coding in less than 30 seconds (seriously) g..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/pXIP5/btsyTtN3qTf/UvcB3I1kPlth2YuGiBOhz1/img.gif)
React ์ํด์ด์์ง๋ง ๋ฌ๋์ปค๋ธ๊ฐ ๋ฎ๊ณ ์ฝ๋ค๋ ์๊ธฐ์ vue ๊ณต๋ถ๋ฅผ ์์ํด ๋ดค๋๋ฐ ๋จ๋ ๐น ๋๋ฌด ์ฝ์๋,, ๊ฐ๋จํด ,, ์ด๊ฒ ๋ญ๋ ,, ์ ์ด์ ์ ๊ฑฐ์ง ,, ๋ฌผ๋ก ๋ฆฌ์กํธ๋งํผ ๊น๊ฒ ํ๊ณ ๋ ๊ฑด ์๋์ง๋ง ๊ณต๋ถํ๋ ๋ด๋ด ์ฌ๋ฏธ์์๋ค ใ _ใ ! ์ฝ๋ฉ์ ํ๋ ๊ฐ์ ์ค ๋ฌด๋ฃ๊ฐ์ ๋ถ๋ถ๋ง ๋ณด๊ณ ์กฐ๊ธ ๊ณต๋ถํด ๋ดค๋ค. ๐ ๋ฐ์ดํฐ ๋ฐ์ธ๋ฉ { { } } : 1. script ํ๊ทธ ๋ด์ data( ){ return { } } ๋ฐ์ดํฐ์ ์ฅ์๋ฅผ ๋ง๋ค์ด ๋๊ณ object์๋ฃ ํ์์ผ๋ก ์์ฑ ํ { { ๋ฐ์ดํฐ์ด๋ฆ } } 2. HTMLํ๊ทธ ์์ฑ๋ ๋ฐ์ดํฐ๋ฐ์ธ๋ฉ๊ฐ๋ฅ -> ์์ฑ ์์ : ๋ถ์ฌ์ฃผ๋ฉด ๋จ ex) :์์ฑ="๋ฐ์ดํฐ์ด๋ฆ" {{ products[0] }} ๐ 70๋ง์ {{ products[1] }} 50๋ง์ {{ products[2] }} 100๋ง์ ..