- URL: https://earthmarket.vercel.app/
- ๊ณ์
- ๐ง๐ปโ๐ป
ID
: earth@market.com - ๐
PassWord
: earthmarket
- ๐ง๐ปโ๐ป
๐ ์ด์ค๋ง์ผ์ 'us'์ 'earth' ๋ ๊ฐ์ง ๋จ์ด์ ์๋ฏธ๋ฅผ ๋ดํฌํ๊ณ ์์ต๋๋ค.
๐จโ๐พ ์ฐ๋ฆฌ์ ์ง๊ตฌ ๋ชจ๋๋ฅผ ์ํ ๋ง์ผ์ผ๋ก ๊ธฐ์กด ์ ํต ์์ฅ์ ์ฅ์ ์ ์ด๋ ค ๋น๋๋ฉด ์๋์์ ๋๋ถ์ ๊ณ ๊ฐ์ ์ฐ๊ฒฐํ๋ ์๋น์ค์
๋๋ค.
๐ฌ ํ๋งค์๋ ๋์ฌ์ง์ ๋์ฐ๋ฌผ์ ํ๋งคํ ์ ์์ผ๋ฉฐ ๊ณ ๊ฐ์ ์ธ์ ๋ ์ํ์ ๋ํ ์ง๋ฌธ์ด ๊ฐ๋ฅํฉ๋๋ค.
๐ฅ ๋ชจ๋ ์๋น์ค ์ฌ์ฉ์๋ ์์ ์ ์ผ์์ ๊ณต์ ํ ์ ์์ผ๋ฉฐ ์ฌ์ฉ์ ๊ฐ์ ํ๋ก์ฐ๊ฐ ๊ฐ๋ฅํด ๋ค๋ฅธ ์ฌ์ฉ์์ ํผ๋๋ฅผ ํ์ธํ ์ ์์ต๋๋ค.
๐ก ์ด์ค๋ง์ผ์ ์ํ์ ํ๋งคํ๋ ์ฑ์ ๋์ด ์ฌํ์ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๋ ๊ฐ์น์ ์ง์คํ์ต๋๋ค.
๐ช๐ป ์ฝ๋ก๋ ์ดํ ์ด๋ ค์์ ๊ฒช๋ ๋๋ถ์ ๊ฑด๊ฐํ ๋จน๊ฑฐ๋ฆฌ๋ฅผ ์ฐพ๋ ๊ณ ๊ฐ์ด ์ฝ๊ณ ๊ฐ๋จํ ๋ฐฉ๋ฒ์ผ๋ก ์ํตํ ์ ์๋๋ก ์ด์ค๋ง์ผ์ด ๋์ธ ๊ฒ์
๋๋ค!
FE ์ต์ฌ์ | FE ๊นํ๊ธธ | FE ์กฐ๋ฏธ์ง | FE ๊น์ง์ |
---|---|---|---|
blog: Herman`s BigData github: goawmfhfl |
github: hyunghilkim | blog: m122 github: mmcho122 |
blog: jisu.log github: jisu2433 |
- FrontEnd: React, Redux, Styled-components
- BackEnd: ์ ๊ณต๋ API ์ฌ์ฉ
- EarthMarket WorkPlace: ๐ ์ด์ค๋ง์ผ ์ํฌํ๋ ์ด์ค
- Conference: ๐ฌ ํจ๊ป ์งํํ ํ์๋ก
- UseFulURL: ๐ํจ๊ป ๊ณต์ ํ URL
- Coding Convention: โ๏ธํจ๊ป ์ ํ ์ฝ๋ฉ ์ปจ๋ฒค์
- Study โ๏ธ ํจ๊ป ์งํํ ์คํฐ๋
- URL: https://earthmarket.vercel.app/
- ๊ณ์
- ๐ง๐ปโ๐ป
ID
: earth@market.com - ๐
PassWord
: earthmarket
- ๐ง๐ปโ๐ป
- ๐ ์ธ์ฆ
- ๋ก๊ทธ์ธ
- ํ์๊ฐ์
- ํ์ ์ ๋ณด ์์
- ์ ํจ์ฑ ํ๊ฐ
- ๐ ์ํ
- ์ํ ๋ชฉ๋ก / ๋ฑ๋ก / ์์ / ์ญ์
- ์ด๋ฏธ์ง ํ์ผ ์
๋ก๋ / ์์ / ๋ฏธ๋ฆฌ๋ณด๊ธฐ
- ์ ํจ์ฑ ํ๊ฐ
- ๐ ๊ฒ์๊ธ
- ๊ฒ์๊ธ ๋ชฉ๋ก / ๋ฑ๋ก / ์์ / ์ญ์
- ๋ค์ค ์ด๋ฏธ์ง ํ์ผ ์
๋ก๋ / ์์ / ๋ฏธ๋ฆฌ๋ณด๊ธฐ
- ๐ฌ ๋๊ธ
- ๋๊ธ ๋ฑ๋ก / ์ญ์
- ๐ ๊ฒ์
- ๐จโ๐พ๐ฉ๐ปโ๐พ follow / unfollow
- ๐ ์ข์์
- ์ด๋ฏธ์ง ์ฌ๋ผ์ด๋
- ๋ชจ๋ฌ
- splash animation
- ๋ฒํผ ํ์ฑํ
- (๋ฌดํ์คํฌ๋กค)
- ์คํ์ผ๋ง ๋ฐ ๊ธฐ๋ฅ ๊ตฌํ
- ๋์ด ๋ด์ค API ๊ตฌํ (xml to json)
- ํ์ด์ง (HomeFeed, Profile) ์คํ์ผ๋ง ๋ฐ ๋ฆฌํฉํ ๋ง
- ์ด๋ฏธ์ง ์ฌ๋ผ์ด๋ ๊ตฌํ
- ๋ฉ๋ด ๋ฐ ๋ชจ๋ฌ ๊ธฐ๋ฅ ๊ตฌํ
- profile ์ก์, ๊ฐค๋ฌ๋ฆฌ ๊ตฌ๋ถ ๋ณด๊ธฐ ๊ตฌํ
- ๊ทธ ์ธ ํ์๋ค์ด ์์ฑํ ์ฝ๋ CodeReview ํตํด ์์ง ๋ฐ ๊ตฌํ
- ์ํ ๊ด๋ฆฌ (Redux) ์ค๊ณ ๋ฐ ๊ตฌํ
- ํ๋ก์ ํธ ๋ด API์์ฒญ (23๊ฐ) ๊ตฌํ
- routes ์ค๊ณ ๋ฐ ๊ตฌํ
- react-hook-form ํ์ฉํ์ฌ ์ ํจ์ฑ ํ๊ฐ ๋ฐ form ๊ด๋ จ ๊ธฐ๋ฅ ๊ตฌํ
- ์ด๋ฏธ์ง ํ์ผ ์ ๋ก๋ / ์์ / ๋ฏธ๋ฆฌ๋ณด๊ธฐ ๊ตฌํ
- ๊ธฐ๋ฅ ์ด์ ๊ด๋ จ ๋๋ฒ๊น
- ๋ฐ๋ณต๋๋ ํจ์ ์ถ์ํ ์์ ์ผ๋ก ์ ์ง๋ณด์ ๊ฐ์
- ์๋น์ค ๋ฐฐํฌ
- ์คํ์ผ๋ง ๋ฐ ๊ธฐ๋ฅ ๊ตฌํ
- ํ์ด์ง(Login, Join, Search, FollowerList, FollowingList) ์คํ์ผ๋ง
- ํ์ด์ง(Login, Join) ๋ฆฌํฉํ ๋ง
- ๋ก๊ทธ์ธ, ํ์๊ฐ์ , ์ํ ์ ๋ก๋ ์ ํจ์ฑ ๊ฒ์ฌ ๊ธฐ๋ฅ ๊ตฌํ
- ์ด์ค๋ง์ผ ๊ธฐํ
- ์คํ์ผ๋ง ๋ฐ ๊ธฐ๋ฅ ๊ตฌํ
- ํ์ด์ง (Upload, Edit, Information) ์คํ์ผ๋ง ๋ฐ ๋ฆฌํฉํ ๋ง
- ๋์ด ๋ด์ค API ๋ฐ์ดํฐ ๋ฐ์ธ๋ฉ
- ๊ฐ๊ฒฉ ์๋จ์, ์ด๋ฏธ์ง ์ญ์ ๊ธฐ๋ฅ ๊ตฌํ
- ์น ์ ๊ทผ์ฑ ๊ฐ์
- ๊ธฐํ ์ฐธ์ฌ ๋ฐ ๋์์ธ
0.splash | 1.ํ์๊ฐ์ |
---|---|
![]() |
![]() |
2.๋ก๊ทธ์ธ | 3.ํํ๋ฉด |
---|---|
![]() |
![]() |
4.๊ณ์ ๊ฒ์ | 5.๋์ด์์ |
---|---|
![]() |
![]() |
6.๋ง์ด ํ๋กํ | 6-1.๋ง์ด ํ๋กํ ์์ |
---|---|
![]() |
![]() |
7.์ํ ๋ฑ๋ก | 7-1.์ํ ๋ฑ๋ก ์์ |
---|---|
![]() |
![]() |
8.๊ฒ์๊ธ ๋ฑ๋ก | 8-1.๊ฒ์๊ธ ๋ฑ๋ก ์์ |
---|---|
![]() |
![]() |
9.ํ๋ก์ฐ, ํ๋ก์ | 10.์ ์ ํ๋กํ |
---|---|
![]() |
![]() |
11.๊ฒ์๊ธ ๋๊ธ, ์ญ์ | 12.๊ฒ์๊ธ ์ ๊ณ |
---|---|
![]() |
![]() |
13.์ํ ๋๊ธ, ์ญ์ | 14.์ํ ์ ๊ณ |
---|---|
![]() |
![]() |
- ํ ๋ ํ์งํ ๋ฆฌ๋ฅผ ์ด์ํ๋ฉด์ ๋ฐ์ํ ๋ณ๋ชฉํ์์ โ์์
ํํฉํโ์ ๋ง๋ค์ด ํด๊ฒฐํ์ต๋๋ค.
- ๋ฆฌํฉํ ๋ง์ ์งํํ๋ฉฐ ๊ธฐ์กด์ ์๋ ์์
๋ค์ ๋ด์ฉ์ ํ๊ณณ์ผ๋ก ๋ชจ์ผ๋ ์์
์ค์ ์์์ต๋๋ค.
- ์์
์ ์งํํ๋ฉด์ ๋์ผํ ํ์ด์ง์์ ์์
์ ํ์ง๋ง ์๋ก๊ฐ ์ธ์งํ์ง ๋ชปํ๋ ๋ฌธ์ ๊ฐ ๋ฐ์ํ๊ณ , ๊ทธ์ ๋ฐ๋ผ์ ์ถฉ๋์ด ์์ฃผ ๋ฐ์ํ๊ฒ ๋์์ต๋๋ค.
- ์ด์ด์ ์์ ์ฌํญ์ด ๋ฐ์๋์ง ์๋ ๋ฌธ์ ๊ฐ ๋ฐ์ํ๊ณ , ์๋ ๋์ํ๋ ๊ธฐ๋ฅ์ด ๋์ํ์ง ์๋ ๋ฌธ์ ๊ฐ ๋ฐ์ํ์ต๋๋ค.
- ์ดํ๊ฐ์ ๋๋ฒ๊น
๊ณผ์ ์ ํตํด์ ๋ค์ ์์๋ณต๊ตฌ๋ฅผ ํ๋๋ฐ ์ฑ๊ณตํ๊ณ , ์ด์ ๊ฐ์ ๋ฌธ์ ๋ฅผ ๋ค์ ์ผ์ผํค์ง ์๊ธฐ ์ํด์ ํ์๊ณผ ํจ๊ป ๊ท์น์ ์ ํ์ต๋๋ค.
- ํ์๋ฅผ ํตํด GitHub ์์
ํํฉํ์ ๋ง๋ค์ด ์๋ก์ ์์
ํํฉ์ ๊ณต์ ํ๋ ํ๊ฒฝ์ ๋ง๋ค์์ต๋๋ค.
- ๊ฒฐ๊ตญ ์๋ก ๊ฐ์ ์์
ํํฉ์ ๋ํ์ฌ ๋์ฑ ์ดํดํ ์ ์๊ฒ ๋์์ผ๋ฉฐ, ๋์ผํ ๋ฌธ์ ๋ฅผ ๋ฐ๋ณตํ์ง ์๊ฒ ๋์์ต๋๋ค.
3์ค ์์ฝ
- ํ์๋ค๊ณผ ํจ๊ป ๊ณต์ฉย ๋ ํ์งํ ๋ฆฌ๋ฅผย ํตํ ํ์๊ด๋ฆฌ ์ค ์ถฉ๋๋ก ์ธํ ๊ธฐ๋ฅ ์ค๋ฅ๊ฐ ์๊น
- ๋๋ฒ๊น ํ๋๋ฐ ์ค๋ ์๊ฐ์ด ๊ฑธ๋ ธ๊ณ , ์ด๋ฅผ ํด๊ฒฐํ๊ธฐ ์ํด ํ์๋ฅผ ํตํด โGit Hub ์์ ํํฉํโ์ ๋ง๋ฆ
- ์๋ก์ ์์ ํํฉ์ ์ดํดํ ์ ์๊ฒ ๋์์ผ๋ฉฐ, ๋์ผํ ๋ฌธ์ ๋ฅผ ๋ฐ๋ณตํ์ง ์๊ฒ ๋์์.
- ํ์
์ ํ๋ฉด์ ๋ง์ดํ ๋ฌธ์ ๋ฅผ ๋น ๋ฅด๊ฒ ํด๊ฒฐํ๊ธฐ ์ํด ํ์๋ค๊ณผ ํ์ด ํ๋ก๊ทธ๋๋ฐ์ ์งํํ์ต๋๋ค.
- ๋ํ ๋ถ์กฑํ ๊ธฐ์ ์ ๋ณด์ถฉ์ ์ํ ์คํฐ๋๋ฅผ ์งํํ๋ฉด์ ํ๋ก์ ํธ๋ฅผ ์์ฑ์์ผฐ์ต๋๋ค.
- ๋ฆฌ์กํธ ํ๊ฒฝ์ ์ต์ํ์ง ์์ ํ์๋ค๊ณผ ํจ๊ป ํ๋ก์ ํธ๋ฅผ ์งํํ๋ฉด์ ๊ฐ์ฅ ์ค์ํ๋ ๊ฒ์ ์๋ก ๊ฐ์ ์ง์ ๊ณต์ ์์ต๋๋ค.
- ์ด๋ฅผ ๋์ฑ ํจ์จ์ ์ผ๋ก ํ๊ธฐ ์ํด ๋งค์ฃผ ํ ๋ฒ์ฉ์ ๋ฆฌ์กํธ ์คํฐ๋๋ฅผ ์งํํ์ฌ ์๋ก ๋ฐฐ์ฐ๋ ๊ธฐ์ ์ ์ ์ํ๊ธฐ ์ํ ๋
ธ๋ ฅ์ ํจ๊ป ํ์ต๋๋ค.
- ๋ํ ํจ๊ป ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ ์ ์๋ ํ๊ฒฝ์ ๋ง๋ค๊ธฐ ์ํด ๋งค์ผ ์์นจ 10์ ๋์ค์ฝ๋์ ๋ชจ์ฌ ํ ๊ณต๊ฐ์์ ์์
์ ํ์ต๋๋ค.
- ๋ฌธ์ ๊ฐ ๋ฐ์ํ๋ฉด ๋น ๋ฅด๊ฒ ํ๋ฉด๊ณต์ ์ LiveShare๋ฅผ ํตํด์ ํจ๊ป ๊ณ ๋ฏผํ๊ณ ํด๊ฒฐํด ๋์๊ฐ์ต๋๋ค.
2์ค ์์ฝ
- ํ๋ก์ ํธ๋ฅผ ์งํํ๋ฉฐ ๋ง์ดํ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๊ธฐ ์ํด์ ํ์ด ํ๋ก๊ทธ๋๋ฐ ๋ฐ ์คํฐ๋๋ฅผ ํจ๊ป ์งํ
- ํ์ด ํ๋ก๊ทธ๋๋ฐ์ ํตํ ๋น ๋ฅธ ๋ฌธ์ ํด๊ฒฐ, ์คํฐ๋๋ฅผ ํตํ ๋ฆฌ์กํธ ์ดํด๋๋ฅผ ๋์
- (์ผ์ชฝ) ๋ฆฌํฉํ ๋ง ์ดํ (์ค๋ฅธ์ชฝ) ๋ฆฌํฉํ ๋ง ์ด์
- ๋ฆฌ์กํธ์์ ์ปดํฌ๋ํธ ๋ถ๋ฆฌ ๊ฒฝํ์ด ์๋ ํ์๋ค๊ณผ ํจ๊ป ๋ฆฌํฉํ ๋ง์ ํตํ์ฌ ํจ์จ์ ์ธ ์ํคํ
์ฒ๋ฅผ ๋ง๋ค์์ต๋๋ค.
- ์ด๋ฐ ํ๋ก์ ํธ์ ๋์์ธ ์์คํ
์ ์ ์ฉํ๊ธฐ ์ํด์ ์์ - ๋ถ์ - ํ
ํ๋ฆฟ - ํ์ด์ง ๋จ์์ ์ํคํ
์ฒ๋ฅผ ๊ตฌ์ฑํ์ต๋๋ค.
- ํ์ง๋ง ์คํ์ผ ๋ก์ง๊ณผ ๋น์ฆ๋์ค ๋ก์ง์ ๋ํ ์ดํด๋๊ฐ ๋ถ์กฑํด ๊ฒฐ๊ตญ ๋ฆฌํฉํ ๋ง ์งํํจ.
- ์ด์ด์ ์ฌ๋์ ์ผ๋ก ๋ชจ๋ - ํ
ํ๋ฆฟ - ํ์ด์ง๋ฅผ ์๋ํ์์ผ๋, ์ด๋ง์ ๋ ๋น์ฆ๋์ค ๋ก์ง๊ณผ ๋ณํฉํ๋ ๊ณผ์ ์์ ์ฝ๋์ ํ๋ฆ์ ์์ธกํ๊ธฐ ํ๋ ๋ฌธ์ ๊ฐ ๋ฐ์ํ์์ต๋๋ค.
- ๋ง์ง๋ง์ผ๋ก ์ปดํฌ๋ํธ - ํ์ด์ง ๋จ์์ ์ํคํ
์ฒ ๊ตฌ์ฑํ์์ต๋๋ค.
- ๋น๋ก ๋ฆฌํฉํ ๋ง ๊ณผ์ ์ ํตํด์ ์ฝ๋๋ฅผ ์ฌ๋ฌ ๋ฒ ๊ณ ์ณค์ง๋ง, ๊ทธ ๊ณผ์ ์์์ ์คํจ์ ์ค์๋ฅผ ํตํด์ ํ์๋ค ๋ชจ๋๊ฐ ์ดํดํ ์ ์๋ ์ํคํ
์ฒ๋ฅผ ๊ตฌ์ํ์์ต๋๋ค.
3์ค ์์ฝ
- ์ด๋ฐ ์ค๊ณ์ ์ํ ๋ฏน ๋์์ธ ํจํด์ ์ ์ฉํ๊ธฐ ์ํด์ ์ํคํ ์ฒ๋ฅผ ๊ตฌ์ํจ
- ๋์์ธ ํจํด์ ์ฉ์ ์คํจํ๋ฉฐ 3ํ ๋ฆฌํฉํ ๋ง์ ์งํํ์ฌ ์ํคํ ์ฒ๋ฅผ ๊ตฌ์ฑํจ
- ๊ฒฐ๊ตญ ํ์๋ค ๋ชจ๋๊ฐ ๋น์ฆ๋์ค ๋ก์ง๊ณผ ์คํ์ผ๋ง ๋ก์ง์ ์ดํดํ์ฌ ์ฝ๋์ ํ๋ฆ์ ์์ธกํ ์ ์์์
๐ฅ ์ฝ๋ ์คํ
npm install
npm start
๐ฆsrc
โฃ ๐actions
โฃ ๐asset
โ โฃ ๐font
โ โฃ ๐icon
โฃ ๐components
โ โฃ ๐common
โ โ โฃ ๐Alert
โ โ โฃ ๐CommonHeader
โ โ โฃ ๐Modal
โ โ โฃ ๐Navbar
โ โ โฃ ๐PostCard
โ โ โฃ ๐PostIconBox
โ โ โ ๐UploadHeader
โ โฃ ๐etc
โ โ โฃ ๐Error
โ โ โฃ ๐Loading
โ โ โ ๐NotFoundContainer
โ โฃ ๐follow
โ โ โฃ ๐FollowerCard
โ โ โฃ ๐FollowerContainer
โ โ โฃ ๐FollowingCard
โ โ โ ๐FollowingContainer
โ โฃ ๐header
โ โ โฃ ๐FollowHeader
โ โ โฃ ๐HomeHeader
โ โ โ ๐InformationHeader
โ โฃ ๐home
โ โ โ ๐HomeContainer
โ โฃ ๐information
โ โ โฃ ๐InformationCard
โ โ โ ๐InformationContainer
โ โฃ ๐join
โ โ โฃ ๐JoinMember
โ โ โ ๐JoinProfile
โ โฃ ๐login
โ โ โฃ ๐LoginCard
โ โ โฃ ๐LoginContainer
โ โ โฃ ๐LoginEmail
โ โ โ ๐SplashCard
โ โฃ ๐postUpdate
โ โฃ ๐postUpload
โ โฃ ๐postView
โ โ โฃ ๐CommentCard
โ โ โฃ ๐CommentItem
โ โ โ ๐PostViewContainer
โ โฃ ๐productUpdate
โ โฃ ๐productUpload
โ โฃ ๐profile
โ โ โฃ ๐AlbumGallery
โ โ โฃ ๐GalleryContainer
โ โ โฃ ๐ProductCard
โ โ โฃ ๐ProductContainer
โ โ โฃ ๐ProfileCard
โ โ โ ๐ProfileContainer
โ โฃ ๐profileUpdate
โ โ ๐search
โ โ โฃ ๐SearchBar
โ โ โฃ ๐SearchCard
โ โ โ ๐SearchContainer
โฃ ๐constants
โฃ ๐pages
โฃ ๐reducers
โฃ ๐styles
โฃ ๐util
โฃ ๐App.js
โฃ ๐index.js
โ ๐store.js