Community

๊ฐœ๋ฐœ์ž 99% ์ปค๋ฎค๋‹ˆํ‹ฐ์—์„œ ์ˆ˜๋‹ค ๋–จ์–ด์š”!

โ† Go back
[์ผ๋ฐ˜ ๋ถ€๋ถ„] ๐Ÿ’ฅ ์‹ค์‹œ๊ฐ„ ์ฑ„ํŒ… ์ปจ์…‰์œผ๋กœ ์Šฌ๋ž™ ๊ตฌํ˜„ํ•˜๊ธฐ! ๐Ÿ’ฅ
โ€ข#twitter_cloneโ€ข
2๋…„ ์ „
โ€ข
2,603
โ€ข
2
โ€ข

1. ๊ธ€ ์ œ๋ชฉ

๐Ÿ’ฅ ์‹ค์‹œ๊ฐ„ ์ฑ„ํŒ… ์ปจ์…‰์œผ๋กœ ์Šฌ๋ž™ ๊ตฌํ˜„ํ•˜๊ธฐ! ๐Ÿ’ฅ

2. URL ๋ฐ ์บก์ณ ์ด๋ฏธ์ง€

์ด ๊ณณ์„ ํด๋ฆญํ•ด์ฃผ์„ธ์š”

undefined

undefined

undefined

3. ์ž๊ธฐ์†Œ๊ฐœ

์•ˆ๋…•ํ•˜์„ธ์š” ์ฐฝ์—…์„ ๊ฟˆ๊พธ๊ณ  ์žˆ๋Š” ์˜ˆ๋น„์ฐฝ์—…์ž์ž…๋‹ˆ๋‹ค. ์ถ”์„์€ ํŽธํžˆ ์‰ฌ์…จ๋Š”์ง€์š”?

์„ธ์ƒ์ด ํ’€์ง€ ๋ชปํ•œ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ณ , ๋ชจ๋‘๊ฐ€ ๋ฐ”๋ผ๋Š” ๊ฑด๊ฐ•ํ•œ ์ผ์ž๋ฆฌ๋ฅผ ๋งŒ๋“ค๊ณ  ์‹ถ๋‹ค๋Š” ๊ฟˆ์„ ์œ„ํ•ด ๋‹ค๋‹ˆ๋˜ ํšŒ์‚ฌ๋ฅผ ๊ทธ๋งŒ๋‘๊ณ  ๊ฐœ๋ฐœ ๊ณต๋ถ€๋ฅผ ์‹œ์ž‘ํ•˜๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

์ฒ˜์Œ์—๋Š” ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๋Š” ๊ฒƒ์„ ๊ฟˆ๊พธ์ง€๋Š” ์•Š์Šต๋‹ˆ๋‹ค. ๋‹ค๋งŒ ๋ฏธ๋ž˜์˜ ๊ฒฝ์˜์ž๋ผ ํ•˜๋ฉด ๋ฐ˜๋“œ์‹œ ๊ฐœ๋ฐœ์ž์™€ ์†Œํ†ตํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•œ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ๊ณ , ๊ฒฝ์˜์ž๊ฐ€ ์•„๋‹Œ ๊ฐœ๋ฐœ์ž์˜ ์–ธ์–ด๋ฅผ ๊ณต๋ถ€ํ•˜๊ธฐ ์‹œ์ž‘ํ–ˆ์Šต๋‹ˆ๋‹ค. ์ฝ”๋”ฉ ๊ณต๋ถ€๋ฅผ ์‹œ์ž‘ํ•œ ์ง€ ์–ผ๋งˆ ๋˜์ง€ ์•Š์•˜๊ธฐ์— ์ƒˆ๋ฒฝ๊นŒ์ง€ ์ž๋ฃŒ๋ฅผ ์ฐพ๊ณ  ๋นจ๊ฐ„ ์—๋Ÿฌ์™€ ์”จ๋ฆ„ ์ค‘์ด์ง€๋งŒ, ๋‚˜๋งŒ์˜ ์•„์ดํ…œ์„ ์‚ฌ์—…๊ณ„ํš์„œ๊ฐ€ ์•„๋‹Œ VSC๋ฅผ ํ†ตํ•ด ์ œ ์†์œผ๋กœ ์ง์ ‘ ๋งŒ๋“ ๋‹ค๋Š” ๊ฒƒ์— ์ด์ „์—๋Š” ๋Š๊ปด๋ณด์ง€ ๋ชปํ–ˆ๋˜ ๋ณด๋žŒ์„ ๋Š๋ผ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

4. ์„œ๋น„์Šค์†Œ๊ฐœ

"์‹œํ‚ค๋Š” ์ผ๋ณด๋‹ค ์ตœ์†Œํ•œ 10% ์ด์ƒ์€ ๋” ํ•ด๋ผ."

๋„ทํ”Œ๋ฆญ์Šค์˜ ์ฐฝ์—…์ž ๋งˆํฌ ๋žœ๋Œํ”„๊ฐ€ ๊ทธ์˜ ์•„๋ฒ„์ง€๋กœ๋ถ€ํ„ฐ ๋ฐฐ์šด ์„ฑ๊ณต ๊ทœ์น™ ์ค‘ ํ•˜๋‚˜ ์ž…๋‹ˆ๋‹ค.

์ด๋ฒˆ ํด๋ก  ์ฝ”๋”ฉ ๋Œ€ํšŒ๋ฅผ ๋‘๊ณ  ํ•˜๋Š” ๋ง์ด ์•„๋‹๊นŒ ์‹ถ์Šต๋‹ˆ๋‹ค. ์•„์ดํ…œ ํ•˜๋‚˜๋ฅผ ์˜จ์ „ํžˆ ๊ธฐํšํ•ด๋ณด๋Š” ์‹œ๊ฐ„์ธ ๋งŒํผ, ํŠธ์œ„ํ„ฐ๋ฅผ ๊ทธ๋Œ€๋กœ ๋งŒ๋“œ๋Š” ๊ฒƒ์ด ์•„๋‹Œ ์ด๋ ‡๊ฒŒ๋„, ์ €๋ ‡๊ฒŒ๋„ ๋ฐ”๊ฟ”๋ณด๊ณ ์ž ๋…ธ๋ ฅํ–ˆ์Šต๋‹ˆ๋‹ค. ๋””์ž์ธ๋„ ๋‹ค๋ฅธ ๊ฒƒ์„ ์ฑ„์šฉํ•ด๋ณด๊ณ , ํŠธ์œ— ๋ฐฐ์—ด ์ˆœ์„œ๋„ ๋ฐ”๊ฟ”๋ณด๊ณ , ๋˜ ์™„์ „ํžˆ ๊ฐˆ์•„ ์—Ž์–ด ๋ณด๊ธฐ๋„ ํ•˜์˜€์Šต๋‹ˆ๋‹ค.

๊ทธ ๊ฒฐ๊ณผ๋ฌผ์„ ์•„๋ž˜์™€ ๊ฐ™์ด ์„ค๋ช…๋“œ๋ฆฌ๊ณ ์ž ํ•ฉ๋‹ˆ๋‹ค! 10% ์ด์ƒ์˜ ํผํฌ๋จผ์Šค๊ฐ€ ์žˆ์„์ง€ ํ•œ ๋ฒˆ ๋ณผ๊นŒ์š”๐Ÿ˜Ž?

4-1. ๋กœ๊ทธ์ธ

- ๋žœ๋ค ๋ฐฐ๊ฒฝ ํ‘œ์‹œํ•˜๊ธฐ โญ๏ธ

๋กœ๊ทธ์ธ ํŽ˜์ด์ง€๋ฅผ ํ‘œ์‹œํ•  ๋•Œ ๋งˆ๋‹ค ๋‹ค๋ฅธ ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง€๊ฐ€ ์ถœ๋ ฅ๋ฉ๋‹ˆ๋‹ค. ๋งค๋ฒˆ ์ƒˆ๋กœ์šด ๋ฐฐ๊ฒฝ์„ ๋ณด๋Š” ์žฌ๋ฏธ์™€ ํ•จ๊ป˜ ์ง€๋ฃจํ•˜์ง€ ์•Š์€ ๊ฒฝํ—˜์„ ์„ ์‚ฌํ•ด๋“œ๋ฆฌ๊ณ  ์‹ถ์—ˆ์Šต๋‹ˆ๋‹ค. unsplash ๋ผ๋Š” ๊ณณ์„ ์ด์šฉํ–ˆ๊ตฌ์š”, ์–ผ๋งˆ ์ „์— ์ •๋ง ๋งˆ์Œ์— ๋“œ๋Š” ์ด๋ฏธ์ง€๊ฐ€ ์žˆ์—ˆ๋Š”๋ฐ ๋‹ค์‹œ ๋งŒ๋‚  ์ˆ˜ ์žˆ๊ธฐ๋ฅผ ๊ธฐ๋‹ค๋ฆฌ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. :)

- ์†Œ์…œ ๋กœ๊ทธ์ธ ํŽ˜์ด์Šค๋ถ ์ถ”๊ฐ€

๊ตฌ๊ธ€, ๊นƒํ—ˆ๋ธŒ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ํŽ˜์ด์Šค๋ถ์„ ์ถ”๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค. ์ฒ˜์Œ์—๋Š” ์นด์นด์˜ค๋ฅผ ์ถ”๊ฐ€ํ•˜๋ ค๊ณ  ํ–ˆ์œผ๋‚˜, ์ƒ๊ฐ๋ณด๋‹ค ์ฒ˜๋ฆฌํ•ด์•ผ ํ•  ๊ณผ์ •์ด ๋งŽ์•˜์Šต๋‹ˆ๋‹ค. ์ฐธ๊ณ  ์ž๋ฃŒ๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ์‹œ๋„ํ–ˆ์œผ๋‚˜ ์‹คํŒจํ•˜๊ณ  ๋ง์•˜์Šต๋‹ˆ๋‹ค ใ… ใ… ..

์ƒˆ๋กœ์šด ๋ฐฉ์•ˆ์œผ๋กœ ํŽ˜์ด์Šค๋ถ์„ ์ถ”๊ฐ€ํ•˜์—ฌ ๊ธฐ์กด ๋‚ด์šฉ์— ๋”ํ•ด ๋ณด๋‹ค ๋‹ค์–‘ํ•œ ๋ฐฉ๋ฒ•์œผ๋กœ ๋กœ๊ทธ์ธ ํ•˜์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ธ„๋ผ์ด ์ธ„๋ผ์ด ๐Ÿ˜Š

undefined

4-2 ํ”„๋กœํ•„

- ์œ ์ € ์ •๋ณด

๋ฉ”์ธ ํ™”๋ฉด ์ขŒ์ธก ์ƒ๋‹จ์˜ ์‚ฌ๋žŒ ๋ชจ์–‘ ์•„์ด์ฝ˜์„ ํด๋ฆญํ•˜๋ฉด ํ”„๋กœํ•„์ด ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.

ํ•ด๋‹น ํŽ˜์ด์ง€์—๋Š” ์‚ฌ์šฉ์ž์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€, ๋‹‰๋„ค์ž„, ๊ฐ€์ž… ๊ฒฝ๋กœ, ๊ณ„์ • ์ƒ์„ฑ์ผ๊ณผ ๋งˆ์ง€๋ง‰ ๋กœ๊ทธ์ธ ๋‚ ์งœ๊ฐ€ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค. ํšŒ์› ๊ฐ€์ž…์„ ์†Œ์…œ์ด ์•„๋‹Œ ์ผ๋ฐ˜ ์ด๋ฉ”์ผ๋กœ ๊ฐ€์ž…ํ•˜์…จ์„ ๊ฒฝ์šฐ your own id๋กœ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.

