728x90 ๋ฐ์ํ React ์๋ฆฌ์ฆ๐19 ๐ฟReactJS๋ก ์ํ ์น ์๋น์ค ๋ง๋ค๊ธฐ - ํ๊ธฐ๐ฟ 1. ์์์๊ฐ : 2~3์ผ ์ ๋ ๊ฑธ๋ฆฐ๊ฒ ๊ฐ๋ค. 2. ๋์ด๋ : reactJS ์ ๊ฐ๋ ๋ถ์กฑ์ด ๋๊ปด์ก์์๋ ํด๋ก ์ฝ๋ฉ๋ง์ ์ฅ์ ์ผ๋ก ๋๊น์ง ๋ฐ๋ผ ๊ฐ ์ ์์๋ค. 3. ๋๋์ : ๋๋ฆ ๋์์ง ์์๊ณ , ๋ง์ด ๋ฐฐ์ ๋๊ฑฐ ๊ฐ๊ณ ,,, ๋ ๋ค์ ๋ค์ด์ผ ๋๊ฒ ๋ค๋ ๋๋์ด ํ ๋ค์๋ค.ใ ใ ๋ฐ๋ณตํ์ต์ด ์ต๊ณ !! ์ต๊ณ !! -////ํด๋ก ์ฝ๋ฉ์ด๋ผ๋ ๋ฐ๋ผํ๋ฉด์ ์ค๋ฅ์ ๋ฐ๋ณต์ผ๋ก ์๊ฐ์ด ์ข ๊ฑธ๋ฆฌ๊ณ ,, ๊ฐ๋ ๋ถ์กฑ์ผ๋ก ์ดํดํ๋๋ฐ ์๊ฐ์ด ๊ฑธ๋ฆฌ๊ณ ,, (๊ทธ๋ฅ ๋๊ธด๊ฒ๋ ์๊ณ ) 4. ๊ฒฐ๋ก : ๊ฐ์ ์ตํ ๋๋? ์ด๋ ๊ฒ ํ๋ก์ ํธ ํ ํ, ๊ฐ๋ ๊ณต๋ถํ๋๊น ์~ ์ด๊ฒ ์ฌ๊ธฐ์ ์ด๋ ๊ฒํด์ ์ฌ์ฉ๋์๊ตฌ๋~ ๊ฐ ๋จ! 5. ์ถ๋ ฅ ๊ฒฐ๊ณผ : ์๋ฃ์ฆ ์ธ์ฆ~ใ 2021. 8. 21. ๐ฟ์ค๋ ๊ณต๋ถํ ๊ฒ (์ ๋ฆฌ x)๐ฟ ์ ๋ฆฌํ๋ฉด์ ๊ธ ์์ฑ์ ์๊ฐ์ด ๋๋ฌด ๊ฑธ๋ฆด๊ฑฐ ๊ฐ์์ ๊ทธ๋ฅ ์ฝ๋ ๋ ์ถ๋ ฅ๊ฒฐ๊ณผ๋ฅผ ์์ฃผ๋ก ์ฌ๋ฆฝ๋๋ค. - ๊ณต๋ถ์ ๋ชฉ์ ์ ๊ธ ์์ฑ์ด ์๋ ์ดํด๊ฐ ์ฐ์ ! 1. ์ด๋ป๊ฒ object list(๊ฐ์ฒด ๋ฆฌ์คํธ)๋ฅผ ๊ฐ์ ธ์ค๋์ง! ์ค์ง JS ์ object(๊ฐ์ฒด) ๋ค๋ง 2. map ์ด ํ๋๊ฒ์ rendering ํ์ง๋ง array ๋ก๋ถํฐ ์ฐ๋ฆฌ์๊ฒ array๋ฅผ ์ค๋ค. 3. map ์ array ์ ๊ฐ item์์ function์ ์คํํ๋ array๋ฅผ ๊ฐ์ง๋ javaScript fuction ์ด๋ค. ๊ทธ function์ result ๋ฅผ ๊ฐ๋ array๋ฅผ ๋์๊ฒ ์ค.' map ์ ๊ฐ๊ฐ item ๋ณ๋ก function ์ ํธ์ถํจ. item ์ด๋ฆ: dish ( //props ))} ); } export default App; //food co.. 2021. 8. 20. React Style component ๊ณต๋ถ ์์ https://www.youtube.com/watch?v=MqGxMOhPqeI&list=PL7jH19IHhOLNUIOJcGj6egl-dNB-QXjEm 2021. 8. 20. ๐ฟReact JS ๋ก ์ํ ์น ์๋น์ค ๋ง๋ค๊ธฐ - #2.1 props ์ ๋ํด 1. compoent ์ ์ ๋ณด๋ฅผ ๋ณด๋ผ ์ ์๋ค. 2. react ๋ ์ฌ์ฌ์ฉ ๊ฐ๋ฅํ component ๋ฅผ ๋ง๋ค ์ ์๋ค๋ ์ . (== component ๋ฅผ ๊ณ์ํด์ ๋ฐ๋ณตํด์ ์ฌ์ฉํ ์ ์๋๊ฒ) 3. component ์์ component๋ก children component๋ก ์ ๋ณด๋ฅผ ๋ณด๋ด๋ ๋ฐฉ๋ฒ์๋ํด์ ์์๋ณด์! 4. es6๋ JavaScript ์ ์ต์ ๋ฒ์ ์ด๋ค. 5. component ๋ ๋๋ฌธ์๋ก ์์ํด์ผํจ (ex: Food) , component ๋ก ์ ๋ณด๋ฅผ ๋ณด๋ผ์ ์์. 6. props ๋ ์ด๋ ๊ฒ component ์ ๋ฃ๊ฒ ๋๋ ๊ฒ๋ค์ props ๋ผ๊ณ ํจ. 7. props ๋ argument ๋ก ๊ฐ ์ด๋ ๊ฒ props ๋ด๋ถ์ fav ๋ฅผ ๊ฐ์ ธ์๋ ๋จ. 2021. 8. 19. ์ด์ 1 2 3 4 5 ๋ค์ 728x90 ๋ฐ์ํ