Home

You Might Want to Compare These

๊ฐ€์žฅ ๋น ๋ฅด๊ฒŒ React ๋ฅผ ์‹œ์ž‘ํ•  ์ˆ˜ ์žˆ๋Š” React ์ž…๋ฌธ ClassWeb ยท Front Endย ย |ย ย Frank

โœจ ใ€ŽReact ์ฐ๋จน๋ฐ˜๐Ÿก: ๊ฐ€๋ณ๊ฒŒ ์‹œ์ž‘ํ•ด ํฌํด๊นŒ์ง€ ์ฑ™๊ธฐ๊ธฐใ€ ๊ฐ•์˜ ์†Œ๊ฐœ โœจ

โ—๏ธ์›น ๊ฐœ๋ฐœ, React๋กœ ์‹œ์ž‘ํ•˜๊ณ  ์‹ถ์€๋ฐ ์–ด๋””์„œ๋ถ€ํ„ฐ ํ•ด์•ผ ํ• ์ง€ ๋ง‰๋ง‰ํ•˜๋‹ค๋ฉด?

โ—๏ธReact๋ฅผ ๋ฐฐ์›Œ์•ผํ•˜๋Š”๋ฐ ์‹œ๊ฐ„์  ์—ฌ์œ ๊ฐ€ ๋งŽ์ง€ ์•Š์•„์„œ ๊ธฐ์ดˆ๋งŒ ์–ผ๋ฅธ ๋ฐฐ์šธ ์ˆ˜ ์žˆ๋Š” ๊ฐ•์˜๋ฅผ ์ฐพ์œผ์‹ ๋‹ค๋ฉด?

๋ณธ ๊ฐ•์˜๋Š” ์›น ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์— ์ฒซ๋ฐœ์„ ๋‚ด๋”›๋Š” ์ดˆ๊ธ‰ ๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ ์ตœ๊ณ ์˜ ์„ ํƒ์ž…๋‹ˆ๋‹ค. ๋ฆฌ์•กํŠธ์˜ ํ•ต์‹ฌ ๊ฐœ๋…์„ ์‰ฝ๊ณ  ์žฌ๋ฏธ์žˆ๊ฒŒ ๋ฐฐ์›Œ, ๋‚ด ์†์œผ๋กœ ์ง์ ‘ ์›น์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“œ๋Š” ๊ฒฝํ—˜์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.


๐Ÿš€ ์ด ๊ฐ•์˜์—์„œ ์–ด๋–ค ๊ฑธ ๋ฐฐ์šฐ๋‚˜์š”?

  • ๋ฆฌ์•กํŠธ ๊ธฐ์ดˆ ๊ฐœ๋…๊ณผ JSX๋ฅผ ํ™œ์šฉํ•œ ํ™”๋ฉด ๊ตฌ์„ฑ ๋ฐฉ๋ฒ•

  • ์ปดํฌ๋„ŒํŠธ๋กœ ์ฝ”๋“œ๋ฅผ ๊น”๋”ํ•˜๊ฒŒ ๊ด€๋ฆฌํ•˜๊ณ  ์žฌ์‚ฌ์šฉํ•˜๋Š” ๋ฒ•

  • ์ƒํƒœ(state)์™€ ์ด๋ฒคํŠธ๋ฅผ ์ด์šฉํ•ด ์ƒ๋™๊ฐ ์žˆ๋Š” ์›น์‚ฌ์ดํŠธ ๋งŒ๋“ค๊ธฐ

  • useEffect๋ฅผ ์‚ฌ์šฉํ•ด ์ž๋™์œผ๋กœ ์‹คํ–‰๋˜๋Š” ๊ธฐ๋Šฅ ๊ตฌํ˜„ํ•˜๊ธฐ

  • ์—ฌ๋Ÿฌ ํŽ˜์ด์ง€๊ฐ€ ์—ฐ๊ฒฐ๋œ ๋ฉ€ํ‹ฐ ํŽ˜์ด์ง€ ์•ฑ(SPA) ์ œ์ž‘ ๋ฐฉ๋ฒ•

  • ์ „์—ญ ์ƒํƒœ ๊ด€๋ฆฌ๋กœ ๋ชจ๋“  ์ปดํฌ๋„ŒํŠธ๊ฐ€ ๋ฐ์ดํ„ฐ๋ฅผ ์‰ฝ๊ฒŒ ๊ณต์œ ํ•˜๋Š” ๋ฐฉ๋ฒ•


