[๐Ÿ’ป ์ฝ”๋“œ์Šคํ…Œ์ด์ธ  FE 44๊ธฐ]pre-project - 13์ผ์ฐจ(ํšŒ๊ณ )

JiEunยท2023๋…„ 6์›” 27์ผ
0

โœ”๏ธ ์‹œ์ž‘

๋ฉ‹์ง„ ํŒ€์›๋“ค์ด ์žˆ์—ˆ๊ธฐ์— ํ”„๋ฆฌ ํ”„๋กœ์ ํŠธ ์ž˜ ๋งˆ๋ฌด๋ฆฌ ํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค.

๐Ÿš€ 15ํŒ€ MZ๊ฐœ๋ฐœ์ž๋“ค (github)

๐Ÿ”— ํ”„๋ฆฌ ํ”„๋กœ์ ํŠธ github ๋ฐ”๋กœ๊ฐ€๊ธฐ
๐Ÿ”— ๋ฐฐํฌ ์‚ฌ์ดํŠธ ์ฃผ์†Œ


โœ”๏ธ Keep

  • ์‹ค๋ ฅ์ด ๋งŽ์ด ๋ถ€์กฑํ•˜๋‹ค ๋Š๋‚€ ์ƒํƒœ๋กœ ํ”„๋ฆฌ ํ”„๋กœ์ ํŠธ์— ์ฐธ์—ฌํ•˜๊ฒŒ ๋˜์–ด ์ตœ๋Œ€ํ•œ ๋„์›€์ด ๋˜๊ณ ์ž ์ •๋ณด ์ˆ˜์ง‘, ๋ฌธ์ œ ๋ฐœ์ƒ ์‹œ ๋„์šธ ์ˆ˜ ์žˆ๋Š” ์ž๋ฃŒ ์ˆ˜์ง‘์„ ์—ด์‹ฌํžˆ(?) ํ•˜๋ ค๊ณ  ํ–ˆ๋‹ค.
  • ๊ธฐ๋ณธ์ด๋ผ๋„ ๊ฐ€๋Š” ํŒ€์›์ด ๋˜์ž๋กœ ํŒ€ ๊ทœ์น™์€ ์ตœ๋Œ€ํ•œ ์ง€ํ‚ฌ๋ ค๊ณ  ๋…ธ๋ ฅ ํ–ˆ๋˜ ๊ฑฐ ๊ฐ™๋‹ค.

โœ๏ธ Problem

โœ”๏ธ ์†Œํ†ต

  • 11๊ธ‰ํ•œ๊ฒŒ ์•ž์„œ๊ฐ€ ์–ผ๋ฅธ ์•Œ๋ ค๋“œ๋ฆฌ๊ณ  ์‹ถ์€ ๋งˆ์Œ์— ์ค‘๊ฐ„ ์ค‘๊ฐ„ ๋งํ•˜๋ ค๊ณ  ํ•˜๋Š” ์•„์ฃผ ์•„์ฃผ ์•ˆ ์ข‹์€ ๋ฒ„๋ฆ‡์ด ์žˆ์—ˆ๋‹ค.
  • 22๊ธ‰ํ•œ๊ฒŒ ์•ž์„œ ๊ณต์ง€ ๋‚ด์šฉ์ด๋‚˜ ์•ˆ๋‚ด ์‚ฌํ•ญ์„ ์ •ํ™•ํžˆ ์ •๋…ํ•˜์ง€ ์•Š๋Š” ๋ฌธ์ œ๋กœ ์ œ๋Œ€๋กœ ์ดํ•ดํ•˜์ง€ ์•Š๋Š” ์ƒํƒœ๊ฐ€ ์žˆ์—ˆ๋‹ค. (๋‹คํ–‰ํžˆ ๋‹ค ํ•ดํ”„๋‹์œผ๋กœ ๋โ€ฆใ…Ž)
  • ๋‹ค๋ฅธ ๋™๊ธฐ๋ถ„๋“ค์ด ์•ž์„œ ์ง„ํ–‰ํ•  ๋•Œ ์ดˆ์กฐํ•จ์„ ๋Š๊ผˆ๋‹ค. (์šฐ๋ฆฌํŒ€,, ์•„์ฃผ ์ž˜ํ•˜๊ณ  ์žˆ์—ˆ๋‹ค..ใ…Ž)

โœ”๏ธ ์ž‘์—…

์งˆ๋ฌธ ์ž‘์„ฑ ํƒœ๊ทธ ๋ฐ์ดํ„ฐ๋ฅผ ์ž˜ ๋ถˆ๋Ÿฌ์™€์ง€๋Š”๋ฐ ์ˆ˜์ • ํŽ˜์ด์ง€์—์„œ๋Š” get ์š”์ฒญ์—์„œ500 ์—๋Ÿฌ๊ฐ€ ๋‚ฌ๋‹ค.

  • ๋™์ผํ•œ ์ฝ”๋“œ, ์ปดํฌ๋„ŒํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๋Š”๋ฐ ์ˆ˜์ • ํŽ˜์ด์ง€์—์„œ๋Š” ํƒœ๊ทธ ๋ฆฌ์ŠคํŠธ get์š”์ฒญ์—์„œ ์ž๊พธ ์˜ค๋ฅ˜๊ฐ€ ๋‚ฌ๋‹ค. ์ดˆ๋ฐ˜์—๋Š” ํ”„๋ก ํŠธ์ธก ์˜ค๋ฅ˜์ธ์ค„ ์•Œ๊ณ  ๋ช‡์‹œ๊ฐ„์€ ๊ฑธ๋ ธ๋˜๊ฑฐ ๊ฐ™๋‹ค.
    500 ์—๋Ÿฌ๋Š” ์„œ๋ฒ„ ํƒ“์ด๊ธฐ์—.. ์ง€์ฒดํ•˜์ง€ ์•Š๊ณ  ์š”์ฒญ ๋“œ๋ ธ๋‹ค.

์งˆ๋ฌธ ์ž‘์„ฑ/๋“ฑ๋ก ์‹œ ํƒœ๊ทธ ๋ฐ์ดํ„ฐ๋ฅผ ๋ถˆ๋Ÿฌ์˜ค๋Š” ๋ฆฌ์ŠคํŠธ ํ˜•์‹์ด ๋‹ฌ๋ž๋‹ค.

  • ํ•˜๋‚˜์˜ ์ปดํฌ๋„ŒํŠธ๋กœ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์–ด ๋กœ์ง ๊ตฌํ˜„ํ•˜๋Š”๋ฐ ์‹œ๊ฐ„์ด ์ข€ ๊ฑธ๋ ธ๋‹ค.

๋ช‡๋ช‡ ๋””์ž์ธ ์ ์œผ๋กœ ํ‹€์–ด์ง„ ๋ถ€๋ถ„์ด ๋ณด์˜€์ง€๋งŒ... ๊ธฐ๋Šฅ ๊ตฌํ˜„์ด ์šฐ์„ ์ด๊ธฐ์— ํŒจ์Šคํ•œ ์ .

  • ์ •๋ ฌ์ด๊ฑฐ๋‚˜.. ๋ฐฐ์น˜ ๋“ฑ ๊ฑฐ์Šฌ๋ฆฌ๋Š” ๋ถ€๋ถ„์ด ๋งŽ์•˜์ง€๋งŒ ๊ธฐ๋Šฅ ๊ตฌํ˜„์ด ๊ธ‰๊ธ‰ํ–ˆ๊ธฐ์— ํŒจ์Šคํ–ˆ๋‹ค.
    ๊ฒฐ๊ตญ ์ดˆ๋ฐ˜ UI ๋””์ž์ธํ•œ ํ™”๋ฉด๊ณผ ๊ฝค ๋‹ฌ๋ผ ์กŒ์—ˆ๋‹ค.

๋ฐฐํฌ ์‹œ proxy๋กœ ์ธํ•œ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ–ˆ๋‹ค.

  • ๋ฐฐํฌ ์‹œ https ๋ณด์•ˆ ๋ฌธ์ œ๋กœ ๋ฐฐํฌ๊ฐ€ ์ž˜ ์ด๋ฃจ์–ด์ง€์ง€ ์•Š์•˜๋‹ค.
    netlify๋ผ๋Š” ๋ฐฐํฌ ํ”Œ๋žซํผ์œผ๋กœ proxy ์„ค์ •ํ•ด ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค.

