Skip to content

๐ŸŒฒ ๋ฉ‹์ง„ ๊ฐœ๋ฐœ์ž๋ฅผ ๊ฟˆ๊พธ๋Š” ์šฐ๋ฆฌ๊ฐ€ ๊พธ์ค€ํžˆ ์„ฑ์žฅํ•˜๋Š” ์ด๊ณณ, My Little Forest ๐ŸŒฒ

Notifications You must be signed in to change notification settings

BuD2023/BuDFrontend

Repository files navigation

My Little Forest

Overview

๐ŸŽ„ ๋ฉ‹์ง„ ๊ฐœ๋ฐœ์ž๋ฅผ ๊ฟˆ๊พธ๋Š” ์šฐ๋ฆฌ๊ฐ€ ๊พธ์ค€ํžˆ ์„ฑ์žฅํ•˜๋Š” ์ด๊ณณ, My Little Forest ๐ŸŽ„

๐Ÿ’ญย ๊นƒํ—ˆ๋ธŒ๋ฅผ ํ™œ์šฉํ•ด์„œ ํ•จ๊ป˜ ์ฝ”๋”ฉ์„ ์žฌ๋ฐŒ๊ฒŒ ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฐœ๋ฐœ์ž ์ปค๋ฎค๋‹ˆํ‹ฐ๊ฐ€ ์žˆ๋‹ค๋ฉด ์–ด๋–จ๊นŒ?

๐Ÿ’ญย ๊ฐœ๋ฐœ์ž์—๊ฒŒ ์ค‘์š”ํ•œ๊ฑด ์•Œ์ง€๋งŒโ€ฆ ์ƒ๊ฐ๋ณด๋‹ค ์–ด๋ ค์šด ๊พธ์ค€ํ•จ์„, ํ•จ๊ป˜ ๊ณต์œ ํ•œ๋‹ค๋ฉด ์–ด๋–จ๊นŒ?

My Little Forest ๋Š”

๊ฟˆ๊พธ๋Š” ๋ชจ๋“  ๊ฐœ๋ฐœ์ž๋ถ„๋“ค์˜ ๊ฐœ๋ฐœ ๋†€์ดํ„ฐ, ์ปค๋ฎค๋‹ˆํ‹ฐ ํ”Œ๋žซํผ์ž…๋‹ˆ๋‹ค.

๐Ÿฅœย ์ปค๋ฐ‹์œผ๋กœ ํ•˜๋‚˜๋˜๋Š” ์šฐ๋ฆฌ๋“ค์˜ ๊ฐœ๋ฐœ ๋†€์ดํ„ฐ. ํ•˜๋ฃจํ•˜๋ฃจ ์ปค๋ฐ‹ํ•˜๋ฉฐ ๋‚˜๋ฌด๋ฅผ ํ‚ค์›Œ๋ณด์„ธ์š”!

๐ŸŒฑย ๊ฒฝ์Ÿ๊ณผ ํ•จ๊ป˜, ๋น ๋ฅธ ๋ณ€ํ™”๋“ค์— ์ ์‘ํ•˜๋ฉฐ ๋‹ฌ๋ ค์•ผ ํ•˜๋Š” ์šฐ๋ฆฌ์˜ ํ˜„์‹ค์„ ์ž ์‹œ ๋ฒ—์–ด๋‚˜, ๋‚˜๋งŒ์˜ ์ˆฒ์„ ๊ฐ€๊พธ๊ณ  ์นœ๊ตฌ๋“ค๊ณผ ํ•จ๊ป˜ ๊ณต์œ ํ•ด๋ณด์„ธ์š”!

๐ŸŒทย ์š”์ฆ˜ ํ•ซํ•œ ๊ฐœ๋ฐœ ํŠธ๋ Œ๋“œ๋Š” ๋ญ์•ผ? ์ตœ์‹  IT๋‰ด์Šค์™€ ์ •๋ณด๋„ ๋†“์น˜์ง€ ๋ง๊ณ  ์ฑ™๊ธฐ์„ธ์š”!

