๐Ÿธminzzi
Minzzi์•ผ
๐Ÿธminzzi
์ „์ฒด ๋ฐฉ๋ฌธ์ž
์˜ค๋Š˜
์–ด์ œ
  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (130)
    • ์˜ค๋ฅ˜ํ•ด๊ฒฐ (14)
    • FE (35)
      • Next.js (16)
      • React (4)
      • React Native (0)
      • TypeScript (1)
      • JavaScript (14)
    • BE (0)
      • Nest.js (0)
    • ๋ฐ๋ธŒ์ฝ”์Šค (7)
    • ์›น ํ”„๋กœ์ ํŠธ (5)
    • CS (28)
      • Algorithm (5)
      • Python (4)
      • C++ (2)
      • Operating System (4)
      • Computer Networking (3)
      • Data Structure (1)
      • Machine Learning (3)
      • Tip (6)
    • Github (4)
    • Flutter (3)
      • ํ”„๋กœ์ ํŠธ (3)
    • Private (27)
      • ํšŒ๊ณ  (7)
      • ๋ฉด์ ‘ (17)
    • ๊ฐœ๋ฐœ๋„์„œ (6)

๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

  • ํ™ˆ

๊ณต์ง€์‚ฌํ•ญ

์ธ๊ธฐ ๊ธ€

ํƒœ๊ทธ

  • ํ˜ธ์ด์ŠคํŒ…
  • ์ฝœ์Šคํƒ
  • ํž™์˜์—ญ
  • ์‹คํ–‰์ปจํƒ์ŠคํŠธ
  • next.js
  • ํ‹ฐ์Šคํ† ๋ฆฌ์ฑŒ๋ฆฐ์ง€
  • SSR
  • layout shift
  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ
  • ์‹คํ–‰์ปจํ…์ŠคํŠธ
  • ๋ฉด์ ‘
  • ์ด๋ฏธ์ง€ ์ตœ์ ํ™”
  • ์˜ค๋ธ”์™„
  • ํŠธ๋Ÿฌ๋ธ”์ŠˆํŒ…
  • ์ด๋ฒคํŠธ๋ฃจํ”„
  • reflow
  • ๋ชจ๋˜๋ฆฌ์•กํŠธ๋”ฅ๋‹ค์ด๋ธŒ
  • ๋ ‰์‹œ์ปฌ
  • ์›์‹œํƒ€์ž…
  • react

์ตœ๊ทผ ๋Œ“๊ธ€

์ตœ๊ทผ ๊ธ€

ํ‹ฐ์Šคํ† ๋ฆฌ

hELLO ยท Designed By ์ •์ƒ์šฐ.
๐Ÿธminzzi

Minzzi์•ผ

๋ฐ๋ธŒ์ฝ”์Šค

[ํšŒ๊ณ ] ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ํ’€์Šคํƒ ๋ฐ๋ธŒ์ฝ”์Šค ๋‹จ์œ„ 1์ฐจ

2024. 5. 20. 00:21

ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ๋ฐ๋ธŒ์ฝ”์Šค ๊ณผ์ •์˜ ์ฒซ ํ•œ ๋‹ฌ์ด ๋๋‚ฌ๋‹ค.

๋ฐ๋ธŒ์ฝ”์Šค๋Š” ์ „๋ฐ˜์ ์œผ๋กœ ์•Œ์ฐฌ ๊ตฌ์„ฑ์œผ๋กœ ์ค€๋น„๋˜์—ˆ๊ณ , ๋”ฐ๋ผ๊ฐ€๊ธฐ์— ๋ถ€์กฑํ•จ์€ ์—†์—ˆ๋‹ค. 2์ฐจ ๋‹จ์œ„๊ธฐ๊ฐ„๋•Œ๋Š” ์ข€ ๋” ๋ฐ€๋„์žˆ๊ณ  ์•Œ์ฐจ๊ฒŒ ๋ฐฐ์šด ๋‚ด์šฉ๋“ค์„ ๋จธ๋ฆฟ์†์— ์ง‘์–ด ๋„ฃ์„ ์ˆ˜ ์žˆ๊ธธ ๋ฐ”๋ผ๋Š” ๋งˆ์Œ์œผ๋กœ ์งง๊ฒŒ ํšŒ๊ณ ํ•ด๋ณด๋ ค๊ณ  ํ•œ๋‹ค. 

 

๊ฐœ์ธ์ ์œผ๋กœ ์ž๋ž‘์Šค๋Ÿฝ๊ฒŒ ์—ฌ๊ธฐ๋Š” ๊ฒƒ๋“ค๊ณผ ์•„์‰ฌ์›€์ด ๋‚จ๋Š” ๊ฒƒ๋“ค์ด ์žˆ๋Š” ๊ฒƒ ๊ฐ™๋‹ค.

์ž๋ž‘์Šค๋Ÿฌ์šด ๊ฒƒ์€ 2์ฐจ ๋‹จ์œ„๊ธฐ๊ฐ„๋•Œ๋Š” ์ข€ ๋” ํ™œ๋ฐœํžˆ, ๊นŠ๊ฒŒ ์ง„ํ–‰ํ•˜๊ณ , ์•„์‰ฌ์›€์ด ๋‚จ๋Š” ๊ฒƒ์€ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์„ ์ฐพ๊ณ  ๋…ธ๋ ฅํ•ด์•ผ๊ฒ ๋‹ค.


์ž๋ž‘์Šค๋Ÿฝ๊ฒŒ ์—ฌ๊ธฐ๋Š” ๊ฒƒ

 

๐Ÿ‘‰ ๋„คํŠธ์›Œํ‚น : ๋ฐ๋ธŒ์ฝ”์Šค๊ฐ€ ๋๋‚  ๋•Œ์ฏค์—๋Š” ์ •๋ง ๋งŽ์€ ์‚ฌ๋žŒ๋“ค์ด ๋‚จ์„ ๊ฒƒ ๊ฐ™๋‹ค. (๋ฌผ๋ก  ๋ชจ๋‘ ๋ฌด์‚ฌํžˆ ๋‹ค ์ˆ˜๋ฃŒํ•œ๋‹ค๋Š” ๊ฐ€์ •ํ•˜์—) ํ•œ ๋‹ฌ ๋™์•ˆ ์˜จ๋ผ์ธ์ž„์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ  ๋งŽ์€ ์‚ฌ๋žŒ๋“ค๊ณผ ์†Œํ†ตํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค. ํŠนํžˆ ์Šคํ„ฐ๋””์—์„œ ๋งŒ๋‚œ ์‚ฌ๋žŒ๋“ค์ด ๊ธฐ์–ต์— ๋‚จ๋Š”๋‹ค. ๋ชจ๋˜ ๋ฆฌ์•กํŠธ ๋”ฅ๋‹ค์ด๋ธŒ ์Šคํ„ฐ๋””์—์„œ 8๋ช…์˜ ์‚ฌ๋žŒ๋“ค์„ ์ง์ ‘ ๋Œ€๋ฉด์œผ๋กœ ๋ณด๊ณ  ์†Œํ†ตํ•  ์ˆ˜ ์žˆ์—ˆ๊ณ , ํ•œ ์ฃผ์— ํ•œ ๋ฒˆ์”ฉ ์˜จ๋ผ์ธ์œผ๋กœ ๋งŒ๋‚˜๋ฉด์„œ ๋‚ด๊ฐ€ ๋งŽ์ด ๋ถ€์กฑํ•˜๋‹ค๊ณ  ์ƒ๊ฐํ•˜๋Š” ๋ถ€๋ถ„์—์„œ ๋ฐฐ์šธ ์ˆ˜ ์žˆ๋Š” ๋ถ€๋ถ„์ด ์ •๋ง ๋งŽ์•˜๋‹ค. 

 

