Skip to content

๐Ÿš€ ๋ฐฑ์—”๋“œ API๋ฅผ UI๋กœ ์‹œ๊ฐํ™”ํ•˜๊ณ  ๐Ÿ› ๏ธ ํ˜‘์—…๊ณผ ๋ฐฐํฌ๋ฅผ ๊ฒฝํ—˜ํ•˜๋Š” ์—ฐ์Šต์šฉ ํ”Œ๋žซํผ ๐ŸŒŸ

Notifications You must be signed in to change notification settings

ssafy-sand-box/ssafy-sandbox

Repository files navigation

โšก๏ธ SSAFY Sandbox

๐Ÿ“ ํ”„๋กœ์ ํŠธ ์†Œ๊ฐœ

SSAFY Sandbox ํ”„๋กœ์ ํŠธ๋Š” SSAFY 12๊ธฐ ์„œ์šธ 15๋ฐ˜์˜ ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž๋ฅผ ํฌ๋งํ•˜๋Š” ๊ต์œก์ƒ๋“ค์˜ ํ˜‘์—… ์—ญ๋Ÿ‰ ํ–ฅ์ƒ์„ ์œ„ํ•ด ๊ธฐํš๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž๋“ค์ด ๊ตฌํ˜„ํ•œ ๊ธฐ๋Šฅ์„ ์ง์ ‘ UI๋ฅผ ํ†ตํ•ด ํ™•์ธํ•˜๊ณ , ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋“ค๊ณผ์˜ ์‹ค์งˆ์ ์ธ ํ˜‘์—… ๊ฒฝํ—˜์„ ์Œ“์„ ์ˆ˜ ์žˆ๋„๋ก ์„ค๊ณ„๋œ ํ”„๋กœ์ ํŠธ์ž…๋‹ˆ๋‹ค.

๐Ÿ›  ์ฃผ์š” ๊ธฐ๋Šฅ ๋ฐ ํ•™์Šต ํฌ์ธํŠธ

๐Ÿ“ฑ ๋ฉ”์ธ ํ™”๋ฉด

SSAFY Sandbox ๋ฉ”์ธํ™”๋ฉด

1๏ธโƒฃ ๊ธฐ๋ณธ CRUD ๊ธฐ๋Šฅ

๐Ÿ“ ๊ตฌํ˜„ ๋‚ด์šฉ

  • ๋ฐ์ดํ„ฐ ์ƒ์„ฑ, ์กฐํšŒ, ์ˆ˜์ •, ์‚ญ์ œ ๊ธฐ๋Šฅ
  • RESTful API ์„ค๊ณ„ ๋ฐ ๊ตฌํ˜„
  • ๋ฐ์ดํ„ฐ ์œ ํšจ์„ฑ ๊ฒ€์ฆ

โœจ ๊ธฐ๋Œ€ํšจ๊ณผ

  • ๊ธฐ๋ณธ์ ์ธ ๋ฐ์ดํ„ฐ ์ฒ˜๋ฆฌ ๋กœ์ง ์ดํ•ด
  • HTTP ๋ฉ”์„œ๋“œ์˜ ์‹ค์ œ ํ™œ์šฉ ๊ฒฝํ—˜

๐Ÿ–ฅ๏ธ ์‹œ์—ฐ ํ™”๋ฉด

CRUD ๊ธฐ๋Šฅ ์‹œ์—ฐ

2๏ธโƒฃ ํŽ˜์ด์ง• ์ฒ˜๋ฆฌ

๐Ÿ“ ๊ตฌํ˜„ ๋‚ด์šฉ

  • ๋ฌดํ•œ ์Šคํฌ๋กค ๋ฐฉ์‹์˜ ๋ฐ์ดํ„ฐ ๋กœ๋”ฉ
  • ํŽ˜์ด์ง€๋„ค์ด์…˜ ๋ฐฉ์‹์˜ ๋ฐ์ดํ„ฐ ๋กœ๋”ฉ

โœจ ๊ธฐ๋Œ€ํšจ๊ณผ

  • ๋Œ€์šฉ๋Ÿ‰ ๋ฐ์ดํ„ฐ ์ฒ˜๋ฆฌ ๋ฐฉ๋ฒ• ์ดํ•ด
  • ํ”„๋ก ํŠธ์—”๋“œ์™€์˜ ๋ฐ์ดํ„ฐ ๋™๊ธฐํ™” ๊ฒฝํ—˜
  • ์‚ฌ์šฉ์ž ๊ฒฝํ—˜ ์ตœ์ ํ™” ํ•™์Šต

๐Ÿ–ฅ๏ธ ์‹œ์—ฐ ํ™”๋ฉด

ํŽ˜์ด์ง• ์ฒ˜๋ฆฌ ์‹œ์—ฐ

3๏ธโƒฃ OAuth ์ธ์ฆ ์‹œ์Šคํ…œ

๐Ÿ“ ๊ตฌํ˜„ ๋‚ด์šฉ

  • ์†Œ์…œ ๋ฏธ๋””์–ด(Kakao ๋“ฑ) ๊ณ„์ • ์—ฐ๋™
  • JWT ํ† ํฐ ๊ธฐ๋ฐ˜ ์ธ์ฆ
  • Cookie ๊ธฐ๋ฐ˜์˜ ์ธ์ฆ ๋ฐ ์ดํ•ด

โœจ ๊ธฐ๋Œ€ํšจ๊ณผ

  • ์™ธ๋ถ€ API ์—ฐ๋™ ๊ฒฝํ—˜
  • ํ† ํฐ ๊ธฐ๋ฐ˜ ์ธ์ฆ ๋ฐฉ์‹ ์ดํ•ด
  • ๋ณด์•ˆ ๊ด€๋ จ ๋ฒ ์ŠคํŠธ ํ”„๋ž™ํ‹ฐ์Šค ํ•™์Šต

4๏ธโƒฃ ์ด๋ฉ”์ผ ์ธ์ฆ

๐Ÿ“ ๊ตฌํ˜„ ๋‚ด์šฉ

  • ํšŒ์›๊ฐ€์ž… ์‹œ ์ด๋ฉ”์ผ ์ธ์ฆ

โœจ ๊ธฐ๋Œ€ํšจ๊ณผ

  • ์ด๋ฉ”์ผ ์„œ๋น„์Šค ์—ฐ๋™ ๊ฒฝํ—˜
  • ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ ๋กœ์ง ๊ตฌํ˜„

๐Ÿ–ฅ๏ธ ์‹œ์—ฐ ํ™”๋ฉด

์ด๋ฉ”์ผ ์ธ์ฆ ์‹œ์—ฐ

5๏ธโƒฃ FCM ์•Œ๋ฆผ ์‹œ์Šคํ…œ

๐Ÿ“ ๊ตฌํ˜„ ๋‚ด์šฉ

  • ์‹ค์‹œ๊ฐ„ ํ‘ธ์‹œ ์•Œ๋ฆผ
  • Firebase ํ™œ์šฉ

โœจ ๊ธฐ๋Œ€ํšจ๊ณผ

  • ์‹ค์‹œ๊ฐ„ ์„œ๋น„์Šค ๊ตฌํ˜„ ๊ฒฝํ—˜
  • Firebase ์„œ๋น„์Šค ํ™œ์šฉ ๋Šฅ๋ ฅ
  • ํด๋ผ์šฐ๋“œ ๋ฉ”์‹œ์ง• ์ดํ•ด

6๏ธโƒฃ S3 ์ด๋ฏธ์ง€ ์—…๋กœ๋“œ

๐Ÿ“ ๊ตฌํ˜„ ๋‚ด์šฉ

  • ์ด๋ฏธ์ง€ ์—…๋กœ๋“œ ๋ฐ ์ €์žฅ
  • ์ด๋ฏธ์ง€ ์ตœ์ ํ™”
  • ์ ‘๊ทผ ๊ถŒํ•œ ๊ด€๋ฆฌ

โœจ ๊ธฐ๋Œ€ํšจ๊ณผ

  • ํด๋ผ์šฐ๋“œ ์Šคํ† ๋ฆฌ์ง€ ํ™œ์šฉ ๊ฒฝํ—˜
  • ํด๋ผ์šฐ๋“œ ์ธํ”„๋ผ ์šด์˜ ๊ฒฝํ—˜

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

Frontend

React TypeScript Tailwind CSS

About

๐Ÿš€ ๋ฐฑ์—”๋“œ API๋ฅผ UI๋กœ ์‹œ๊ฐํ™”ํ•˜๊ณ  ๐Ÿ› ๏ธ ํ˜‘์—…๊ณผ ๋ฐฐํฌ๋ฅผ ๊ฒฝํ—˜ํ•˜๋Š” ์—ฐ์Šต์šฉ ํ”Œ๋žซํผ ๐ŸŒŸ

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •