Skip to content
@Daegurrr

Daegurrr

๋Œ€๊ตฌ๋ฅด๋ฅด - DAEfree

์„œ๋น„์Šค ์š”์•ฝ

๋ฌด๋”์œ„ ์‰ผํ„ฐ ์ •๋ณด ์ œ๊ณต ์„œ๋น„์Šค(DAEfree) - ๋Œ€๊ตฌ ๋ฌด๋”์œ„ ์‰ผํ„ฐ ์ •๋ณด ์ œ๊ณต ๋ฐ ํ˜„์žฌ ์œ„์น˜ ๊ธฐ๋ฐ˜ ์ธ๊ทผ ์‰ผํ„ฐ ์•ˆ๋‚ด, ์‰ผํ„ฐ ์ด์šฉ์ž ์ปค๋ฎค๋‹ˆํ‹ฐ ์ œ๊ณต
KakaoTalk_20240922_000753663

๋ ˆํฌ์ง€ํ† ๋ฆฌ ๋งํฌ

FE ๋ ˆํฌ์ง€ํ† ๋ฆฌ : https://github.com/Daegurrr/Daegurrr_Frontend

BE ๋ ˆํฌ์ง€ํ† ๋ฆฌ : https://github.com/Daegurrr/Daegurrr_backend

์ฃผ์ œ ๊ตฌ๋ถ„

  • Sํƒ€์ž… ๋Œ€๊ตฌ ์‹œ๋‚ด์˜ ํ™˜๊ฒฝ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ณ  ์ง€์†๊ฐ€๋Šฅํ•œ ๋ฐœ์ „์„ ์ง€์›ํ•˜๋Š” ์„œ๋น„์Šค

ํŒ€์› ์†Œ๊ฐœ

๋Œ€๊ตฌ๋ฅด๋ฅด

๊ถŒ์ˆ˜ํ˜„ ๊น€๊ทœํšŒ ๊น€ํ˜„๋ฏผ ์ฑ„์ •๋ฏผ
๋ฐฑ์—”๋“œโ€ขํ”„๋ก ํŠธ์—”๋“œ ํ”„๋ก ํŠธ์—”๋“œ ๋””์ž์ธ ๋ฐฑ์—”๋“œ

์‹œ์—ฐ ์˜์ƒ

YouTube

์„œ๋น„์Šค ์†Œ๊ฐœ

์„œ๋น„์Šค ๊ฐœ์š”

๋ฌด๋”์œ„์— ์ง€์นœ ๋Œ€๊ตฌ ์‹œ๋ฏผ์„ ์œ„ํ•ด ๋ฌด๋”์œ„ ์‰ผํ„ฐ์˜ ์ •๋ณด๋ฅผ ์‹ค์‹œ๊ฐ„์œผ๋กœ ์•Œ๋ ค์ฃผ๋Š” ์„œ๋น„์Šค์ด๋‹ค. ์‚ฌ์šฉ์ž๋Š” ๊ฐ„๋‹จํ•œ ๊ณผ์ •์œผ๋กœ ๋ฌด๋”์œ„๋ฅผ ํ”ผํ•  ์ˆ˜ ์žˆ๋‹ค. ๋˜ํ•œ, ์ปค๋ฎค๋‹ˆํ‹ฐ๋ฅผ ํ†ตํ•ด ์‰ผํ„ฐ์—์„œ ์„œ๋กœ ๋„์›€์„ ์ฃผ๊ณ  ๋ฐ›์œผ๋ฉฐ ๋Œ€๊ตฌ ์‹œ๋ฏผ ์‚ฌ์ด์— ์œ ๋Œ€๊ฐ๊ณผ ์ปค๋ฎค๋‹ˆํ‹ฐ๋ฅผ ํ˜•์„ฑํ•  ์ˆ˜ ์žˆ๋‹ค.

ํƒ€์„œ๋น„์Šค์™€์˜ ์ฐจ๋ณ„์ 