- ํ”„๋กœํ•„ ์‚ฌ์ง„ ๋ฐ ๋‹‰๋„ค์ž„ ๋ณ€๊ฒฝ

์ดˆ๊ธฐ ์ด๋ฏธ์ง€๊ฐ€ ์—†๋‹ค๋ฉด ๋…ธ๋งˆ๋“œ์ฝ”๋”์˜ ๋กœ๊ณ ๊ฐ€ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค. ๋ณ€๊ฒฝ์˜ ๊ฒฝ์šฐ ์นด๋ฉ”๋ผ ์•„์ด์ฝ˜ ํด๋ฆญ์„ ํ†ตํ•ด ์ด๋ฏธ์ง€๋ฅผ ์—…๋กœ๋“œ ํ•˜์‹œ๋ฉด ์ž๋™์ ์œผ๋กœ ๋ณ€๊ฒฝ๋ฉ๋‹ˆ๋‹ค.

์ดˆ๊ธฐ ๋‹‰๋„ค์ž„์ด ์—†๋‹ค๋ฉด John Doe๋กœ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค. ๋ณ€๊ฒฝ์˜ ๊ฒฝ์šฐ ๋‹‰๋„ค์ž„์นธ์ด input์œผ๋กœ ์„ค์ •๋˜์–ด ์žˆ์œผ๋‹ˆ ๋ณ€๊ฒฝํ•˜์‹  ํ›„ ํŽœ ๋ชจ์–‘ ์•„์ด์ฝ˜์„ ํด๋ฆญํ•˜์‹œ๋ฉด ๋ณ€๊ฒฝ์ด ์™„๋ฃŒ๋ฉ๋‹ˆ๋‹ค.

- ํŠธ์œ— ์ปจํ…Œ์ด๋„ˆ (์ž์‹ ์ด ์ž‘์„ฑํ•œ ํŠธ์œ— ํ™•์ธ)

๊ฐ ์ฑ„ํŒ…๋ฐฉ ๋งˆ๋‹ค ์ž‘์„ฑํ•œ ํŠธ์œ—์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋Š” ์ปจํ…Œ์ด๋„ˆ๋ฅผ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค.

๊ฐ๊ฐ์˜ ํŠธ์œ— ์ •๋ณด๋ฅผ ํ”„๋กœํ•„ ํ™”๋ฉด์œผ๋กœ ์—ฐ๊ฒฐํ•˜๋Š” ์ผ์ด ์‰ฝ์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. ๋ฆฌ์•กํŠธ์˜ ์ž‘๋™๋ฐฉ์‹์„ ๋˜์งš์–ด๋ณด๊ณ  ๋งŽ์€ ์‹œํ–‰์ฐฉ์˜ค๋ฅผ ๊ฒช์—ˆ๋˜ ๊ฒƒ์ด ์ƒ๊ฐ๋‚˜๋„ค์š”. ์ €์˜ ๊ฒฝ์šฐ์—๋Š” map ํ•จ์ˆ˜๋ฅผ router ๋ถ€๋ถ„์— ์„ ์–ธํ•˜์—ฌ ์ž๋ฃŒ์— ์ ‘๊ทผํ•˜์˜€์Šต๋‹ˆ๋‹ค. router์—์„œ ์ž๋ฃŒ๋ฅผ ์–ป์–ด์„œ profile ํŽ˜์ด์ง€์— ๋„ฃ๊ณ .. ์ด๊ฑธ ๋‹ค์‹œ ํ‘œ์‹œํ•˜๊ณ .....

๋‹ค๋ฅธ ๋ถ„๋“ค์€ ์–ด๋–ป๊ฒŒ ํ•˜์…จ์„์ง€ ์—ฌ์ญˆ์–ด๋ณด๊ณ  ์‹ถ๋„ค์š” ใ…Žใ…Ž

