๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
728x90
๋ฐ˜์‘ํ˜•

๋ฆฌ์•กํŠธ๊ฐ•์˜4

[ํ•œ์ž… ํฌ๊ธฐ๋กœ ์ž˜๋ผ ๋จน๋Š” ๋ฆฌ์•กํŠธ] - React.js ์ž…๋ฌธ 3 ๊ฐ•์˜ - Section 5 : React.js ์ž…๋ฌธ์œ ๋ฐ๋ฏธ : https://www.udemy.com/course/winterlood-react-basic/์ธํ”„๋Ÿฐ :   [2024] ํ•œ์ž… ํฌ๊ธฐ๋กœ ์ž˜๋ผ ๋จน๋Š” ๋ฆฌ์•กํŠธ(React.js) : ๊ธฐ์ดˆ๋ถ€ํ„ฐ ์‹ค์ „๊นŒ์ง€ ๊ฐ•์˜ | ์ด์ •ํ™˜ Winterlood - ์ธํ”„๋Ÿฐ์ด์ •ํ™˜ Winterlood | ๊ฐœ๋…๋ถ€ํ„ฐ ๋…ํŠนํ•œ ํ”„๋กœ์ ํŠธ๊นŒ์ง€ ํ•จ๊ป˜ ๋‹ค๋ค„๋ณด๋ฉฐ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์™€ ๋ฆฌ์•กํŠธ๋ฅผ ์ด ๊ฐ•์˜๋กœ ํ•œ ๋ฒˆ์— ๋๋‚ด์š”. ํ•™์Šต์€ ์งง๊ฒŒ, ์‘์šฉ์€ ๊ธธ๊ฒŒ 17์‹œ๊ฐ„ ๋ถ„๋Ÿ‰์˜ All-in-one ๊ฐ•์˜!, ๋ฆฌ์•กํŠธ, ํ•œ ๊ฐ•์˜๋กœwww.inflearn.com   React.js ์ž…๋ฌธState๋กœ ์‚ฌ์šฉ์ž ์ž…๋ ฅ ๊ด€๋ฆฌํ•˜๊ธฐ * ๊ฐ„๋‹จํ•œ ํšŒ์›๊ฐ€์ž… ํผ์„ ๋งŒ๋“ค์–ด ๋ณด์ž. /* ๊ฐ„๋‹จํ•œ ํšŒ์› ๊ฐ€์ž… ํผ 1. ์ด๋ฆ„ 2. ์ƒ๋…„์›”์ผ 3. ๊ตญ์  4... 2024. 11. 25.
[ํ•œ์ž… ํฌ๊ธฐ๋กœ ์ž˜๋ผ ๋จน๋Š” ๋ฆฌ์•กํŠธ] - React.js ์ž…๋ฌธ 1 ๊ฐ•์˜ - Section 5 : React.js ์ž…๋ฌธ์œ ๋ฐ๋ฏธ : https://www.udemy.com/course/winterlood-react-basic/์ธํ”„๋Ÿฐ :  [2024] ํ•œ์ž… ํฌ๊ธฐ๋กœ ์ž˜๋ผ ๋จน๋Š” ๋ฆฌ์•กํŠธ(React.js) : ๊ธฐ์ดˆ๋ถ€ํ„ฐ ์‹ค์ „๊นŒ์ง€ ๊ฐ•์˜ | ์ด์ •ํ™˜ Winterlood - ์ธํ”„๋Ÿฐ์ด์ •ํ™˜ Winterlood | ๊ฐœ๋…๋ถ€ํ„ฐ ๋…ํŠนํ•œ ํ”„๋กœ์ ํŠธ๊นŒ์ง€ ํ•จ๊ป˜ ๋‹ค๋ค„๋ณด๋ฉฐ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์™€ ๋ฆฌ์•กํŠธ๋ฅผ ์ด ๊ฐ•์˜๋กœ ํ•œ ๋ฒˆ์— ๋๋‚ด์š”. ํ•™์Šต์€ ์งง๊ฒŒ, ์‘์šฉ์€ ๊ธธ๊ฒŒ 17์‹œ๊ฐ„ ๋ถ„๋Ÿ‰์˜ All-in-one ๊ฐ•์˜!, ๋ฆฌ์•กํŠธ, ํ•œ ๊ฐ•์˜๋กœwww.inflearn.com  React.js ์ž…๋ฌธ์‹ค์Šต ์ค€๋น„ํ•˜๊ธฐ 1. ESLint ์„ค์น˜  1.1 ์„ค์น˜ ํ›„ eslint.config.js ํŒŒ์ผ rules์— ๋งจ ์•„๋ž˜ ๋‘์ค„ ์ถ”๊ฐ€ - "no-unused-var.. 2024. 11. 19.
[ํ•œ์ž… ํฌ๊ธฐ๋กœ ์ž˜๋ผ ๋จน๋Š” ๋ฆฌ์•กํŠธ] - React.js ๊ฐœ๋ก  ๊ฐ•์˜ - Section 4 : React.js ๊ฐœ๋ก ์œ ๋ฐ๋ฏธ : https://www.udemy.com/course/winterlood-react-basic/์ธํ”„๋Ÿฐ :  [2024] ํ•œ์ž… ํฌ๊ธฐ๋กœ ์ž˜๋ผ ๋จน๋Š” ๋ฆฌ์•กํŠธ(React.js) : ๊ธฐ์ดˆ๋ถ€ํ„ฐ ์‹ค์ „๊นŒ์ง€ ๊ฐ•์˜ | ์ด์ •ํ™˜ Winterlood - ์ธํ”„๋Ÿฐ์ด์ •ํ™˜ Winterlood | ๊ฐœ๋…๋ถ€ํ„ฐ ๋…ํŠนํ•œ ํ”„๋กœ์ ํŠธ๊นŒ์ง€ ํ•จ๊ป˜ ๋‹ค๋ค„๋ณด๋ฉฐ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์™€ ๋ฆฌ์•กํŠธ๋ฅผ ์ด ๊ฐ•์˜๋กœ ํ•œ ๋ฒˆ์— ๋๋‚ด์š”. ํ•™์Šต์€ ์งง๊ฒŒ, ์‘์šฉ์€ ๊ธธ๊ฒŒ 17์‹œ๊ฐ„ ๋ถ„๋Ÿ‰์˜ All-in-one ๊ฐ•์˜!, ๋ฆฌ์•กํŠธ, ํ•œ ๊ฐ•์˜๋กœwww.inflearn.com React.js ๊ฐœ๋ก 1. React.js ์†Œ๊ฐœ * React์˜ ํŠน์ง•1. ์ปดํฌ๋„ŒํŠธ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ UI๋ฅผ ํ‘œํ˜„ํ•œ๋‹ค : ๋ฆฌ์•กํŠธ๋Š” ์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜ ์•„ํ‚คํ…์ณ๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค. ์ด๋Š” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด.. 2024. 11. 15.
[React] ReactJS๋กœ ์˜ํ™” ์›น ์„œ๋น„์Šค ๋งŒ๋“ค๊ธฐ (STATE #1) * ๋…ธ๋งˆ๋“œ์ฝ”๋” ๊ฐ•์˜ ์ •๋ฆฌ ๊ธ€ ์ž…๋‹ˆ๋‹ค. ReactJS๋กœ ์˜ํ™” ์›น ์„œ๋น„์Šค ๋งŒ๋“ค๊ธฐ โ€“ ๋…ธ๋งˆ๋“œ ์ฝ”๋” Nomad Coders React for Beginners nomadcoders.co STATE 1 - ์ด์ „ ๊ฐ•์˜์— ์ด์–ด์„œ ๊ณ„์† - ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด ์ˆซ์ž๊ฐ€ ์นด์šดํŠธ ๋˜๋Š” ํ”„๋กœ๊ทธ๋žจ์„ ๋งŒ๋“œ๋Š” ์ค‘ 1. React.js (๋ฆฌ๋ Œ๋”๋ง ํ•˜๋Š” ๋ฐฉ๋ฒ•) - ์šฐ๋ฆฌํ•œํ…Œ ์–ด๋–ค๊ฒŒ ํ•„์š”ํ•˜๊ณ , ์–ด๋–ค๊ฑธ ํ•ด์•ผํ•˜๋Š”์ง€ ์ดํ•ดํ•˜๊ธฐ ์œ„ํ•ด ์•ˆ ์ข‹์€ ๋ฐฉ๋ฒ•๋ถ€ํ„ฐ ์‹œ์ž‘ - ์ด๋ ‡๊ฒŒ ์ฝ”๋“œ๋ฅผ ์งœ๊ณ  ์‹คํ–‰ํ•˜๊ฒŒ ๋˜๋ฉด ์‹ค์ œ๋กœ counter์˜ ๊ฐ’์€ ์ฆ๊ฐ€ํ•˜์ง€๋งŒ UI๊ฐ€ ์—…๋ฐ์ดํŠธ ๋˜์ง€ ์•Š์•„ 0์œผ๋กœ ๋ณด์ธ๋‹ค. (์ด์œ ๋Š” ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋‹จ ํ•œ ๋ฒˆ๋งŒ ๋ Œ๋”๋ง ํ•˜๊ณ  ์žˆ๊ธฐ ๋•Œ๋ฌธ) - ๋™์ž‘์„ ์‚ดํŽด๋ณด๋ฉด, 1. ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ ์‹คํ–‰ โž” ํŽ˜์ด์ง€ ๋กœ๋“œ 2. countUp(), Container()๋Š” ํ•จ์ˆ˜์ด๊ธฐ ๋•Œ๋ฌธ์—.. 2024. 2. 22.
728x90
๋ฐ˜์‘ํ˜•