Skip to content

Aeri0730/news-feed-site

ย 
ย 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

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

Repository files navigation

TEA๐Ÿ‘‚

TEA(Tutor's Ears Are)๋Š” ์ˆ˜๊ฐ•์ƒ๋“ค๋งŒ์„ ์œ„ํ•œ ์ต๋ช… ์ปค๋ฎค๋‹ˆํ‹ฐ ํ”Œ๋žซํผ์ž…๋‹ˆ๋‹ค. ๋ˆ„๊ตฌ๋‚˜ ์ž์œ ๋กญ๊ฒŒ ํ•™์Šต ๊ฟ€ํŒ์„ ๊ณต์œ ํ•˜๊ณ , ๊ณ ๋ฏผ์ด๋‚˜ ๋‹ค์–‘ํ•œ ์ด์Šˆ์— ๋Œ€ํ•ด ์†Œํ†ตํ•  ์ˆ˜ ์žˆ๋Š” ๊ณต๊ฐ„์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

โœ… ์ต๋ช… ์†Œํ†ต โ€“ ๋‹‰๋„ค์ž„์œผ๋กœ ์ž์œ ๋กญ๊ฒŒ ์˜๊ฒฌ์„ ๋‚˜๋ˆŒ ์ˆ˜ ์žˆ์–ด์š”.
โœ… ํ•™์Šต ์ •๋ณด ๊ณต์œ  โ€“ ๋™๊ธฐ ์ˆ˜๊ฐ•์ƒ๋“ค์˜ ์‹ค์šฉ์ ์ธ ํŒ๊ณผ ๋…ธํ•˜์šฐ๋ฅผ ํ•œ๊ณณ์—์„œ!
โœ… ์ด์Šˆ ํ† ๋ก  โ€“ ํ•™์Šต๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋‹ค์–‘ํ•œ ์ฃผ์ œ์— ๋Œ€ํ•ด ๊นŠ์ด ์žˆ๋Š” ๋Œ€ํ™”๊ฐ€ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.

ํ”„๋กœ์ ํŠธ URL ๋ฐ”๋กœ๊ฐ€๊ธฐ ๐Ÿ’ป

ํ”„๋กœ์ ํŠธ ๋ฏธ๋ฆฌ๋ณด๊ธฐ๐Ÿ‘‘

  • Home
Image
  • My Page
Image
  • Feed
Image
  • Detail / Edit
Image Image
  • Alert
Image Image
  • Signup / Login
Image Image



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

๐Ÿ“† ํ”„๋กœ์ ํŠธ ๊ธฐ๊ฐ„ : 2025.02.12 ~ 2025.02.18

TEA(Tutor's Ears Are)๋Š” ์ˆ˜๊ฐ•์ƒ๋“ค์„ ์œ„ํ•œ ์ต๋ช… ์ปค๋ฎค๋‹ˆํ‹ฐ ํ”Œ๋žซํผ์ž…๋‹ˆ๋‹ค. ํ•™์Šต ๊ฟ€ํŒ์„ ๊ณต์œ ํ•˜๊ณ , ๋‹ค์–‘ํ•œ ๊ณ ๋ฏผ์ด๋‚˜ ์ด์Šˆ์— ๋Œ€ํ•ด ์ž์œ ๋กญ๊ฒŒ ์†Œํ†ตํ•  ์ˆ˜ ์žˆ๋Š” ๊ณต๊ฐ„์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์ต๋ช…์œผ๋กœ ํŽธํ•˜๊ฒŒ ์˜๊ฒฌ์„ ๋‚˜๋ˆ„๋ฉฐ, ์‹ค์šฉ์ ์ธ ์ •๋ณด์™€ ๊ฒฝํ—˜์„ ๊ณต์œ ํ•  ์ˆ˜ ์žˆ์–ด ์ˆ˜๊ฐ•์ƒ๋“ค์—๊ฒŒ ์œ ์ตํ•œ ํ™˜๊ฒฝ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ํ•จ๊ป˜ ๋ฐฐ์šฐ๊ณ  ์„ฑ์žฅํ•˜๋Š” TEA์—์„œ ์ƒˆ๋กœ์šด ์†Œํ†ต์„ ๊ฒฝํ—˜ํ•ด๋ณด์„ธ์š”.

๋น„ํšŒ์›์€ ํ”ผ๋“œ์—์„œ ๊ฒŒ์‹œ๊ธ€์„ ์—ด๋žŒํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ํšŒ์›๊ฐ€์ž…์„ ํ•˜๋ฉด ๊ฒŒ์‹œ๊ธ€ ์ž‘์„ฑ, ์ˆ˜์ •, ์‚ญ์ œ๊ฐ€ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. ๋˜ํ•œ ๋Œ“๊ธ€์„ ํ†ตํ•ด ์ž์œ ๋กญ๊ฒŒ ์˜๊ฒฌ์„ ๋‚˜๋ˆŒ ์ˆ˜ ์žˆ์œผ๋ฉฐ, ์ข‹์•„์š” ๊ธฐ๋Šฅ์„ ํ™œ์šฉํ•ด ๊ณต๊ฐํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ๋งˆ์ดํŽ˜์ด์ง€์—์„œ๋Š” ๋‚ด๊ฐ€ ์ž‘์„ฑํ•œ ๊ฒŒ์‹œ๊ธ€์„ ํ•œ๋ˆˆ์— ํ™•์ธํ•  ์ˆ˜ ์žˆ์–ด ๊ด€๋ฆฌ๊ฐ€ ํŽธ๋ฆฌํ•ฉ๋‹ˆ๋‹ค. ๊ฒŒ์‹œ๊ธ€๊ณผ ๋Œ“๊ธ€์—๋Š” ๊ธˆ์น™์–ด ํ•„ํ„ฐ๋ง ๊ธฐ๋Šฅ์ด ์ ์šฉ๋˜์–ด ์žˆ์–ด ๊ฑด์ „ํ•œ ์ปค๋ฎค๋‹ˆํ‹ฐ ํ™˜๊ฒฝ์„ ์œ ์ง€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋ฐ˜์‘ํ˜• ๋””์ž์ธ์ด ์ผ๋ถ€ ์ ์šฉ๋˜์–ด ์žˆ์–ด ๋‹ค์–‘ํ•œ ๊ธฐ๊ธฐ์—์„œ๋„ ํŽธ๋ฆฌํ•˜๊ฒŒ ์ด์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

ํ”„๋กœ์ ํŠธ ์‚ฌ์šฉ ๊ธฐ์ˆ ๐Ÿ’ป

Environment

React JavaScript CSS3 sytled-components supabase git github vscode

Record

figma notion

Deploy

vercel


ํ”„๋กœ์ ํŠธ ๊ธฐ๋Šฅโš™๏ธ

  • React๋กœ ๊ตฌ์„ฑ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
  • ํ•œ๊ตญ์–ด๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.
  • supabase๋ฅผ ํ™œ์šฉํ•˜์—ฌ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๋ฅผ ๊ตฌ์ถ•ํ•˜์˜€์Šต๋‹ˆ๋‹ค.
  • react-hook-form ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์‚ฌ์šฉ์ž input์„ ํšจ์œจ์ ์œผ๋กœ ๊ด€๋ฆฌํ•ฉ๋‹ˆ๋‹ค.
  • ๊ฒŒ์‹œ๊ธ€/๋Œ“๊ธ€์— ๊ธˆ์น™์–ด ํ•„ํ„ฐ๋ง ๊ธฐ๋Šฅ์ด ์ ์šฉ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค.
  • sweetalert2 ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•œ ์•Œ๋žŒ์ฐฝ์œผ๋กœ UX๋ฅผ ๊ฐœ์„ ํ•˜์˜€์Šต๋‹ˆ๋‹ค.

ํŒ€ ๊ตฌ์„ฑ๐Ÿซ‚

ํŒ€์› ๋‹ด๋‹นํŒŒํŠธ GitHub ๋ธ”๋กœ๊ทธ
๊น€๋„ํ˜„ Login, SignUp ํŽ˜์ด์ง€ ๋‹ด๋‹น ๋„ํ˜„ Github ๋„ํ˜„ ๋ฒจ๋กœ๊ทธ
๊น€๋ฏผ๊ฒฝ Detail, Edit ํŽ˜์ด์ง€ ๋‹ด๋‹น ๋ฏผ๊ฒฝ Github ๋ฏผ๊ฒฝ ๋ฒจ๋กœ๊ทธ
๋…ธ์ˆ˜๋ฏผ Home, AddModal ํŽ˜์ด์ง€ ๋‹ด๋‹น ์ˆ˜๋ฏผ Github ์ˆ˜๋ฏผ ๋ฒจ๋กœ๊ทธ
๋ฐ•์• ๋ฆฌ MyPage ํŽ˜์ด์ง€ ๋‹ด๋‹น ์• ๋ฆฌ Github ์• ๋ฆฌ ๋ฒจ๋กœ๊ทธ
์˜ค์˜์ง„ Feed ํŽ˜์ด์ง€ ๋‹ด๋‹น ์˜์ง„ Github ์˜์ง„ ํ‹ฐ์Šคํ† ๋ฆฌ
์žฅ๋ฏธ๊ฒฝ Login, SignUp ํŽ˜์ด์ง€ ๋‹ด๋‹น ๋ฏธ๊ฒฝ Github ๋ฏธ๊ฒฝ ๋ฒจ๋กœ๊ทธ


ํŠธ๋Ÿฌ๋ธ” ์ŠˆํŒ… & ์ž‘์—… ํ›„๊ธฐ๐Ÿง‘โ€๐Ÿ’ป

TroubleShooting 1 : API ํ˜ธ์ถœ๊ณผ ์ƒํƒœ๊ด€๋ฆฌ, ๊ทธ๋ฆฌ๊ณ  Git ํ˜‘์—…์˜ ๊ตํ›ˆ๋“ค

TroubleShooting 2 : React Hook Form ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์‹ค์ „ ๋„์ž…๊ณผ ์ถฉ๋Œํ•ด๊ฒฐ

TroubleShooting 3 : ๋ฐฐํฌํ•˜๋ฉด์„œ ๋งˆ์ฃผ์นœ ์˜ˆ์ƒ์น˜ ๋ชปํ•œ ๋ฌธ์ œ๋“ค

ํŒ€ํ”„๋กœ์ ํŠธ ํ›„๊ธฐ : ํ˜‘์—…, ๋๋‚ ๋•Œ๊นŒ์ง€ ๋๋‚œ๊ฒŒ ์•„๋‹ˆ๋‹ค!

About

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 98.7%
  • Other 1.3%