4-3. ์ฑ„ํŒ…๋ฐฉ ๋ณ€๊ฒฝ

ํ–‰๋ณตํ•œ ๋ฆฌ์•กํŠธ ๋ฐฉ๊ณผ ์ฑŒ๋ฆฐ์ง€ ์ฑ„ํŒ…๋ฐฉ์„ ๊ฐ๊ฐ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค!

+Add Channels ๋ฅผ ํด๋ฆญํ•˜์—ฌ ๋ฐฉ์„ ์ƒ์„ฑํ•œ ํ›„, ๊ฐ๊ฐ์˜ ๋ฐฉ์— ์ ‘๊ทผ์ด ๊ฐ€๋Šฅํ•˜๋„๋ก ๋งŒ๋“ค๊ณ  ์‹ถ์—ˆ์Šต๋‹ˆ๋‹ค๋งŒ.. ์ด๋ฅผ ๊ตฌํ˜„ํ•˜๋ ค๋ฉด redux๋ผ๋Š” ๊ฒƒ์„ ๋ฐฐ์šธ ํ•„์š”๊ฐ€ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ์ง€๊ธˆ์€ ๊ตฌํ˜„ํ•  ์ˆ˜ ์—†์—ˆ์ง€๋งŒ, ์•„์‰ฌ์šด ๋งˆ์Œ์œผ๋กœ ํƒœ๊ทธ๊ฐ€ ์ถ”๊ฐ€๋˜๋Š” ์„ ์—์„œ ๊ธฐ๋Šฅ์„ ๋งˆ๋ฌด๋ฆฌ ํ•˜์˜€์Šต๋‹ˆ๋‹ค. ์žฌ๋ฏธ ์‚ผ์•„ ์ฑ„ํŒ…๋ฐฉ์„ ๋งŒ๋“ค์–ด ๋ณด๋Š” ๊ฒƒ๋„ ์ข‹์„ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค!

4-4 ํŠธ์œ—/์ฑ„ํŒ… ๊ธฐ๋Šฅ

- ๋ฉ”์„ธ์ง€ ๋ฐฐ์—ด ์ˆœ์„œ ๋ณ€๊ฒฝ / ์˜คํ†  ์Šคํฌ๋กค ๊ตฌํ˜„

์Šฌ๋ž™๊ณผ ๋™์ผํ•˜๊ฒŒ ๋จผ์ € ์ž‘์„ฑํ•œ ๋ฉ”์„ธ์ง€๊ฐ€ ์ƒ๋‹จ์— ์œ„์น˜ํ•˜๋„๋ก ํ•˜์˜€์Šต๋‹ˆ๋‹ค. ๋‚˜์•„๊ฐ€ ์ž์‹ ์ด ์ž‘์„ฑํ•œ ๋ฉ”์„ธ์ง€๋Š” ์™ผ์ชฝ, ๋‹ค๋ฅธ ์‚ฌ์šฉ์ž์˜ ๋ฉ”์„ธ์ง€๋Š” ์˜ค๋ฅธ์ชฝ์— ํ‘œ์‹œ๋˜๋„๋ก ํ•˜์˜€์Šต๋‹ˆ๋‹ค. ์ด๊ฑฐ ์™„์ „ ์ฝ”์ฝ”์•„ํ†ก..?

๊ทธ๋ฆฌ๊ณ  ์ฑ„ํŒ…๋ฐฉ์— ์ž…์žฅํ•  ๋•Œ๋งˆ๋‹ค, ์ƒˆ๋กœ์šด ๋ฉ”์„ธ์ง€๊ฐ€ ์ž‘์„ฑ๋  ๋•Œ ๋งˆ๋‹ค ์ž๋™์ ์œผ๋กœ ์Šคํฌ๋กค์ด ์•„๋ž˜๋กœ ๋‚ด๋ ค๊ฐ€๋„๋ก ์„ค์ •ํ•˜์˜€์Šต๋‹ˆ๋‹ค.

4-5. ์ด๋ชจํ‹ฐ์ฝ˜ ๋ฐ ์‚ฌ์ง„ ์ฒจ๋ถ€ ๊ธฐ๋Šฅ

- ์ด๋ชจํ‹ฐ์ฝ˜๊ณผ ์‚ฌ์ง„์€ ๋ชจ๋‹ฌ ํŽ˜์ด์ง€๋ฅผ ํ†ตํ•ด ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค. ์ด ๋ถ€๋ถ„์€ ์ œ๊ฐ€ ์ฝ”๋”ฉ ํ•˜๋ฉด์„œ ์•„์ฃผ ๊ธฐ๋ปํ–ˆ๋˜ ๋ถ€๋ถ„์ž…๋‹ˆ๋‹ค. useState ์ด์šฉ์„ ํ†ตํ•ด ์ง์ ‘ ํ† ๊ธ€ ํ•จ์ˆ˜๋ฅผ ๋งŒ๋“ค์—ˆ๊ณ , onClick ์„ ํ†ตํ•ด className=hidden์„ ์ถ”๊ฐ€ํ•˜๋Š” ๋™์ž‘์„ ๊ตฌํ˜„ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋ชจ๋‹ฌ ํŽ˜์ด์ง€ ์ƒ์„ฑ์— ํ•„์š”ํ•œ ์•„์ด๋””์–ด์— ๋Œ€ํ•ด์„œ๋Š” ์•„๋ž˜ ๋‚ด์šฉ์„ ์ฐธ๊ณ ํ•ด์ฃผ์„ธ์š”! ์—ญ์‹œ ๋…ธ๋งˆ๋“œ ๐Ÿ˜‹

๋…ธ๋งˆ๋“œ์ฝ”๋” ๋ชจ๋‹ฌ ํŽ˜์ด์ง€ ๋งŒ๋“ค๊ธฐ

4-6. ์ด๋ฏธ์ง€ ํ™•๋Œ€ ๊ธฐ๋Šฅ

- ์ฑ„ํŒ…๊ณผ ํ•จ๊ป˜ ์—…๋กœ๋“œ ๋œ ์‚ฌ์ง„์— ๋งˆ์šฐ์Šค๋ฅผ ์˜ฌ๋ฆฌ๋ฉด hover๋ฅผ ํ†ตํ•ด ํ™•๋Œ€๋˜๋„๋ก ํ•˜์˜€์Šต๋‹ˆ๋‹ค.

4-7 ๊ธฐํƒ€

- ๋กœ๊ทธ์•„์›ƒ : ํ™”๋ฉด ์ƒ๋‹จ ์ขŒ์ธก์˜ exit ์•„์ด์ฝ˜์„ ๋ˆŒ๋Ÿฌ์ฃผ์„ธ์š”!

- ์‹œ๊ณ„ : ํ™”๋ฉด ์ƒ๋‹จ๋ถ€์— ์‹œ๊ฐ„์„ ํ‘œ์‹œํ•˜์˜€์Šต๋‹ˆ๋‹ค.

5. ๊ฐœ๋ฐœ ๊ณผ์ •

- JS8 -> JS9

๊ฐ•์˜ ๋‚ด์šฉ์€ js8์„ ๊ธฐ๋ฐ˜์œผ๋กœ ์ง„ํ–‰๋˜์—ˆ์œผ๋‚˜ ์‹ค์ œ ์ฝ”๋”ฉ์€ js9๋กœ ์ž‘์„ฑํ•˜์˜€์Šต๋‹ˆ๋‹ค. ๋ณ€๊ฒฝ๋œ ๋‚ด์šฉ์„ ์ฐพ๊ณ  ์ดํ•ดํ•˜๊ธฐ ์œ„ํ•ด์„œ ๋งŽ์€ ์‹œ๊ฐ„์„ ํˆฌ์žํ–ˆ์Šต๋‹ˆ๋‹ค. ์—ฌ๋Ÿฌ๋ฒˆ ์ฝ๋Š” ๊ฒƒ ๋ณด๋‹ค ์ง์ ‘ ํ•œ ๋ฒˆ ์ž‘์„ฑํ•˜๋Š” ๊ฒƒ์ด ์›๋ฆฌ๋ฅผ ์ดํ•ดํ•˜๋Š” ๋ฐ ํฐ ๋„์›€์ด ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

- I NEED REDUX: ์ง€์‹์˜ ํ•œ๊ณ„, ํ™•์‹คํ•œ ๋ฐฉํ–ฅ ์„ค์ •

์ดˆ๋ฐ˜ ์ž‘ํ’ˆ์˜ ํ•ต์‹ฌ์„ ์ฑ„ํŒ…๋ฐฉ ์ถ”๊ฐ€์— ๋‘์—ˆ์Šต๋‹ˆ๋‹ค. ์–ด๋–ป๊ฒŒ๋“  ๋งŒ๋“ค์–ด๋ณด๋ ค ํ–ˆ์ง€๋งŒ ํ•œ๊ณ„๋ฅผ ๋งŒ๋‚˜๊ฒŒ ๋˜์—ˆ์ง€์š” ใ… ใ… ใ… . ํฌ๊ธฐํ•˜์ง€ ์•Š๊ณ  ๋ฐ˜๋“œ์‹œ ๊ตฌํ˜„ํ•  ์˜ˆ์ •์ž…๋‹ˆ๋‹ค !! ๊ธธ์„ ์•Œ์•˜์œผ๋‹ˆ ์“ฐ๋Ÿฌ์งˆ ์ผ์€ ์—†์Šต๋‹ˆ๋‹ค! ๐Ÿ˜Ž

- Idea

๊ธฐํš์ด ์ •๋ง ์–ด๋ ค์› ์Šต๋‹ˆ๋‹ค. ๊ธฐํš์€ ๋…ธ๋ ฅ์˜ ์˜์—ญ์ผ๊นŒ์š” ์žฌ๋Šฅ์˜ ์˜์—ญ์ผ๊นŒ์š”? ์ด ์ž‘ํ’ˆ ๋˜ํ•œ ํŠธ์œ„ํ„ฐ, ์Šฌ๋ž™, ์นด์นด์˜คํ†ก ๋“ฑ๋“ฑ์˜ ๋‚ด์šฉ๋“ค์„ ํ•ฉ์ณ ๋†“์€ ๊ฒƒ์ด์ง€๋งŒ, ํ•˜๋‚˜๋กœ ๋ชจ์€๋‹ค๋Š” ๊ฒƒ ๋˜ํ•œ ์ œ๊ฒŒ ์žˆ์–ด์„œ๋Š” ํฐ ๋„์ „์ด์—ˆ์Šต๋‹ˆ๋‹ค.

6. ์•ž์œผ๋กœ์˜ ๊ณ„ํš

ํด๋ก  ์ฝ”๋”ฉ ๋Œ€ํšŒ๋Š” ์ฒ˜์Œ ์ถœ์ „ํ•˜๋Š” ์ง€๋ผ ๋งŽ์€ ์ƒ๊ฐ์ด ๋“ญ๋‹ˆ๋‹ค. ๋งŽ์ด ๋ฒ„๋ฒ…๊ฑฐ๋ ธ๊ณ , ์˜ˆ๊ธฐ์น˜ ์•Š๊ฒŒ ์ฝ”๋”ฉํ•˜๋‹ค๊ฐ€ ์ผ์ถœ์„ ๋งž์ดํ•œ ๋‚ ๋„ ๋งŽ์•˜์Šต๋‹ˆ๋‹ค.ย 

์—๋Ÿฌ๋ฅผ ์ฐพ์„ ์ˆ˜๋ก, ๊ธฐ์ˆ ์  ํ•œ๊ณ„๋ฅผ ๋งŒ๋‚  ์ˆ˜๋ก ๋”์šฑ ๋” ๋ฐฉํ–ฅ์ด ๋ช…ํ™•ํ•ด์ง„๋‹ฌ๊นŒ์š”? ๋ฌด์—‡์„ ๊ณต๋ถ€ํ•ด์•ผ ํ•˜๋Š”์ง€, ๋ฌด์—‡์ด ๋ถ€์กฑํ•œ์ง€.. ์ œ ํ˜„์ฃผ์†Œ๊ฐ€ ๋ณด์ผ ์ˆ˜๋ก ์˜คํžˆ๋ ค ๋ถˆํƒ€์˜ค๋ฅด๋Š” ์Šค์Šค๋กœ๋ฅผ ๋ฐœ๊ฒฌํ•  ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ๋” ํ•˜๊ณ  ์‹ถ๊ณ , ๋” ๋งŒ๋“ค๊ณ  ์‹ถ๊ณ , ๋” ์™„์„ฑ๋˜๊ณ  ์‹ถ์€ ๊ทธ๋Ÿฐ ๋Š๋‚Œ์ด์—ˆ์Šต๋‹ˆ๋‹ค.

์ด ์ž‘ํ’ˆ์˜ ์ €์˜ ์ฒซ ํฌํŠธํด๋ฆฌ์˜ค์ธ ๋งŒํผ ๋งŒ๋“ค๊ณ ์ž ํ–ˆ๋˜ ๊ธฐ๋Šฅ์„ ๋ชจ๋‘ ์ถ”๊ฐ€ํ•  ๊ณ„ํš์ž…๋‹ˆ๋‹ค. ์ข‹์•„์š”, ๋‹คํฌ๋ชจ๋“œ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ํ•ต์‹ฌ์ธ ์ฑ„ํŒ…๋ฐฉ ์ถ”๊ฐ€๊นŒ์ง€ ์ง„ํ–‰ํ•  ์˜ˆ์ •์ž…๋‹ˆ๋‹ค. ํ˜„์žฌ wetube ์ฑŒ๋ฆฐ์ง€๋ฅผ ํ•จ๊ป˜ ์ง„ํ–‰ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค๋งŒ, ์—ฌ๊ธฐ์— ๋”ํ•˜์—ฌ redux ๋‚ด์šฉ์„ ์ถ”๊ฐ€๋กœ ๊ณต๋ถ€ํ•  ์ƒ๊ฐ์ž…๋‹ˆ๋‹ค. ์ด์ œ ์ง„์งœ ์‹œ์ž‘์ด๋ผ๊ณ  ๋ณผ ์ˆ˜ ์žˆ๊ฒ ๋„ค์š” ใ…Žใ…Ž

๋‹ค๋ฅธ ๋ถ„๋“ค์˜ ๊ธ€์„ ๋ณด๋‹ˆ ์ •๋ง ๋ฉ‹์ง„ ์ž‘ํ’ˆ๋“ค์ด ๋งŽ๋”๋ผ๊ตฌ์š”. ์ด ๊ณณ์—์„œ ํŒ€์„ ๋งŒ๋“ค์–ด๋„ ์ข‹๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค. ๋งค๋ ฅ์ ์ธ ํŒ€์„ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด์„œ ์ € ๋˜ํ•œ ๊ณ„์†ํ•ด์„œ ์ •์ง„ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.ย 

์ฝ”๋”ฉ๊ณผ ๊ฐœ๋ฐœ์„ ๋„˜์–ด ์ฐฝ์—…์„ ํ†ตํ•ด ์ƒˆ๋กœ์šด ๊ฐ€์น˜๋ฅผ ๋งŒ๋“ค ๊ทธ ๋‚ ๊นŒ์ง€!

์ฝ์–ด์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

2 comments