์„œ๋น„์Šค ํƒ€๊ฒŸ์ธต์ธ ๋ฌด๋”์œ„ ์ทจ์•ฝ๊ณ„์ธต ์ค‘ ๋งŽ์€ ๋น„์œจ๋กœ ๋””์ง€ํ„ธ ๊ธฐ๊ธฐ์˜ ์‚ฌ์šฉ์ด ์ต์ˆ™ํ•˜์ง€ ๋ชปํ•˜๋‹ค. ํ•˜์ง€๋งŒ ๊ธฐ์กด ๋น„์Šทํ•œ ์„œ๋น„์Šค๋Š” ์‚ฌ์šฉํ•˜๊ธฐ ๋„ˆ๋ฌด ๋ณต์žกํ•ด ์ด ์‚ฌ๋žŒ๋“ค์ด ์ด์šฉํ•  ์ˆ˜ ์žˆ์„ ๊ฒƒ์ด๋ผ ๊ธฐ๋Œ€ํ•˜๊ธฐ ์–ด๋ ค์› ๋‹ค. ๋”ฐ๋ผ์„œ ์šฐ๋ฆฌ ์„œ๋น„์Šค๋Š” ๋ฌด๋”์œ„ ์‰ผํ„ฐ ์ •๋ณด ์ œ๊ณต์˜ ์ ‘๊ทผ์„ฑ ๊ฐœ์„  ๋ฐ ์ปค๋ฎค๋‹ˆํ‹ฐ ํ˜•์„ฑ ์ง‘์ค‘ํ–ˆ๋‹ค.

๊ธฐํƒ€ ์ง€๋„ ์•ฑ์—์„œ๋Š” ๋ฌด๋”์œ„ ์‰ผํ„ฐ ์ •๋ณด๋ฅผ ์ œ๊ณตํ•˜์ง€ ์•Š๋Š”๋‹ค. ๋˜ํ•œ ๋น„์Šทํ•œ ์„œ๋น„์Šค๋กœ โ€œ์•ˆ์ „๋””๋”ค๋Œโ€ ์ด๋ผ๋Š” ์„œ๋น„์Šค๊ฐ€ ์žˆ์ง€๋งŒ, ์ง์ ‘ ์‚ฌ์šฉํ•ด๋ณธ ๊ฒฐ๊ณผ 4๋ฒˆ์˜ ํด๋ฆญ์ด ํ•„์š”ํ•  ์ •๋„๋กœ ์ ‘๊ทผ์„ฑ์ด ์ข‹์ง€ ์•Š์Œ์„ ๋А๊ผˆ๋‹ค. ๊ทธ๋ž˜์„œ ์šฐ๋ฆฌ ์„œ๋น„์Šค๋Š” ๋‹จ ํ•œ๋ฒˆ์˜ ํด๋ฆญ์œผ๋กœ ๋ฌด๋”์œ„์— ์ง€์นœ ์‚ฌ์šฉ์ž์— ๊ฐ€์žฅ ํ•„์š”ํ•œ ์ •๋ณด๋ฅผ ์ œ๊ณตํ•ด์ค„ ์ˆ˜ ์žˆ๊ณ , ์‰ผํ„ฐ์—์„œ ๋ฌด๋”์œ„๋ฅผ ํ•จ๊ป˜ ์ด๊ฒจ๋‚ผ ์ปค๋ฎค๋‹ˆํ‹ฐ ํ˜•์„ฑ ๊ธฐ๋Šฅ์—์„œ๋„ ๊ธฐ์กด ์„œ๋น„์Šค์™€ ์ฐจ๋ณ„์ ์ด ์žˆ๋‹ค.

๊ตฌํ˜„ ๋‚ด์šฉ ๋ฐ ๊ฒฐ๊ณผ๋ฌผ

API๋ช…์„ธ


๊ตฌํ˜„ ํ™”๋ฉด

  1. ๋ฌด๋”์œ„ ์‰ผํ„ฐ ์ง€๋„ ํŽ˜์ด์ง€
    • ์ง€๋„๋ฅผ ํ†ตํ•ด ํ˜„์žฌ ์œ„์น˜ ๋ถ€๊ทผ์˜ ๋ฌด๋”์œ„ ์‰ผํ„ฐ ์ •๋ณด๋ฅผ ์ž์„ธํ•˜๊ฒŒ ์ œ๊ณตํ•œ๋‹ค.
    • ๋ฌด๋”์œ„ ์‰ผํ„ฐ ์ข…๋ฅ˜๋ฅผ ํ†ตํ•ด ๊ฒ€์ƒ‰ํ•˜๋Š” ๊ฒƒ๋„ ๊ฐ€๋Šฅํ•˜๋‹ค.

  1. ๋ฌด๋”์œ„ ์‰ผํ„ฐ ์ปค๋ฎค๋‹ˆํ‹ฐ ํŽ˜์ด์ง€
    • ๋ฌด๋”์œ„ ์‰ผํ„ฐ์— ๊ด€ํ•œ ์ •๋ณด๋ฅผ ์ฃผ๊ณ  ๋ฐ›์„ ์ˆ˜ ์žˆ๋‹ค.
    • ๋ฌด๋”์œ„ ์‰ผํ„ฐ ์ด์šฉ์ž ์‚ฌ์ด์— ๋„์›€์„ ์ฃผ๊ณ  ๋ฐ›์„ ์ˆ˜ ์žˆ๋‹ค.

๊ตฌํ˜„ ๋ฐฉ์‹

  1. ํ”„๋ก ํŠธ์—”๋“œ

    • React
    • axios, styled-components, zustand, framer-motion
    • ์นด์นด์˜ค ์ง€๋„ API ์‚ฌ์šฉ
  2. ๋ฐฑ์—”๋“œ

    • Java, Spring
    • AWS EC2์— Docker๋ฅผ ์‚ฌ์šฉํ•ด ๋ฐฐํฌ, DB๋กœ RDS ์‚ฌ์šฉ
    • ๋ฌด๋”์œ„ ์‰ผํ„ฐ ์ •๋ณด ๊ณต๊ณต๋ฐ์ดํ„ฐ API ๋“ฑ์„ ์ด์šฉํ•ด ์ˆ˜์ง‘ (์‚ฌ์šฉํ•œ API, ์‚ฌ์šฉํ•œ ๋ฐ์ดํ„ฐ)
    • Spring Scheduler๋กœ ๋งค์ผ ์ฃผ๊ธฐ์ ์œผ๋กœ ๋ฐ์ดํ„ฐ ์ˆ˜์ง‘
    • ์นด์นด์˜ค oauth ์‚ฌ์šฉ
  3. ๋””์ž์ธ

    • Figma
    • Adobe Illustrator

ํ–ฅํ›„ ๊ฐœ์„  ํ˜น์€ ๋ฐœ์ „ ๋ฐฉ์•ˆ

'DAEfree'๊ฐ€ ์›น ์นœํ™”์ ์ธ UI๋ผ๋Š” ์ ์—์„œ ์‚ฌ์šฉ์ž ์ ‘๊ทผ์„ฑ๊ณผ ์‚ฌ์šฉํŽธ์˜์„ฑ, ์ง€์†์„ฑ์„ ๊ณ ๋ คํ•˜์—ฌ ํ–ฅํ›„ ๊ฐœ์„  ๋ฐ ๋ฐœ์ „ ๋ฐฉ์•ˆ์„ ๋„์ถœํ–ˆ๋‹ค.

์ฒซ์งธ, ๋ชจ๋ฐ”์ผ ์„œ๋น„์Šค์™€ ๋ฐ˜์‘ํ˜• UI ๊ฐœ๋ฐœ

ํ–ฅํ›„ ์‚ฌ์šฉ์ž ์œ„์น˜ ๊ธฐ๋ฐ˜์œผ๋กœ ๋ชจ๋ฐ”์ผ ์„œ๋น„์Šค๋ฅผ ๊ฐœ๋ฐœํ•˜์—ฌ ๊ฒฝ๋กœ๋ฅผ ๋”ฐ๋ผ ๊ฐ€๊นŒ์šด ๋ฌด๋”์œ„ ์‰ผํ„ฐ๋กœ ์ด๋™ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•  ์˜ˆ์ •์ด๋‹ค. ์ด๋Š” ์‚ฌ์šฉ์„ฑ์„ ํ™•๋Œ€ํ•˜์—ฌ ์†Œํ”„ํŠธ์›จ์–ด์˜ ํ™œ์šฉ์„ฑ์„ ๋†’์ผ ์ˆ˜ ์žˆ์„ ๊ฒƒ์ด๋‹ค.