๐Ÿ‘‰ ๋ฐฑ์—”๋“œ์— ๋Œ€ํ•œ ํ๋ฆ„ ์ดํ•ด : ๊ฐœ๋ฐœ์„ ์‹œ์ž‘ํ•œ ์ง€(๋ฐฐ์šด ์ง€) ์ด์ œ ๋ง‰ 1๋…„์ด ๋˜๋Š” ๊ฒƒ ๊ฐ™๋‹ค. ๊ทธ๋ ‡๊ธฐ์— ํ”„๋ก ํŠธ๋„ ๊ฒ‰ํ•ฅ๊ธฐ์‹์œผ๋กœ๋งŒ ์•Œ๊ณ  ์žˆ์—ˆ๊ณ , ๋ฐฑ์—”๋“œ์— ๋Œ€ํ•ด์„œ๋Š” ๊ทธ์ € ๋ฌด์ง€ํ•œ ์ƒํƒœ์˜€๋‹ค. 1์ฐจ ๋‹จ์œ„๊ธฐ๊ฐ„ ๋™์•ˆ ๊น€์†ก์•„ ๊ฐ•์‚ฌ๋‹˜์„ ํ†ตํ•ด์„œ Node.js๋ฅผ ์ด์šฉํ•œ API ๊ตฌํ˜„, express๋ฅผ ์ด์šฉํ•œ ์„œ๋ฒ„ ๊ตฌ์„ฑ ๋“ฑ ๋ฐฑ์—”๋“œ์—์„œ ํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ์ดˆ ์„ค๊ณ„์„ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์—ˆ๋‹ค. ํ”„๋กœ์ ํŠธ๋ฅผ ํ•  ๋• ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž๊ฐ€ ์ œ๊ณตํ•ด์ฃผ๋Š” swagger๋‚˜ API ๋ฌธ์„œ๋ฅผ ํ†ตํ•ด์„œ ์—ฐ๊ฒฐ๋งŒ ํ•˜๋ ค๊ณ  ํ–ˆ์—ˆ์ง€, ๊ทธ ์•ˆ์˜ ์„ค๊ณ„๋ฅผ ์ƒ๊ฐํ•ด๋ณด์ง€๋„, ๊ฒฝํ—˜ํ•ด๋ณด์ง€๋„ ๋ชปํ–ˆ๊ธฐ ๋•Œ๋ฌธ์— ํ•ด๋‹น ๊ธฐ๊ฐ„ ๋™์•ˆ ์ˆ˜ํ–‰ํ–ˆ๋˜ ๊ฒฝํ—˜๋“ค์ด ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž๋“ค์˜ ๋…ธ๊ณ ๋ฅผ ์กฐ๊ธˆ์ด๋‚˜๋งˆ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋Š” ์ˆœ๊ฐ„๋“ค์ด์—ˆ๋‹ค. 

 

