• ABOUT
  • POSTS
  • GUESTBOOK

ยฉ 2025 BlueCool12 All rights reserved.

2026.03.21ํšŒ๊ณ 

๐Ÿง‘โ€๐Ÿ’ป ๋ธ”๋กœ๊ทธ ๊ฐœ๋ฐœ ํšŒ๊ณ 

music.webpโ€” ๊ฐ€์žฅ ์ข‹์•„ํ•˜๋Š” ์ƒ์„ฑํ˜• ์ด๋ฏธ์ง€ โ€”


โ€œ๊ฐœ์ธ ๋ธ”๋กœ๊ทธ๋ฅผ ๋งŒ๋“ค์–ด๋ณด์žโ€๋ผ๋Š” ์ƒ๊ฐ์œผ๋กœ ๊ฐœ๋ฐœ์„ ์‹œ์ž‘ํ•˜๊ณ  ํ‹ˆํ‹ˆ์ด ์‹œ๊ฐ„์„ ๋‚ด์–ด ๋ธ”๋กœ๊ทธ๋ฅผ ๋งŒ๋“ค๊ธฐ ์‹œ์ž‘ํ•˜์˜€๋‹ค. ๊ธ€์„ ์“ฐ๋Š” ์ง€๊ธˆ ๋Œ์ด์ผœ๋ณด๋ฉด ์ •๋ง ์ž˜ํ•œ ๊ฒฐ์ •์ธ ๊ฒƒ ๊ฐ™๋‹ค.

์ฒ˜์Œ์— ๋ธ”๋กœ๊ทธ๋ฅผ ๋งŒ๋“ค๊ธฐ ์‹œ์ž‘ํ•œ ๊ณ„๊ธฐ๋Š” ๋‹จ์ˆœํ–ˆ๋‹ค. ๊ตญ๋น„ ๊ต์œก ๊ณผ์ •์—์„œ ๋งŽ์€ ๊ฑธ ๋ฐฐ์šฐ๊ณ  ํ”„๋กœ์ ํŠธ๋„ ์ง„ํ–‰ํ•˜์˜€์ง€๋งŒ ๋ฐฐํฌ๋ฅผ ์ง์ ‘ ํ•ด๋ณด์ง€๋Š” ๋ชปํ–ˆ๋‹ค๋Š” ์•„์‰ฌ์›€ + ํ•œ์ฐฝ ์œ ํ–‰ํ•˜๋˜ React์™€ ๊ฐ™์€ ์ตœ์‹  ๊ธฐ์ˆ  ์Šคํƒ์„ ๋‹ค๋ค„๋ด์•ผ๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์œผ๋กœ ์‹œ์ž‘ํ–ˆ๋˜ ๊ฒƒ ๊ฐ™๋‹ค.

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

๊ทธ๋ ‡๊ฒŒ React ๊ฐ•์˜๋„ ํ•˜๋‚˜ ์‚ฌ์„œ ๊ณต๋ถ€ํ•˜๋ฉด์„œ ์žฌ๋ฐŒ๊ฒŒ ๋งŒ๋“ค์—ˆ์ง€๋งŒ ์‚ฌ์‹ค ์ด ๋ธ”๋กœ๊ทธ๋ฅผ ๋งŒ๋“ค๊ธฐ ์ด์ „์— 2๋ฒˆ ์ •๋„ ํ”„๋กœ์ ํŠธ๋ฅผ ์—Ž์€ ์ ์ด ์žˆ๋‹ค. ๋ช‡๋ช‡ ๊ฐœ๋ฐœ์ž๋“ค์€ ๊ณต๊ฐํ•˜๊ฒ ์ง€๋งŒ ์ฒ˜์Œ๋ถ€ํ„ฐ ๋„ˆ๋ฌด ์™„๋ฒฝํ•˜๊ฒŒ ๋งŒ๋“ค๋ ค๊ณ  ํ•˜๋‹ค ๋ณด๋ฉด ์˜คํžˆ๋ ค ๊ฐœ๋ฐœ์ด ์ž˜ ์•ˆ๋˜๋Š” ๊ฒƒ ๊ฐ™๋‹ค.


main2.webpโ€” ๋ฉ”์ธ ํŽ˜์ด์ง€ ์ด๋ฏธ์ง€(์˜€๋˜ ๊ฒƒ) โ€”


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

