๋ชฉ๋ก๐ Vue (2)
๐ค ์์งlog ๐ค
๊ฒ์ํ 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..
React ์ํด์ด์์ง๋ง ๋ฌ๋์ปค๋ธ๊ฐ ๋ฎ๊ณ ์ฝ๋ค๋ ์๊ธฐ์ vue ๊ณต๋ถ๋ฅผ ์์ํด ๋ดค๋๋ฐ ๋จ๋ ๐น ๋๋ฌด ์ฝ์๋,, ๊ฐ๋จํด ,, ์ด๊ฒ ๋ญ๋ ,, ์ ์ด์ ์ ๊ฑฐ์ง ,, ๋ฌผ๋ก ๋ฆฌ์กํธ๋งํผ ๊น๊ฒ ํ๊ณ ๋ ๊ฑด ์๋์ง๋ง ๊ณต๋ถํ๋ ๋ด๋ด ์ฌ๋ฏธ์์๋ค ใ _ใ ! ์ฝ๋ฉ์ ํ๋ ๊ฐ์ ์ค ๋ฌด๋ฃ๊ฐ์ ๋ถ๋ถ๋ง ๋ณด๊ณ ์กฐ๊ธ ๊ณต๋ถํด ๋ดค๋ค. ๐ ๋ฐ์ดํฐ ๋ฐ์ธ๋ฉ { { } } : 1. script ํ๊ทธ ๋ด์ data( ){ return { } } ๋ฐ์ดํฐ์ ์ฅ์๋ฅผ ๋ง๋ค์ด ๋๊ณ object์๋ฃ ํ์์ผ๋ก ์์ฑ ํ { { ๋ฐ์ดํฐ์ด๋ฆ } } 2. HTMLํ๊ทธ ์์ฑ๋ ๋ฐ์ดํฐ๋ฐ์ธ๋ฉ๊ฐ๋ฅ -> ์์ฑ ์์ : ๋ถ์ฌ์ฃผ๋ฉด ๋จ ex) :์์ฑ="๋ฐ์ดํฐ์ด๋ฆ" {{ products[0] }} ๐ 70๋ง์ {{ products[1] }} 50๋ง์ {{ products[2] }} 100๋ง์ ..