๐Ÿ‘‰ ๊ณต๋ถ€ ์Šต๊ด€ ์žก๊ธฐ : ์•„์นจ ๋ชจ๊ฐ์ฝ” ์Šคํ„ฐ๋””์— ์ฐธ์—ฌํ•˜๊ณ  ์žˆ๋‹ค. ํ•ด๋‹น ์Šคํ„ฐ๋””๋ฅผ ํ†ตํ•ด์„œ ์•„์นจ์— ๋ฐ€๋„ ์žˆ๋Š” ๊ณต๋ถ€๋ฅผ ํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค. 8:00-11:30 ๋™์•ˆ ์ง„ํ–‰ํ•˜๋Š” ์Šคํ„ฐ๋””์ธ๋ฐ, ์ฒ˜์Œ์—๋Š” ์•„์นจ์— ์ผ์–ด๋‚˜๋Š” ๊ฒƒ์กฐ์ฐจ ํž˜๋“ค์—ˆ์ง€๋งŒ, ์•„์นจ์— ์ง‘์ค‘์ด ์ž˜๋˜๋Š” ๊ฒฝํ—˜์„ ํ•œ ์ดํ›„๋กœ๋Š” ์ข€ ๋” ์ผ์ฐ ์ž๋ ค๊ณ  ๋…ธ๋ ฅํ–ˆ๊ณ , ์ตœ์†Œํ•œ 6์‹œ๊ฐ„์€ ์ž๊ณ  ์Šคํ„ฐ๋””์— ์ฐธ์—ฌํ•˜๋ ค๊ณ  ๋…ธ๋ ฅํ–ˆ๋‹ค. ๊ทธ๋ž˜์„œ์ธ์ง€ ์•„์นจ์— ๊ณต๋ถ€๋ฅผ ํ•˜๋Š” ๋ฃจํ‹ด์œผ๋กœ ํ•˜๋ฃจ๋ฅผ ๋” ์ •๋ˆ์žˆ๊ฒŒ ์‚ด ์ˆ˜ ์žˆ์—ˆ๋‹ค. ์นœ๊ตฌ๋“ค์—๊ฒŒ๋„ ์ถ”์ฒœํ•˜์ง€๋งŒ ์•„์นจ 3์‹œ๊ฐ„ ๊ณต๋ถ€๋ฅผ ๊ณต๋ถ€์˜ ์งˆ์„ ๋†’์—ฌ์ฃผ๋Š” ๊ฒƒ ๊ฐ™๋‹ค.


์•„์‰ฌ์›€์ด ๋‚จ๋Š” ๊ฒƒ

 

๐Ÿ‘‰ ์ž๊ฒฉ์ฆ ๊ณต๋ถ€๋กœ ์ธํ•ด ์ƒ๊ฒจ๋ฒ„๋ฆฐ ๋ฐ€๋ฆฐ ๊ฐ•์˜๋“ค.. : 5/14์— ์ •๋ณด์ฒ˜๋ฆฌ๊ธฐ์‚ฌ ํ•„๊ธฐ ์‹œํ—˜์„ ๋ดค๋‹ค. ํ•„๊ธฐ ์‹œํ—˜ ์น˜๋ฅด๊ธฐ 4-5์ผ ์ „๋ถ€ํ„ฐ๋Š” ๋ฐ๋ธŒ์ฝ”์Šค ๊ฐ•์˜์— ์ง‘์ค‘ํ•  ์ˆ˜๊ฐ€ ์—†์–ด์„œ ๊ฐ•์˜๊ฐ€ 4์ผ์น˜๊ฐ€ ๋ฐ€๋ ธ๋˜ ๋•Œ๊ฐ€ ์žˆ์—ˆ๋‹ค. (์‚ฌ์‹ค ์ด๊ฑด 2์ฐจ ๋‹จ์œ„๊ธฐ๊ฐ„์ด๊ธด ํ•˜๋‹ค. ์“ฐ๋Š” ๋‚  ๊ธฐ์ค€ ์ด์ „์˜ ๋ชจ๋“  ๋‚ ๋“ค์„ ๋Œ์•„๋ณด๋Š” ๊ฑฐ๋‹ˆ ๊ทธ๋ƒฅ ์จ์•ผ๊ฒ ๋‹ค.) 1-3์ฃผ์ฐจ ํšŒ๊ณ ๋ฅผ ๋‹ค์‹œ ์ฝ์–ด๋ณด๋ฉด ํ•˜๋ฃจ์— ์ œ๊ณต๋˜๋Š” ๊ฐ•์˜๋Š” ๊ทธ๋‚ ์— ๊ผญ ๋๋‚ด๊ธฐ๊ฐ€ Try์— ์žˆ์—ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ํ•œ์ฐฝ API ์„ค๊ณ„, ๊ตฌํ˜„, ๊ทธ๋ฆฌ๊ณ  ์ฟ ํ‚ค, JWT ๋“ฑ ์ค‘์š”ํ•œ ๋‚ด์šฉ์„ ๋‹ค๋ค˜๋˜ ๊ฐ•์˜๋“ค์„ ๋ชป๋“ฃ๊ณ  ํ•œ๋ฒˆ์— ๋“ค์–ด์•ผ ํ•˜๋Š” ์ƒํ™ฉ์— ๋†“์˜€๋‹ค. ์ž๊ฒฉ์ฆ ๊ณต๋ถ€๋Š” ํ•‘๊ณ„์ด๊ณ  ์‚ฌ์‹ค์€ ์‹œ๊ฐ„๊ด€๋ฆฌ ๋ฏธ์Šค๊ฐ€ ํฐ ๋“ฏํ•˜๋‹ค. ํ•ด์•ผํ•  ์ผ์ด ์žˆ๋‹ค๋ฉด ํ•„์ˆ˜์ฐธ์—ฌํ•ด์•ผํ•˜๋Š” ์ผ์ •์ด ์•„๋‹ˆ๋ผ๋ฉด ํฌ๊ธฐํ•ด์•ผํ•˜๋Š” ์—ฐ์Šต์ด ํ•„์š”ํ•œ ๋“ฏ ์‹ถ๋‹ค. ๊ทธ๋ž˜์„œ ์‹ค๊ธฐ ์ค€๋น„ํ•  ๋•Œ๋Š” ๊ฐ•์˜ ๋“ฃ๋Š” ๊ฒƒ์„ ํ›„์ˆœ์œ„๋กœ ๋งŒ๋“ค์ง€ ์•Š์•„์•ผ๊ฒ ๋‹ค.