์ค‘๊ฐ„์— ๊ตฌ๊ธ€ ์ƒ‰์ธ์ด ์•ˆ๋˜๊ฑฐ๋‚˜ ๋ฐฐํฌ ์ž๋™ํ™”๋ฅผ ํ•˜๋Š” ๊ณผ์ •์—์„œ ๋ง‰ํžŒ๋‹ค๊ฑฐ๋‚˜ ํ•˜๋Š” ์–ด๋ ค์›€๋„ ์žˆ์—ˆ์ง€๋งŒ ์ฒ˜์Œ ์•Œ๊ฒŒ ๋˜๋Š” ๊ฒƒ๋“ค์ด ๋งŽ์•„์„œ ๊ทธ๋Ÿฐ ์ŠคํŠธ๋ ˆ์Šค๋„ ์ฆ๊ฒ๊ฒŒ ๋‹ค๊ฐ€์™”๋‹ค.

๊ฐœ๋ฐœ๋„ ๊ทธ๋ ‡๊ณ  ๊ธ€์„ ์“ฐ๋Š” ์ผ๋„ ๊ทธ๋ ‡๊ณ  ์ผ๋‹จ ์‹œ์ž‘๋งŒ ํ•˜๋ฉด ๋ชฐ์ž…ํ•ด์„œ ๊ธˆ๋ฐฉ ํ•˜๊ฒŒ ๋˜๋Š”๋ฐ ๊ทธ ์‹œ์ž‘์ด ์ฐธ ์–ด๋ ค์šด ๊ฒƒ ๊ฐ™๋‹ค. ์•ž์œผ๋กœ ํ•  ์ผ์„ ์ƒ๊ฐํ•˜๋ฉด ๋ง‰๋ง‰ํ•˜๊ธฐ๋„ ํ•˜๊ณ , ์–ด๋””์„œ๋ถ€ํ„ฐ ์‹œ์ž‘ํ•ด์•ผ ํ• ์ง€ ๊ฐ์ด ์ž˜ ์•ˆ ์˜ค๊ธฐ๋„ ํ•˜๊ณ ...

๊ทธ๋ž˜๋„ ์กฐ๊ธˆ์”ฉ์ด์ง€๋งŒ ๊พธ์ค€ํžˆ ๋ญ”๊ฐ€๋ฅผ ํ•˜๋‹ค ๋ณด๋ฉด ์–ด๋А์ƒŒ๊ฐ€ ๊ฒฐ๊ณผ๋ฌผ์„ ๋ณด๊ณ ๋Š” ๋†€๋ž„ ๋•Œ๊ฐ€ ๋งŽ๋‹ค. ์ด๋Ÿฐ ๊พธ์ค€ํ•จ์˜ ํž˜์„ ์•Œ๊ฒŒ ๋œ ๊ฒƒ์€ ์Œ์•…์„ ๊ณต๋ถ€ํ•˜๋˜ ์‹œ์ ˆ ๋•๋ถ„์ธ ๊ฒƒ ๊ฐ™๋‹ค.

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

๋Šฆ์—ˆ๋‹ค๋ฉด ๋Šฆ์€ ๋‚˜์ด์— ๊ฐœ๋ฐœ์ž๋กœ ์ „ํ–ฅํ•˜๊ฒŒ ๋˜์—ˆ์ง€๋งŒ ์ง€๋‚œ 10๋…„์„ ํ›„ํšŒํ•˜์ง€ ์•Š๋Š” ๊ฒƒ์€ ์Œ์•…์„ ์•Œ๊ฒŒ ๋˜๊ณ  ๋‹ค์–‘ํ•œ ์‚ฌ๋žŒ๋“ค์„ ๊ฐ€๋ฅด์น˜๋ฉด์„œ ๋‚˜ ์ž์‹ ์ด ๋งŽ์ด ๋ณ€ํ–ˆ๊ธฐ ๋•Œ๋ฌธ์ผ ๊ฒƒ์ด๋‹ค. ์„ธ์ƒ์„ ๋ฐ”๋ผ๋ณด๋Š” ์‹œ์•ผ๋‚˜ ์‚ถ์„ ๋Œ€ํ•˜๋Š” ๊ฐ€์น˜๊ด€์ด ๋ณ€ํ•˜๊ณ  ํ•˜๋ฃจํ•˜๋ฃจ๋ฅผ ์†Œ์ค‘ํžˆ ๋Œ€ํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋๋‹ค.


og.webpโ€” ๋ธ”๋กœ๊ทธ OG ์ด๋ฏธ์ง€ โ€”