๐ŸŽ„ย ์šฐ๋ฆฌ๋“ค์˜ ์ขŒ์ถฉ์šฐ๋Œ ๊ฐœ๋ฐœ ์ด์•ผ๊ธฐ, ํ˜„์—… ์ด์•ผ๊ธฐ๋ฅผ ํ•จ๊ป˜ ๋‚˜๋ˆ„๊ณ  ๊ณต์œ ํ•ด๋ณด์•„์š”!

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

https://youtu.be/C5DPI5JN3uM

ํ”„๋กœ์ ํŠธ ๋ฐœํ‘œ ์˜์ƒ

https://youtu.be/45aLRF0Jzrw

Project

โš™ ํ”„๋กœ์ ํŠธ ์•„ํ‚คํ…์ณ


title

๐Ÿ”— ์ฃผ์š” ๊ธฐ๋Šฅ


  • ํšŒ์›๊ธฐ๋Šฅ: Github OAuth 2.0 ์†Œ์…œ ๋กœ๊ทธ์ธ, JWT ์‚ฌ์šฉ์ž ์ธ์ฆ
  • ๊ฒ€์ƒ‰๊ธฐ๋Šฅ: ํ…์ŠคํŠธ ๊ฒ€์ƒ‰, ์Œ์„ฑ๊ฒ€์ƒ‰, ์ •๋ ฌ, ํ•„ํ„ฐ๋ง
  • ์ปค๋ฎค๋‹ˆํ‹ฐ: ๊ฒŒ์‹œ๊ธ€ CRUD, ์ข‹์•„์š”, ๊ฒŒ์‹œ๊ธ€ ์Šคํฌ๋žฉ, ๋Œ“๊ธ€ ๋ฐ ๋Œ€๋Œ“๊ธ€, ๋Œ“๊ธ€ ๊ณ ์ •, ๋‹ต๋ณ€ ์ฑ„ํƒ, ์ธํ”ผ๋‹ˆํ‹ฐ์Šคํฌ๋กค, ์‚ฌ์ง„ ์—…๋กœ๋“œ
  • ์‚ฌ์šฉ์ž ๊ธฐ๋Šฅ: ์œ ์ €๊ฐ„ ํŒ”๋กœ์ž‰ ํŒ”๋กœ์šฐ, ๊ทธ๋ฃน์ฑ„ํŒ…
  • ์‹ค์‹œ๊ฐ„ ํ‘ธ์‰ฌ ์•Œ๋ฆผ๊ธฐ๋Šฅ

๐Ÿ›  ๊ธฐ์ˆ  ์Šคํƒ


Frontend

  • React

  • Typescript

  • Recoil

  • Tanstack-Query

  • React-router-dom

  • Axios

  • StompJS

  • Lodash

  • browser-image-compression

  • firebase

    Styles

    • Tailwind CSS
    • framer-motion
    • headlessui

Backend

  • Language : Java 11
  • Framework : Springboot
  • Build Tool : Gradle
  • DB : MySQL , Redis
  • Test : Junit, Postman
  • JPA
  • Auth : Jwt
  • Spring Security
  • Docker
  • Cloud Storage Service : AWS S3
  • Firebase Cloud Messaging
  • WebSocket
  • STOMP
  • Github API
  • Naver News API
  • Jsoup
  • Spring Scheduler
  • Spring Batch
  • Query DSL

CI / CD

  • Deploy
    • Vercel
    • Docker
    • Cloud Service : Google Cloud Platform
    • Jenkins
  • Communication
    • Slack
    • Github

๐Ÿ“‹ ERD


title

About

๐ŸŒฒ ๋ฉ‹์ง„ ๊ฐœ๋ฐœ์ž๋ฅผ ๊ฟˆ๊พธ๋Š” ์šฐ๋ฆฌ๊ฐ€ ๊พธ์ค€ํžˆ ์„ฑ์žฅํ•˜๋Š” ์ด๊ณณ, My Little Forest ๐ŸŒฒ

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages