[TIL] 2025-12-17

msus_xxviiยท2025๋…„ 12์›” 17์ผ

DailyLog

๋ชฉ๋ก ๋ณด๊ธฐ
8/37
post-thumbnail

๐ŸŽฏ ์˜ค๋Š˜ ํ•œ ์ผ

  • DailyLog ํ”„๋ก ํŠธ์—”๋“œ ํ™˜๊ฒฝ ๊ตฌ์ถ• ์™„๋ฃŒ

    • Vite ๊ธฐ๋ฐ˜ React ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ
  • Node.js / npm / PowerShell ์‹คํ–‰ ์ •์ฑ… ์ด์Šˆ ํ•ด๊ฒฐ
  • ๊ฐœ๋ฐœ ์„œ๋ฒ„(localhost:5173) ์ •์ƒ ๊ตฌ๋™ ํ™•์ธ
  • ํ”„๋ก ํŠธ์—”๋“œ GitHub ๋ ˆํฌ์ง€ํ† ๋ฆฌ ์—ฐ๋™ ์™„๋ฃŒ
  • git status, remote, log๋กœ ๋กœ์ปฌโ€“์›๊ฒฉ ๋™๊ธฐํ™” ๊ฒ€์ฆ

  • ํ”„๋ก ํŠธ์—”๋“œ ๊ธฐ์ˆ  ์Šคํƒ ๊ฒฐ์ •

    • TypeScript ๋Œ€์‹  JavaScript ์„ ํƒ (์ปค๋ฆฌ์–ดยท๋ชฉํ‘œ ๊ธฐ๋ฐ˜ ํŒ๋‹จ)
  • ํ”„๋ก ํŠธ์—”๋“œ ๋ ˆํฌ์ง€ํ† ๋ฆฌ ๋ฌธ์„œํ™”

    • make.md ์ƒ์„ฑ (๋ชฉ์ , ์Šคํƒ, ์‹คํ–‰ ๋ฐฉ๋ฒ•, MVP ๋ฒ”์œ„ ์ •๋ฆฌ)

๐Ÿ’ก ๋ฐฐ์šด ์ 

  • ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์—์„œ ๊ฐ€์žฅ ํฐ ํ—ˆ๋“ค์€ ์ฝ”๋“œ๊ฐ€ ์•„๋‹ˆ๋ผ ํ™˜๊ฒฝ ์„ค์ •์ด๋‹ค.

  • Vite๋Š” CRA ๋Œ€๋น„ ์ดˆ๊ธฐ ์„ธํŒ…๊ณผ ๊ฐœ๋ฐœ ์†๋„ ๋ฉด์—์„œ ์ฒด๊ฐ ํšจ์œจ์ด ํ™•์‹คํžˆ ๋†’๋‹ค.

  • Windows ํ™˜๊ฒฝ์—์„œ๋Š” PowerShell ์‹คํ–‰ ์ •์ฑ…์ด npm ์ „์ฒด๋ฅผ ๋ง‰์„ ์ˆ˜ ์žˆ๋‹ค.

  • GitHub ์—ฐ๋™์€ โ€œ์—ฐ๊ฒฐํ–ˆ๋‹คโ€๊ฐ€ ์•„๋‹ˆ๋ผ
    status / remote / log๋กœ ๊ฒ€์ฆํ•ด์•ผ ๋์ด๋‹ค.

  • ๊ธฐ์ˆ  ์„ ํƒ์€ ์œ ํ–‰์ด ์•„๋‹ˆ๋ผ ์ง€๊ธˆ ๋‚ด ์ปค๋ฆฌ์–ด ๋‹จ๊ณ„์™€ ๋ชฉํ‘œ๋ฅผ ๊ธฐ์ค€์œผ๋กœ ํ•ด์•ผ ํ•œ๋‹ค.

    • ์ง€๊ธˆ์€ TypeScript๋ณด๋‹ค ๋น ๋ฅธ ์™„์ฃผ์™€ ๊ตฌ์กฐ ์ดํ•ด๊ฐ€ ๋” ์ค‘์š”ํ•˜๋‹ค.

๐Ÿš€ ๋‚ด์ผ ํ•  ์ผ

  • Vite ํ”„๋ก์‹œ ์„ค์ • ํ›„ ๋ฐฑ์—”๋“œ(/api/logs) ์—ฐ๋™
  • axios๋ฅผ ํ™œ์šฉํ•ด DailyLog Data View ํ™”๋ฉด์— ๋ฆฌ์ŠคํŠธ ์ถœ๋ ฅ
  • ๋ฐ์ดํ„ฐ๊ฐ€ ํ™”๋ฉด์— โ€œ๋ณด์ด๋Š” ๊ฒƒโ€๊นŒ์ง€๋ฅผ 1์ฐจ ๋ชฉํ‘œ๋กœ ์„ค์ •

๐Ÿงฉ ๋А๋‚€ ์ 

  • ์˜ค๋Š˜์€ ๊ฒฐ๊ณผ๋ฌผ์ด ํ™”๋ คํ•˜์ง„ ์•Š์ง€๋งŒ, ์•ž์œผ๋กœ ๋ง‰ํž ์ˆ˜ ์žˆ๋Š” ์ง€๋ขฐ๋ฅผ ๋Œ€๋ถ€๋ถ„ ์ œ๊ฑฐํ•œ ๋‚ ์ด๋‹ค.
  • ํ™˜๊ฒฝ ๋ฌธ์ œ๋ฅผ ํ•˜๋‚˜์”ฉ ํ•ด๊ฒฐํ•˜๋ฉด์„œ,
    โ€œํ”„๋ก ํŠธ๊ฐ€ ๋‘๋ ค์šด ์˜์—ญ์ด ์•„๋‹ˆ๋‹คโ€๋ผ๋Š” ํ™•์‹ ์ด ์ƒ๊ฒผ๋‹ค.
  • ์ด์ œ๋ถ€ํ„ฐ๋Š” ์„ค์ •์ด ์•„๋‹ˆ๋ผ ๊ธฐ๋Šฅ๊ณผ ๊ฒฐ๊ณผ๋ฌผ์—๋งŒ ์ง‘์ค‘ํ•˜๋ฉด ๋˜๋Š” ๋‹จ๊ณ„์— ๋“ค์–ด์™”๋‹ค.

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