์ €์ž‘์žํ‘œ์‹œ (์ƒˆ์ฐฝ์—ด๋ฆผ)

'๋ฐ๋ธŒ์ฝ”์Šค' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[ํšŒ๊ณ ] ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ํ’€์Šคํƒ ๋ฐ๋ธŒ์ฝ”์Šค ๋‹จ์œ„ 2์ฐจ  (0) 2024.06.23
[ํšŒ๊ณ ] ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ํ’€์Šคํƒ ๋ฐ๋ธŒ์ฝ”์Šค 3์ฃผ์ฐจ  (0) 2024.05.01
[ํšŒ๊ณ ] ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ํ’€์Šคํƒ ๋ฐ๋ธŒ์ฝ”์Šค 2์ฃผ์ฐจ  (2) 2024.04.22
[Git] git์œผ๋กœ ํ”„๋กœ์ ํŠธ ์‹œ์ž‘ํ•˜๊ธฐ(github ์—ฐ๊ฒฐ, git init)  (0) 2024.04.14
[ํšŒ๊ณ ] ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ํ’€์Šคํƒ ๋ฐ๋ธŒ์ฝ”์Šค 1์ฃผ์ฐจ  (0) 2024.04.13
    '๋ฐ๋ธŒ์ฝ”์Šค' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
    • [ํšŒ๊ณ ] ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ํ’€์Šคํƒ ๋ฐ๋ธŒ์ฝ”์Šค ๋‹จ์œ„ 2์ฐจ
    • [ํšŒ๊ณ ] ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ํ’€์Šคํƒ ๋ฐ๋ธŒ์ฝ”์Šค 3์ฃผ์ฐจ
    • [ํšŒ๊ณ ] ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ํ’€์Šคํƒ ๋ฐ๋ธŒ์ฝ”์Šค 2์ฃผ์ฐจ
    • [Git] git์œผ๋กœ ํ”„๋กœ์ ํŠธ ์‹œ์ž‘ํ•˜๊ธฐ(github ์—ฐ๊ฒฐ, git init)
    ๐Ÿธminzzi
    ๐Ÿธminzzi

    ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”