[TIL] 2025-12-23

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

DailyLog

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

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

  • MySQL ์Šคํ‚ค๋งˆ(dailylog) ์ดˆ๊ธฐํ™” ๋ฐ ์žฌ์ƒ์„ฑ

    • DROP DATABASE IF EXISTS dailylog
    • CREATE DATABASE dailylog CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci
  • Spring Boot ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์ •์ƒ ๊ธฐ๋™ ํ™•์ธ (port 9000)

  • daily_log ํ…Œ์ด๋ธ” ์ „์ฒด ์กฐํšŒ SQL ํ™•์ธ

  • ํ”„๋ก ํŠธ์—”๋“œ โ†” ๋ฐฑ์—”๋“œ ๋ฐ์ดํ„ฐ ์กฐํšŒ ํ๋ฆ„ ์žฌํ™•์ธ

  • DataGrid / FullCalendar ์ „ํ™˜์„ ์œ„ํ•œ ๋ฐ์ดํ„ฐ ๊ตฌ์กฐ ์ ๊ฒ€

  • ์ด๋ฒˆ ์ฃผ(ํ™”~๊ธˆ) ๊ฐœ๋ฐœ ๊ณ„ํš ํ™•์ • ๋ฐ ๋ธŒ๋žœ์น˜ ์ „๋žต ๊ณ ๋ฏผ

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

  • MySQL Workbench์—์„œ Schema Drop โ†’ ์žฌ์ƒ์„ฑ์€ ๋ฌธ์ œ ์—†์Œ
    (๋‹จ, ์—ฐ๊ฒฐ ๋Š๊น€(Error 2013)์€ ์ผ์‹œ์ ์ผ ์ˆ˜ ์žˆ์Œ)

  • DB ์ดˆ๊ธฐํ™” ์ดํ›„ ๋ฐ˜๋“œ์‹œ:

    • USE dailylog
    • SHOW TABLES
    • SELECT * FROM daily_log
      ์ˆœ์„œ๋กœ ์ƒํƒœ๋ฅผ ํ™•์ธํ•ด์•ผ ํ—ท๊ฐˆ๋ฆฌ์ง€ ์•Š๋Š”๋‹ค
  • ์ „์ฒด ์กฐํšŒ์˜ ๊ธฐ์ค€ ์ •๋ ฌ์€ ํ”„๋ก ํŠธ UX ๊ธฐ์ค€(created_at DESC) ์œผ๋กœ ์žก๋Š” ๊ฒŒ ๋งž๋‹ค

  • ์ง€๊ธˆ ๊ตฌ์กฐ์—์„œ๋Š” CRUD๋ณด๋‹ค ๋ฐ์ดํ„ฐ ๋ชจ๋ธ ํ™•์žฅ(category, calendar) ์ด ๋‹ค์Œ ๋ณ‘๋ชฉ์ด๋‹ค

  • ์ด๋ฒˆ ์ฃผ ์ž‘์—…์€ โ€œ๊ธฐ๋Šฅ ์ถ”๊ฐ€โ€๊ฐ€ ์•„๋‹ˆ๋ผ ๊ตฌ์กฐ ์ „ํ™˜ + ์™„์„ฑ๋„์— ์ง‘์ค‘ํ•ด์•ผ ํ•œ๋‹ค

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

  • FullCalendar๋ฅผ ๋ฉ”์ธ ํ™”๋ฉด์œผ๋กœ ๋ฐฐ์น˜

  • daily_log ๋ฐ์ดํ„ฐ๋ฅผ event ํ˜•ํƒœ๋กœ ๋งคํ•‘

    • title
    • start (created_at or log_date)
    • backgroundColor (category color โ€“ ์ž„์‹œ๊ฐ’)
  • ์›” ์ด๋™(prev / next) ์‹œ ํ•ด๋‹น ์›” ๋ฐ์ดํ„ฐ ์žฌ์กฐํšŒ

  • DataGrid๋Š” ๋ณด์กฐ ๋ทฐ๋กœ ์œ ์ง€

๐Ÿงฉ ๋А๋‚€ ์ 

  • ์ง€๊ธˆ ๋‹จ๊ณ„์—์„œ DB๋ฅผ ๋‹ค์‹œ ๋ฐ€์–ด๋ฒ„๋ฆฐ ํŒ๋‹จ์€ ์˜ณ์•˜๋‹ค
    โ†’ ๊ตฌ์กฐ ๋ฐ”๋€Œ๊ธฐ ์ „์— ์ •๋ฆฌํ•˜๋Š” ๊ฒŒ ๋งž๋‹ค
  • ํ”„๋กœ์ ํŠธ๊ฐ€ โ€œ์žฅ๋‚œ๊ฐโ€์„ ๋„˜์–ด ์‹ค์ œ ์“ฐ๋Š” ๋„๊ตฌ ํ˜•ํƒœ๋กœ ์ง„์ž…ํ–ˆ๋‹ค
  • ์ด๋ฒˆ ์ฃผ๋Š” ์š•์‹ฌ๋‚ด๋ฉด ๋งํ•œ๋‹ค
    โ†’ ๊ธˆ์š”์ผ์— โ€œ1๋‹จ๊ณ„ ๋โ€์ด๋ผ๊ณ  ๋งํ•  ์ˆ˜ ์žˆ๋Š” ์ƒํƒœ๊ฐ€ ์ตœ์šฐ์„ 
  • ์ด์ œ๋ถ€ํ„ฐ๋Š” UX๊ฐ€ ๊ธฐ๋Šฅ๋ณด๋‹ค ์ค‘์š”ํ•œ ๊ตฌ๊ฐ„์ด๋‹ค

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