๊ณต์ ๋จผ์ฌ๋ฆฌ ๋ค์ด์ด๋ฆฌ, ๋ผ๊พธ๋ผ๊พธ๐
" ๋๋ง์ ๋ค์ด์ด๋ฆฌ๋ฅผ ์์ฑํ์ฌ ์ฌ๋ฌ๋ถ๋ง์ ๋ผ์ดํ ์คํ์ผ์ ๊พธ๋ ค๋ณด์ธ์! โจ โจ
- โ๏ธ ๊ธฐํ ๋ฐ ์ค๊ณ
- ๐ ์๋น์ค ์๊ฐ
- โฐ ๊ฐ๋ฐ ์ผ์
- ๐จโ๐ฉโ๐ฆโ๐ฆ ํ์ ์๊ฐ
- ๐ ๏ธ ๊ธฐ์ ์คํ ๋ฐ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
- ๐จ ๊ฐ๋ฐ
- โจ ์ฃผ์๊ธฐ๋ฅ ์๊ฐ
- ๐ฒ ์์ด์ดํ๋ ์
" ๋๋ง์ ๋ค์ด์ด๋ฆฌ๋ฅผ ์์ฑํ์ฌ ์ฌ๋ฌ๋ถ๋ง์ ๋ผ์ดํ ์คํ์ผ์ ๊พธ๋ ค๋ณด์ธ์! โจ"
'๋ผ๊พธ๋ผ๊พธ'๋ ์น ๊ธฐ๋ฐ ๊ณต์ ๋ค์ด์ด๋ฆฌ ์๋น์ค๋ก, ์ฝ๊ณ ๊ฐ๋จํ๊ฒ ๋ค์ด์ด๋ฆฌ๋ฅผ ์์ฑํ์ฌ ๋๋ง์ ๋ผ์ดํ์คํ์ผ์ ๊พธ๋ฏธ๊ณ ์ด๋ฅผ ๊ณต์ ํ๊ณ ์ ํ๋ ์ ์ ๋ค์ ์ํด ์ ์๋์์ต๋๋ค. ์น ๊ธฐ๋ฐ ์๋น์ค์ด๊ธฐ ๋๋ฌธ์ ๊ฐํธํ๊ฒ ํด๋ํ๊ณ ๊ฑฑ์ ์์ด ์ ์ฅํ ์ ์์ผ๋ฉฐ, ๋์ ์ผ๊ธฐ๋ฅผ ํ ๋์ ํ์ธํ๊ณ ์น๊ตฌ์ ๊ณต์ ํ๋ฉฐ ๋๊ธ๋ก ์ํตํ ์ ์์ต๋๋ค. ๋ํ ๊ธฐ๋ณธ ์ ๊ณต๋๋ 300์ฌ์ข ์ ์คํฐ์ปค ๋ฐ ํ ํ๋ฆฟ๋ฅผ ํ์ฉํ์ฌ ๊ฐ๋จํ๊ฒ ๋ค์ด์ด๋ฆฌ๋ฅผ ๊พธ๋ฐ ์ ์์ผ๋ฉฐ ์ํ๋ ์ฌ์ง์ ์คํฐ์ปค๋ก ๋ง๋ค์ด ๋๋ง์ ๋ค์ด์ด๋ฆฌ๋ฅผ ๋ง๋ค ์ ์์ต๋๋ค.
๋ณธ ํ๋ก์ ํธ๋ ์ดํ์ฌ๋ ์ปค๋ฆฌ์ด ํด๋ฝ ์น๊ฐ๋ฐ ๋์๋ฆฌ EFUB์ ์ฌ๋ฆ ํ๋ก์ ํธ์ธ ๐SWS(Summer Web Surf)์ ์ผํ์ผ๋ก ์งํ๋์์์ ๋ฐํ๋๋ค.
(2022.03.15 ~ 2022.07.03)
- ๊ธฐํ ๋ฐ ๋์์ธ : 2022.03.15 ~ 2022.07.03
- ๊ฐ๋ฐ : 2022.07.04 ~ 2022.08.06
๊น์์ฐ | ๋ฐํฌ์ง | ์ ์ ์ง | ์๋ฏผ๊ฒฝ |
์๋ฆผ์ฐฝ ๋ฐ ๋ค์ด์ด๋ฆฌ ๊พธ๋ฏธ๊ธฐ (์คํฐ์ปค, ์ฌ์ง) | ์ ์ ํ์๊ฐ์ ๊ณผ ๋ก๊ทธ์ธ / ๋๊ธ ํผ๊ณผ ๋๊ธ ๋ชฉ๋ก | ํ๋กํ / ์ค์ / ๋ค์ด์ด๋ฆฌ ๊พธ๋ฏธ๊ธฐ (์์ง,ํ ์คํธ) | ๋จผ์ฌ๋ฆฌ / ์น๊ตฌ ๋ชฉ๋ก ๋ฐ ์ถ๊ฐ |
git clone
npm install
npm start
โโโ ๐public
โโโ ๐src
โ โโโ ๐assets
โ โโโ ๐components
โ โ โโโ ๐common
โ โ โโโ ๐LandingPage
โ โ โโโ ๐LoginPage
โ โ โโโ ๐SignupPage
โ โ โโโ ๐MainPage
โ โ โโโ ๐MonthlyPage
โ โ โโโ ๐SideBar
โ โ โโโ ๐SocialPage
โ โ โโโ ๐DiaryPage
โ โ โโโ ๐index.js
โ โโโ ๐fonts
โ โโโ ๐styles
โ โโโ ๐App.css
โ โโโ ๐App.js
โ โโโ ๐index.css
โ โโโ ๐index.js
โโโ ๐etc (setting files)
- ๋๋ฉํ์ด์งย
/
- ๋ก๊ทธ์ธย
/login
- ํ์๊ฐ์
ย
/register
- ๋จผ์ฌ๋ฆฌํ์ด์งย
/main/{nickname}
- ์ค์ ย
/main/{nickname}/setting
- ์น๊ตฌ๋ชฉ๋กย
/main/{nickname}/social
- ๋ค์ด์ด๋ฆฌ ๋ด๋ถ ->ย
/main/{nickname}/diary/{date}
"dependencies": {
"@emotion/react": "^11.9.3",
"@emotion/styled": "^11.9.3",
"@mui/material": "^5.9.1",
"@testing-library/jest-dom": "^5.16.4",
"@testing-library/react": "^13.3.0",
"@testing-library/user-event": "^13.5.0",
"date-fns": "^2.28.0",
"emoji-picker-react": "^3.5.1",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-konva": "^18.2.1",
"react-redux": "^8.0.2",
"react-router-dom": "^6.3.0",
"react-scripts": "5.0.1",
"react-use": "^17.4.0",
"redux": "^4.2.0",
"redux-devtools-extension": "^2.13.9",
"styled-components": "^5.3.5",
"use-image": "^1.0.12",
"web-vitals": "^2.1.4"
}
๋ผ๊พธ๋ผ๊พธ์ ๊ธฐ๋ณธ ํ๋ฉด์ ๋๋ค. ๋ ์ง๋ฅผ ํด๋ฆญํ๊ณ , ๊ทธ ๋ ์ ๋ค์ด์ด๋ฆฌ๋ฅผ ์์ ๋กญ๊ฒ ๊พธ๋ฉฐ๋ณด์ธ์!
1. ๋จผ์ฌ๋ฆฌ ๋ฌ๋ ฅ: ๋ ์ง๋ฅผ ํด๋ฆญํ์ฌ ๋ค์ด์ด๋ฆฌ๋ฅผ ์์ฑํ ์ ์๊ณ , ์ด๋ฏธ ์์ฑ๋ ๋ค์ด์ด๋ฆฌ๋ฅผ ์กฐํํ ์ ์์ต๋๋ค.2. ํ๋กํ: ํ๋กํ ์์ ๋ฒํผ์ ํด๋ฆญํ์ฌ ์ํ๋ ํ๋กํ ์ด๋ฏธ์ง์ ์๊ธฐ์๊ฐ๋ฅผ ์ค์ ํ ์ ์์ต๋๋ค.
3. ์๋ฆผ์ฐฝ: ์ข์์, ๋๊ธ, ๋๋๊ธ ๋ฑ์ ์๋ฆผ์ ํ์ธํ ์ ์์ต๋๋ค.
์์ ์ ์ทจํฅ์ ๋ฐ๋ผ ์์ง,ํ ์คํธ,์ฌ์ง,์คํฐ์ปค๋ฅผ ์ ์ฉํ์ฌ ๋ค์ด์ด๋ฆฌ๋ฅผ ์์ ๋กญ๊ฒ ๊พธ๋ฉฐ๋ณด์ธ์!
1. ์๋จ ํญ: ๋ค์ด์ด๋ฆฌ ๊พธ๋ฏธ๊ธฐ๋ฅผ ์๋ฃํ ํ์ ์ค๋ฅธ์ชฝ์ ๋์คํฌ ๋ฒํผ์ ๋๋ฅด๋ฉด ๋ค์ด์ด๋ฆฌ๋ฅผ ์ ์ฅํ ์ ์์ต๋๋ค.2. ํ๋จ ํญ: ์์ง,ํ ์คํธ,์ฌ์ง,์คํฐ์ปค ์ค ์ ์ฉํ๊ธฐ๋ฅผ ์ํ๋ ์์๋ฅผ ํด๋ฆญํ์ฌ ์บ๋ฒ์ค์ ์์ฑํ์ฌ ์์ ์ ์ทจํฅ์ ๋ฐ๋ผ ์ ์ฉํ ์ ์์ต๋๋ค.
3. ์บ๋ฒ์ค: ์์ง,ํ ์คํธ,์ฌ์ง,์คํฐ์ปค๋ฅผ ์บ๋ฒ์ค์ ์ํ๋ ๋์์ธ,ํ์ ,ํฌ๊ธฐ๋ก ์์ ๋กญ๊ฒ ์์ฑํ ์ ์์ต๋๋ค.
UID๋ฅผ ํตํด ๋ค์ด์ด๋ฆฌ๋ฅผ ๊ณต์ ํ๊ณ ์ถ์ ์น๊ตฌ๋ฅผ ์ถ๊ฐํด ์น๊ตฌ์ ๋ค์ด์ด๋ฆฌ์ ๋๋ฌ๊ฐ ์ ์์ต๋๋ค.
์น๊ตฌ์ ์๋ก์ ๋ค์ด์ด๋ฆฌ์ ์ข์์๋ฅผ ๋๋ฅด๊ณ ๋๊ธ์ ๋ฌ๋ฉฐ ์์ ๋กญ๊ฒ ๊ณต์ ํด๋ณด์ธ์!
2. ์น๊ตฌ ์ถ๊ฐ: ์น๊ตฌ์ UID๋ฅผ ๊ฒ์ํ์ฌ ์น๊ตฌ๋ฅผ ์ถ๊ฐํ ์ ์์ต๋๋ค.
3. ์ข์์, ๋๊ธ, ๋๋๊ธ: ์น๊ตฌ์ ๋ค์ด์ด๋ฆฌ์ ์ข์์๋ฅผ ๋๋ฅด๊ณ , ๋๊ธ๊ณผ ๋๋๊ธ์ ๋ฌ๋ฉฐ ์น๊ตฌ์ ๋ค์ด์ด๋ฆฌ๋ฅผ ํตํด ์ํตํ ์ ์์ต๋๋ค.