์ ‘๊ทผ์„ฑ๊ณผ ์‚ฌ์šฉ์„ฑ ํ–ฅ์ƒ์„ ์œ„ํ•ด ๋ชจ๋ฐ”์ผ ์„œ๋น„์Šค ๊ฐœ๋ฐœ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋ฐ˜์‘ํ˜• UI๋กœ ๋””์ž์ธํ•˜์—ฌ ๋‹ค์–‘ํ•œ ๋””๋ฐ”์ด์Šค์—์„œ ์‚ฌ์šฉ์ž๊ฐ€ ์†์‰ฝ๊ฒŒ ์†Œํ”„ํŠธ์›จ์–ด๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ์˜๋„ํ•œ๋‹ค.

๋‘˜์งธ, ์‰ผํ„ฐ์˜ ํŠน์ด์‚ฌํ•ญยท๊ณต์ง€์‚ฌํ•ญ์„ ์—…๋ฐ์ดํŠธํ•˜๋Š” ๊ด€๋ฆฌ ์‹œ์Šคํ…œ ๊ตฌ์ถ•

์‰ผํ„ฐ ์šด์˜์žยท๊ด€๋ฆฌ์ž๊ฐ€ ์‰ผํ„ฐ์˜ ํŠน์ด์‚ฌํ•ญยท๊ณต์ง€์‚ฌํ•ญ ๋“ฑ์„ ์‹ค์‹œ๊ฐ„์œผ๋กœ ์—…๋ฐ์ดํŠธ ํ•  ์ˆ˜ ์žˆ๋Š” ๊ด€๋ฆฌ ์‹œ์Šคํ…œ์„ ๊ตฌ์ถ•ํ•  ์˜ˆ์ •์ด๋‹ค. ์ ๊ทน์ ์ธ ์„œ๋น„์Šค ๊ด€๋ฆฌ๋ฅผ ํ†ตํ•ด ์‚ฌ์šฉ์ž ํŽธ์˜์„ฑ์„ ๋†’์ด๊ณ  ๋ช…์ ˆยท๊ณตํœด์ผ ์šด์˜์—ฌ๋ถ€ ๋“ฑ ์‰ผํ„ฐ์— ๋Œ€ํ•œ ๊ตฌ์ฒด์ ์ธ ์ •๋ณด๋ฅผ ์•Œ ์ˆ˜ ์žˆ๋„๋ก ํ•  ๊ฒƒ์ด๋‹ค.

์…‹์งธ, ๋Œ€๊ตฌ์‹œ์™€ ํ˜‘๋ ฅํ•˜์—ฌ ์ง€์†์ ์ธ ์‚ฌ์šฉ์„ ์œ ๋„

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

Popular repositories Loading

  1. Daegurrr_backend Daegurrr_backend Public

    ๋Œ€๊ตฌ๋ฅผ ๋น›๋‚ด๋Š” SWํ•ด์ปคํ†ค ๋Œ€๊ตฌ๋ฅด๋ฅดํŒ€ ๋ฐฑ์—”๋“œ ๋ ˆํฌ์ง€ํ† ๋ฆฌ์ž…๋‹ˆ๋‹ค.

    Java

  2. Daegurrr_Frontend Daegurrr_Frontend Public

    TypeScript

  3. .github .github Public

    ๋ฌด๋”์œ„ ์‰ผํ„ฐ ์ •๋ณด ์ œ๊ณต ์„œ๋น„์Šค(DAEfree)

Repositories

Showing 3 of 3 repositories

Top languages

Loadingโ€ฆ

Most used topics

Loadingโ€ฆ