Skip to content

[Project] Knewnew - PC ver. ๊ธฐ์—…ํ˜‘์—…๐Ÿญ

Notifications You must be signed in to change notification settings

iammminzzy/3rd-project-knewnew

ย 
ย 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๋‰ด๋‰ด (Knewnew)::PC๋ฒ„์ „ ๐Ÿญ

teamKnewnew

๊ฐœ๋ฐœ ์ธ์› ๋ฐ ๊ธฐ๊ฐ„

  • ๊ฐœ๋ฐœ ๊ธฐ๊ฐ„ : 2022/8/16 ~ 2022/9/7 (3์ฃผ)
  • ๊ฐœ๋ฐœ ์ธ์› : FE 3๋ช…, BE 3๋ช…
    • Front-end : ๊น€๊ด‘ํฌ, ์†๋ฏผ์ง€, ์ •ํ›ˆ์กฐ
    • Back-end : ์†์ฐฌ๊ทœ(PM), ์•ˆ์ƒํ˜„, ์Œ์ •๋ฏผ

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

๋ชจ๋ฐ”์ผ ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋‰ด๋‰ด(Knewnew)์˜ PC๋ฒ„์ „ ํŽ˜์ด์ง€ ์ œ์ž‘์„ ์œ„ํ•œ ํ”„๋กœ์ ํŠธ ์ž…๋‹ˆ๋‹ค.
๋‰ด๋‰ด(Knewnew)๋Š” ์ˆ˜๋งŽ์€ ์˜จ๋ผ์ธ ์‹ํ’ˆ ์„ ํƒ์ง€ ์†์—์„œ ์œ ์ € ๊ฐ„ ์ถ”์ฒœ์„ ํ†ตํ•ด ์›ํ•˜๋Š” ์‹ํ’ˆ์„ ์†์‰ฝ๊ฒŒ ๋ฐœ๊ฒฌํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐ์ดํ„ฐ ๊ธฐ๋ฐ˜ ํ‘ธ๋“œ ํฌํ„ธ ํ”Œ๋žซํผ์ž…๋‹ˆ๋‹ค.
์‹ํ’ˆ์— ๋Œ€ํ•œ ํ›„๊ธฐ๋ฅผ ์นดํ…Œ๊ณ ๋ฆฌ ๋ณ„๋กœ ๊ฒŒ์‹œํ•˜๊ณ  ์กฐํšŒํ•˜๋ฉฐ ์†Œํ†ตํ•˜๋Š” ์ปค๋ฎค๋‹ˆํ‹ฐ ๊ธฐ๋Šฅ์— ์ค‘์ ์„ ๋‘๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.
๊ธฐ์กด ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ '๋‰ด๋‰ด(Knewnew)'๋Š” React Native๋กœ ๊ตฌํ˜„๋˜์—ˆ์œผ๋‚˜ PC๋ฒ„์ „์€ React.js๋กœ ๊ตฌํ˜„๋˜์–ด
๋””์ž์ธ ๋ชจํ‹ฐ๋ธŒ๋งŒ ๊ฐ€์ ธ์™”์„ ๋ฟ ๊ฐœ๋ฐœ์€ ์ดˆ๊ธฐ ์„ธํŒ…๋ถ€ํ„ฐ ๋ชจ๋‘ ์ง์ ‘ ๊ตฌํ˜„ํ•˜์˜€์Šต๋‹ˆ๋‹ค.

์‚ฌ์šฉ๊ธฐ์ˆ  ์Šคํƒ

Front-end

React Badgeย  JavaScript Badgeย  TypeScriptย  Reduxย  React Query Badgeย  StyledComponents Badge

Back-end

ย  ย  ย 

ํ˜‘์—… ํˆด

ย  ย  ย  ย  ย 

์‹œ์—ฐ ์˜์ƒ ๋ฐ ๊ตฌํ˜„ ์‚ฌํ•ญ

๐Ÿญ๋‰ด๋‰ด (Knewnew)

๋ฉ”์ธ(=๋ฆฌ์ŠคํŠธ) ํŽ˜์ด์ง€

  • ๊ฒŒ์‹œ๊ธ€ ๋ฆฌ์ŠคํŠธ ์กฐํšŒ
  • ๋ฌดํ•œ์Šคํฌ๋กค
  • ๋น„๋กœ๊ทธ์ธ ์‚ฌ์šฉ์ž๋„ ์กฐํšŒ๋Š” ๊ฐ€๋Šฅํ•˜๋‚˜ ์ˆ˜์ •, ์‚ญ์ œ ๋“ฑ์˜ ์กฐ์ž‘์€ ๋กœ๊ทธ์ธ ์‚ฌ์šฉ์ž๋งŒ ๊ฐ€๋Šฅํ•˜๋„๋ก ๊ตฌํ˜„
    2022-09-07_19:24:36_video

์†Œ์…œ ๋กœ๊ทธ์ธ

  • Kakao / Naver OAuth 2.0 API๋ฅผ ์ด์šฉํ•œ ์†Œ์…œ ๋กœ๊ทธ์ธ ๊ธฐ๋Šฅ ๊ตฌํ˜„
  • JWT๋ฅผ ์ด์šฉํ•œ ์ธ์ฆ๊ณผ Refresh Token์„ ์ด์šฉํ•œ ํ† ํฐ ๋ณด์•ˆ ๊ฐ•ํ™”
  • Token์˜ ์ƒํƒœ ๊ด€๋ฆฌ๋ฅผ ํ•˜๊ธฐ ์œ„ํ•ด Redux ํ™œ์šฉ
    2022-09-07_19:24:36_video 2
    2022-09-07_19:24:36_video 5

์ถ”๊ฐ€ ์ •๋ณด ์ž…๋ ฅ ํŽ˜์ด์ง€

  • ํšŒ์›๊ฐ€์ž… ์ดํ›„ ์ถ”๊ฐ€ ์ •๋ณด ์ˆ˜์ง‘ ํ›„ ์ €์žฅ
  • ์ตœ์ดˆ ํšŒ์›๊ฐ€์ž… ์‹œ 1ํšŒ๋งŒ ์ˆ˜์ง‘๋˜๋ฉฐ, ์ดํ›„ ๋กœ๊ทธ์ธ ์‹œ์—๋Š” ์ƒ๋žต๋˜๊ณ  ๋ฐ”๋กœ ๋ฉ”์ธ ํŽ˜์ด์ง€๋กœ ์ด๋™
    2022-09-07_19:24:36_video 3

๊ธ€์“ฐ๊ธฐ ํŽ˜์ด์ง€

  • Form Data๋ฅผ ํ™œ์šฉํ•œ ๊ฒŒ์‹œ๊ธ€ ์ „์†ก ๊ธฐ๋Šฅ ๊ตฌํ˜„
  • S3์™€ pre signed URL์„ ์ด์šฉํ•œ ์ด๋ฏธ์ง€ ํŒŒ์ผ ์—…๋กœ๋“œ ๊ธฐ๋Šฅ ๊ตฌํ˜„
    2022-09-07_19:24:36_video 9
    2022-09-07_19:24:36_video 10

๊ฒŒ์‹œ๊ธ€ ์ƒ์„ธ ํŽ˜์ด์ง€

  • ๊ฒŒ์‹œ๊ธ€ ์กฐํšŒ, ์‚ญ์ œ ๊ธฐ๋Šฅ ๊ตฌํ˜„
  • ์ด๋ฏธ์ง€ ์Šฌ๋ผ์ด๋” ๊ตฌํ˜„
  • ๋Œ“๊ธ€ ๋ฐ ๋Œ€๋Œ“๊ธ€์˜ ์ƒ์„ฑ, ์‚ญ์ œ ๊ธฐ๋Šฅ ๊ตฌํ˜„
    2022-09-07_19:24:36_video 6
    2022-09-07_19:24:36_video 12
    2022-09-07_19:24:36_video 7
    2022-09-07_19:24:36_video 8

๋งˆ์ด ํŽ˜์ด์ง€

  • ๋กœ๊ทธ์ธํ•œ ์‚ฌ์šฉ์ž์˜ ์ •๋ณด ์กฐํšŒ
  • ๋กœ๊ทธ์•„์›ƒ
    2022-09-07_19:24:36_video 11

๊ธฐํƒ€ ํŽ˜์ด์ง€

  • ๋ชจ๋ฐ”์ผ ์•ฑ ์—ฐ๊ณ„ ๋ชจ๋‹ฌ์ฐฝ
  • Nav / Footer
  • ์ž˜๋ชป๋œ ์ ‘๊ทผ ์‹œ ํ™œ์šฉ ๊ฐ€๋Šฅํ•œ 404 ํŽ˜์ด์ง€

About

[Project] Knewnew - PC ver. ๊ธฐ์—…ํ˜‘์—…๐Ÿญ

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 99.5%
  • HTML 0.5%