๐Ÿ“Œ ์ด๋Ÿฐ ๋ถ„๋“ค๊ป˜ ์ ๊ทน ์ถ”์ฒœํ•ฉ๋‹ˆ๋‹ค!

  • HTML, CSS, JavaScript๋ฅผ ๋ฐฐ์šด ํ›„ ๋‹ค์Œ ๋‹จ๊ณ„๋กœ ๋‚˜์•„๊ฐ€๊ณ  ์‹ถ์€ ๋ถ„

  • ๋ฆฌ์•กํŠธ ๊ธฐ๋ณธ๋ถ€ํ„ฐ ์‹œ์ž‘ํ•ด์„œ ๋ฏธ๋‹ˆ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง์ ‘ ๋งŒ๋“ค๋ฉฐ ์‹ค๋ฌด ๊ฒฝํ—˜์„ ์Œ“๊ณ  ์‹ถ์€ ๋ถ„

  • ๋‚˜๋งŒ์˜ ํฌํŠธํด๋ฆฌ์˜ค ์›น์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค์–ด ๊ฐœ๋ฐœ์ž๋กœ์„œ ์ฒซ ๊ฑธ์Œ์„ ๋‚ด๋”›๊ณ  ์‹ถ์€ ๋ถ„


๐ŸŽฏ ์ตœ์ข… ๋ชฉํ‘œ๋Š” ๋‚˜๋งŒ์˜ ํฌํŠธํด๋ฆฌ์˜ค ์›น์‚ฌ์ดํŠธ ์™„์„ฑ!

  • ๋‚˜์ค‘์— ์‹ค๋ ฅ์ด ์ผ์ทจ์›”์žฅํ•ด์„œ ํ”„๋กœ์ ํŠธ๋ฅผ ๋งŽ์ด ์ œ์ž‘ํ•ด๋„ ํฌํŠธํด๋ฆฌ์˜ค๊ฐ€ ์—†์œผ๋ฉด ์•ˆ๋˜๊ฒ ์ฃ ?!

  • ๊ฐ•์˜ ๋งˆ์ง€๋ง‰์— ๋ณธ์ธ์ด ์ง์ ‘ ์ œ์ž‘ํ•œ ํฌํŠธํด๋ฆฌ์˜ค ์‚ฌ์ดํŠธ๋ฅผ GitHub์— ์˜ฌ๋ฆฌ๊ณ , ๋ฐฐํฌ๊นŒ์ง€~!

  • ํ˜„์—…์— ํ•„์š”ํ•œ ํฌํŠธํด๋ฆฌ์˜ค๋ฅผ ๊ฐ•์˜ ํ•˜๋‚˜๋กœ ๋ฐ”๋กœ ์™„์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


๋ณธ ๊ฐ•์˜๋Š” ์—ฌ๋Ÿฌ๋ถ„์ด ์ดˆ๋ณด์ž์—์„œ ๋ฒ—์–ด๋‚˜ ์ž์‹ ๊ฐ์„ ๊ฐ€์ง€๊ณ  ์›น ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž์˜ ๊ธธ์„ ๊ฑธ์–ด๊ฐˆ ์ˆ˜ ์žˆ๋„๋ก, ํ™•์‹คํ•œ ์ด์ •ํ‘œ๋ฅผ ์ œ์‹œํ•ฉ๋‹ˆ๋‹ค. ์ง€๊ธˆ ๋ฐ”๋กœ, ๋ฆฌ์•กํŠธ์™€ ํ•จ๊ป˜ ์›น ๊ฐœ๋ฐœ์ž๋กœ์„œ์˜ ๊ฟˆ์„ ํ˜„์‹ค๋กœ ๋งŒ๋“ค์–ด๋ณด์„ธ์š”! ๐Ÿ’ปโœจ


Class Curriculum1

React ์ฐ๋จน๋ฐ˜๐Ÿก: ๊ฐ€๋ณ๊ฒŒ ์‹œ์ž‘ํ•ด ํฌํด๊นŒ์ง€ ์ฑ™๊ธฐ๊ธฐ

Class details

Course started on May 24, 2025
Rookie Difficulty ยท Video 26 ยท Attached file 17
์ด 6 hours 22 minutes
Korean voice
Korean ยท English ยท Japanese Subtitles

Creator

์ฝ”๋• (CODEUCK)

์ฝ”๋• (CODEUCK)

โœจ ์•ˆ๋…•ํ•˜์„ธ์š”! ๊ฐœ๋ฐœ์ž ์ฝ”๋•(CODEUCK)์ž…๋‹ˆ๋‹ค.

์ €๋Š” ์ง€๋‚œ 5๋…„๊ฐ„์˜ ๊ฐœ๋ฐœ ๊ฒฝ๋ ฅ์„ ๋ฐ”ํƒ•์œผ๋กœ ์ดˆ๋ณด ๊ฐœ๋ฐœ์ž๋ถ„๋“ค์ด ๋” ์‰ฝ๊ฒŒ React๋ฅผ ๋ฐฐ์šฐ๊ณ  ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ๋„์™€๋“œ๋ฆฌ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹จ์ˆœํžˆ ๋”ฐ๋ผ ํ•˜๊ธฐ๋ณด๋‹ค๋Š” '์™œ?'๋ผ๋Š” ์งˆ๋ฌธ์„ ํ†ตํ•ด ๊ธฐ์ˆ ์„ ๋ช…ํ™•ํžˆ ์ดํ•ดํ•˜๋Š” ๊ฒƒ์ด ์ค‘์š”ํ•˜๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ์ด ๊ฐ•์˜์—์„œ ํ•จ๊ป˜ ๊ธฐ์ดˆ๋ถ€ํ„ฐ ํƒ„ํƒ„ํžˆ ๋‹ค์ง€๊ณ , ๋‚˜๋งŒ์˜ ํฌํŠธํด๋ฆฌ์˜ค ์‚ฌ์ดํŠธ๋ฅผ ๋ฉ‹์ง€๊ฒŒ ๋งŒ๋“ค์–ด๋ณด๋ฉฐ ๊ฐœ๋ฐœ์ž๋กœ์„œ์˜ ์ฒซ๊ฑธ์Œ์„ ํž˜์ฐจ๊ฒŒ ๋‚ด๋”›์–ด ๋ณด์•„์š”!


์ € ๋˜ํ•œ ๊ฐœ๋ฐœ ๊ฒฝ๋ ฅ์ด ์˜ค๋ž˜๋˜์ง€ ์•Š์€ ๋งŒํผ ์ดˆ๊ธ‰์ž ๋ถ„๋“ค์˜ ๋งˆ์Œ์„ ๋ˆ„๊ตฌ๋ณด๋‹ค ๋” ์ž˜ ์•Œ๊ธฐ๋•Œ๋ฌธ์— ์ตœ๋Œ€ํ•œ ์ดํ•ดํ•˜๊ธฐ ์‰ฝ๊ฒŒ ์„ค๋ช…ํ•˜๋Š” ๊ฐ•์˜๊ฐ€ ๋˜๋„๋ก ์ค€๋น„ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.


์ฒ˜์Œ์—๋Š” ์œˆ๋„์šฐ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๊ฐœ๋ฐœ์„ ์‹œ์ž‘์œผ๋กœ ์‹ค๋ฌด๋ฅผ ์‹œ์ž‘ํ•˜์˜€๊ณ  ์ค‘๊ฐ„์— ์ข‹์€ ๊ธฐํšŒ๋ฅผ ํ†ตํ•ด ์›น ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ ์ง๋ฌด๋กœ ๋ฉ”์ธ ๊ธฐ์ˆ  ๋„๋ฉ”์ธ์„ ๋ณ€๊ฒฝํ•˜์˜€์Šต๋‹ˆ๋‹ค. C++, MFC, OracleDB, Python, React, MariaDB, Deno, Next.js ๋“ฑ๋“ฑ ๋งŽ์€ ๊ธฐ์ˆ ๋“ค์„ ๊ณ„์†ํ•ด์„œ ๋ฐฐ์šฐ๋ฉด์„œ ์„ฑ์žฅํ•˜๋Š”, ์—ฌ๋Ÿฌ๋ถ„๊ณผ ํฌ๊ฒŒ ๋‹ค๋ฅด์ง€ ์•Š์€ ๊ฐœ๋ฐœ์ž ์ค‘ ํ•œ๋ช…์ž…๋‹ˆ๋‹ค. ๋•Œ๋ฌธ์— ๊ฐœ๋ฐœ์ž ๋™๋ฃŒ๋ถ„๋“ค๊ณผ Class101์„ ๋งค๊ฐœ์ฒด๋กœ ์„œ๋กœ ์†Œํ†ตํ•˜๋ฉด์„œ ๊ฐ™์ด ์„ฑ์žฅํ•˜๋Š”๋ฐ ๋” ํฐ ์˜๋ฏธ๋ฅผ ๋‘๊ณ  ๊ฐ•์˜๋ฅผ ์ œ์ž‘ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

HAYOUNG LEE

HAYOUNG LEE

Others Also Viewed

Notes on Copyright Protection

  • All videos and materials included in the class are protected intellectual property under relevant laws.
  • You may face legal action if you copy, distribute, transmit, modify or edit the videos or materials included in the class without permission.
CLASS 101, LLC.
1201 North Market St. Suite 111, Wilmington, DE, 19801
support@101.inc