๋‹ค๋ฅธ ๋ถ„๋“ค์€ ์งˆ๋ฌธ ์ˆ˜์ •, ๋Œ“๊ธ€ ์ˆ˜์ • ๋“ฑ ์ˆ˜์ • ๊ธฐ๋Šฅ์ด ์ž˜ ๋์—ˆ๋Š”๋ฐ ๋‚˜ํ˜ผ์ž ์•ˆ ๋ฌ์—ˆ๋‹ค.

  • git ์ €์žฅ์†Œ ๋ฌธ์ œ๋กœ git init์„ํ•ด ๊น”๋”ํ•˜๊ฒŒ ํ•ด๊ฒฐ ํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค.

๐Ÿš€ Try

โœ”๏ธ ์†Œํ†ต

  • ๊ธ‰ ํ• ์ˆ˜๋ก ๋Œ์•„ ๊ฐ€๋ผ๊ณ  ์ฒœ์ฒœํžˆ ์ƒ๊ฐ ์ •๋ฆฌํ•˜๊ณ  ๋ฆด๋ ‰์Šค ํ•˜๋Š” ๋งˆ์ธ๋“œ๋กœ ๋ฉ”์ธ ํ”„๋กœ์ ํŠธ์— ์ž„ํ•ด์•ผ ๊ฒ ๋‹ค.
  • ๋‹ค๋ฅธ ํŒ€๊ณผ ๋น„๊ตํ•˜์ง€ ๋ง๊ณ  ์ง€๊ธˆ ์šฐ๋ฆฌ ํŒ€์— ์ง‘์ค‘ ํ•˜๋„๋ก ๋งˆ์ธ๋“œ ์ปจํŠธ๋กค ํ•ด์•ผ๊ฒ ๋‹ค.

โœ”๏ธ ์ž‘์—…

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

โœ๏ธย ๋งˆ์น˜๋ฉฐ

ํ˜ผ์ž ์ดˆ์กฐํ•˜๊ณ  ์ž˜ ํ•  ์ˆ˜ ์žˆ์„๊นŒ? ๋ฐฐํฌ๊นŒ์ง€ ์ž˜ ํ•  ์ˆ˜ ์žˆ์„๊นŒ? ๋„์›€์„ ๋ชป๋“œ๋ฆฌ๋ฉด ์–ด์ฉŒ์ง€? ๋“ฑ
๋ถˆ์•ˆ ํ–ˆ๋˜ ์ƒ๊ฐ์ด ์—†์–ด์งˆ ๋งŒํผ ์ง„์งœ ํŒ€์›๋“ค์„ ์ž˜ ๋งŒ๋‚ฌ๋‹ค๊ณ  ์ƒ๊ฐํ•œ๋‹ค.

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

๋ฉ”์ธ ํ”„๋กœ์ ํŠธ๋Š” ์ง„์งœ ๋‹คํ–‰์ด๊ฒŒ๋„ ํŽ˜์–ด ํ™œ๋™ ํ–ˆ๋˜ ๋ถ„์—๊ฒŒ ์Šค์นด์›ƒ ์ œ์˜๋ฅผ ๋ฐ›์•˜๋‹ค.
๋‹ค๋ฅธ ํŒ€์› ๋ถ„๋“ค์ด ์ง„์งœ ์ž˜ํ•˜์‹œ๊ธฐ์— 1์ธ๋ถ„ ์—ญํ• ์ด๋ผ๊ณ  ์ž˜ ํ–ˆ์œผ๋ฉด ์ข‹๊ฒ ๋‹ค.

์ง„์งœ ์—ด์‹ฌํžˆ ํ–ˆ๋‹ค!

profile
๐Ÿ’ป ํ”„๋ก ํŠธ์—”๋“œ๋ฅผ ๋ชฉํ‘œ๋กœ ์„ฑ์žฅ ์ค‘! (์•Œ์•„๋ดค๋˜ ๋‚ด์šฉ ๋“ฑ์„ ์ •๋ฆฌํ•˜๊ธฐ)

0๊ฐœ์˜ ๋Œ“๊ธ€