ํ”ํžˆ๋“ค ์™œ ๊ฐ‘์ž๊ธฐ ์Œ์•…์„ ํ•˜๋‹ค๊ฐ€ ์ „ํ˜€ ๋‹ค๋ฅธ ์ง๋ฌด๋กœ, ๊ฐœ๋ฐœ์ž๋ฅผ ํ•˜๋ ค๊ณ  ํ•˜๋ƒ? ๋ผ๊ณ ๋“ค ๋งŽ์ด ๋ฌผ์–ด๋ณด์ง€๋งŒ ๋‚˜๋Š” ์Œ์•…๊ณผ ๊ฐœ๋ฐœ์ด ๋น„์Šทํ•œ ๋ถ€๋ถ„์ด ๋งŽ๋‹ค๊ณ  ์ƒ๊ฐํ•œ๋‹ค.

์ •ํ•ด์ง„ ๊ทœ๊ฒฉ, ๊ทœ์น™์— ๋งž์ถฐ ๋งŒ๋“ค๋ฉด์„œ๋„ ๊ทธ ์•ˆ์—์„œ ๋‚˜๋ฆ„์˜ ์ฐฝ์˜๋ ฅ์„ ์š”๊ตฌํ•œ๋‹ค๋Š” ์ ์ด๋‚˜ ๊ฐ™์€ ๋„๊ตฌ๋ฅผ ๊ฐ€์ง€๊ณ  ๋งŒ๋“ค๋ฉด์„œ๋„ ๋งŒ๋“œ๋Š” ์‚ฌ๋žŒ์— ๋”ฐ๋ผ์„œ ๋‹ค์–‘ํ•œ ๊ฒฐ๊ณผ๋ฌผ์ด ๋‚˜์˜จ๋‹ค๋Š” ์  ๊ทธ๋ฆฌ๊ณ  ์ •๋ง ๋์ด ๋ณด์ด์ง€ ์•Š๋Š” ๋„“์€ ์„ธ๊ณ„... (ํ‰์ƒ์— ๊ฑธ์ณ ํ•  ์ˆ˜ ์žˆ๋Š” ์ผ์ด ์žˆ๋‹ค๋Š” ๊ฑด ํ–‰๋ณตํ•œ ์ผ์ด๋‹ค!)

์ธ์ƒ์—์„œ ๋‚ด๊ฐ€ ์ง„์ •์œผ๋กœ ์ฆ๊ธธ ์ˆ˜ ์žˆ๋Š” ์ผ์„ 2๊ฐ€์ง€๋‚˜ ์ฐพ์•˜๋‹ค๋Š” ๊ฒƒ์ด ๋‚ด ๋‚จ์€ ๋ฏธ๋ž˜๋ฅผ, ๋‚ด์ผ์„ ๊ธฐ๋Œ€ํ•˜๊ฒŒ ํ•˜๋Š” ๊ฒƒ ๊ฐ™๋‹ค. ์•ž์œผ๋กœ๋„ ํ‰์ƒ ๊ธฐํƒ€ ์น˜๋ฉด์„œ ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ๊ธฐ๋ฅผ... ใ…Žใ…Ž

๋ธ”๋กœ๊ทธ์— ์‚ฌ์šฉํ•œ ๊ธฐ์ˆ  ์Šคํƒ์„ ์ •๋ฆฌํ•˜๋ฉฐ ๋งˆ๋ฌด๋ฆฌํ•œ๋‹ค.


- Frontend

  • React
  • Next.js
  • React Query
  • MUI
  • Styled-components


- Backend

  • Spring Boot (JPA)
  • NestJS (TypeORM)
  • FastAPI (SQLAlchemy)
  • LangChain


- INFRA

  • PostgreSQL
  • Qdrant
  • Redis
  • RabbitMQ
  • Docker
  • GitHub Actions
  • Prometheus
  • Grafana
์ด์ „ ๊ธ€
(ฮ‡ . ฮ‡ ) ์ด์ „ ๊ธ€์ด ์—†์Šต๋‹ˆ๋‹ค
๋‹ค์Œ ๊ธ€
๐Ÿš‚ ๋ฐฐ์—ด(Array) ยท ๋™์  ๋ฐฐ์—ด(Dynamic Array) ยท ์—ฐ๊ฒฐ ๋ฆฌ์ŠคํŠธ(Linked List) ๋น„๊ต ์ •๋ฆฌ
์žฅ์‹์šฉ ๋กœ๊ณ