-
ํ๋ก์ ํธ ๊ฐ์: WE-RECORD ํ์ WERECORD ์ฌ์ดํธ ์ ์
-
ํ๋ก์ ํธ ๊ธฐ๊ฐ: 2021.06.08~ 2021.07.01
-
์์ฝ๋์ ์๊ฐ์์ผ๋ก ์ํํ๋ฉด์, ์ถ์ ๊ด๋ จ ์์คํ ์ ๋ถ์ฌ๋ก ์๊ธฐ๋ ๋ถํธํจ ๊ฐ์ ์ ๋ชฉํ๋ก ํจ
-
๋ฉํ ๋ฐ ํ์์ด ์ค์ ๋ก ์ฌ์ฉํ ์ ์๋, ์ถ๊ฒฐ ์์คํ ์ ๋ชฉํ๋ก ํ๊ฒ ๋จ
-
์๊ฐ์
- ์์ฝ๋ ๋์ฐฉ ํ ์์ ๋ฐ ์ข ๋ฃ ์๊ฐ ์ฒดํฌ
- ๊ฐ์ธ๋ณ ์ฃผ๊ฐ ์๊ฐ ๊ธฐ๋ก ๋ฐ ๋์ ์๊ฐ ๊ธฐ๋ก ํ์ธ
- ๊ธฐ์๋ณ ๊ธฐ๋ก ๋ฐ ์ํ ๊ธฐ์์ ์ถ๊ฒฐ ์ํฉ ํ์ธ ๊ฐ๋ฅ
-
๋ฉํ (admin)
- ๊ธฐ์๋ณ ์ ๋ณด ๊ด๋ฆฌ
- ๊ธฐ์๋ณ ๊ธฐ๋ก ๋ฐ ์ถ๊ฒฐ ์ํฉ ํ์ธ ๊ฐ๋ฅ
- React function component, React Hooks ์ฌ์ฉ์ ํตํ ์ปดํฌ๋ํธ ๊ด๋ฆฌ
- styled-component ์ฌ์ฉ์ ํตํ ์คํ์ผ๋ง
- ๊ด๋ จ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ฌ์ฉ ๊ฒฝํ ์๊ธฐ
- AWS ์ฌ์ฉ์ ํตํ ์ฌ์ดํธ ๋ฐฐํฌ
- django ์ฌ์ฉ์ ํตํ DB ๊ด๋ฆฌ
- AWS ์ฌ์ฉ์ ํตํ ์ฌ์ดํธ ๋ฐฐํฌ
- ๋ฐฑ์๋-ํ๋ก ํธ์๋ ์ปค๋ฎค๋์ผ์ด์ ๋ฐ ํต์ ์ผ๋ก ํ์ ๊ฒฝํ ์๊ธฐ
- ๋ฐฐํฌ ์ดํ bug fix ๋ฐ ์ง์์ ์ธ ์ ์ง ๋ฐ ๋ณด์
-
Frontend
-
Backend
- Frontend: JavaScript, React, React-Router, React-hooks, styled-component, CRA
- Backend: Python, Django, MYSQL
- ๊ณตํต tool: Trello, Git & Github, Slack, AWS
- ๋๋ฉ ํ์ด์ง, ์์ ๋ก๊ทธ์ธ
- ๋ฉ์ธ ํ์ด์ง
- ๋ง์ด ํ์ด์ง(์๊ฐ์)
- ๊ธฐ์๋ณ ํ์ด์ง
- ๋ฉํ (Admin) ํ์ด์ง
- ๊ณตํต: styled-component ์ฌ์ฉํ์ฌ ํ์ด์ง, ์ปดํฌ๋ํธ ๋ฐ ๋ด๋น ํ์ด์ง๋ณ ๋ ์ด์์ ๊ตฌํ
๊น์์ฐ
-
๋์์ธ
- Figma ์ฌ์ฉํ์ฌ ๋์์ธ ์ด์ ๊ตฌํ(ver.1)
-
๊ธฐ์ ํ์ด์ง
- fetch(GET)๋ฅผ ์ฌ์ฉํ์ฌ ์๊ฐ์์ด ์ํ ๊ธฐ์๋ณ ์๊ฐ ์ ๋ณด ํ์ ๋ฐ ์๊ฐ์ ์ ์ ํํฉ ์ ๋ณด ํ์
- Slick ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ์ฌ ๊ธฐ์ ๋ฉค๋ฒ ๋ชฉ๋ก ์ฌ๋ผ์ด๋ ๊ตฌํ
- ๋ฐ์ํ ๋ ์ด์์ ๊ตฌํ
-
๋ง์ด ํ์ด์ง
- fetch(PATCH, DELETE)๋ฅผ ์ฌ์ฉํ์ฌ ์๊ฐ์์ ๊ฐ์ธ์ ๋ณด ์์ ๋ฐ ํํด ๊ธฐ๋ฅ ๊ตฌํ
-
๋ฉ์ธ ํ์ด์ง
- day.js๋ฅผ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ์ฌ ์ค์๊ฐ ์๊ฐ ์ ๋ณด ํ์
- fetch(POST, GET)์ ์ฌ์ฉํ์ฌ ๊ณต๋ถ ์๊ฐ ์ฒดํฌ ๊ธฐ๋ฅ ๊ตฌํ(start, restart, pause, stop)
-
๊ณต์ฉ Modal ์ปดํฌ๋ํธ
- ๊ณต์ฉ์ผ๋ก ์ฌ์ฉํ Modal ์ปดํฌ๋ํธ ๊ตฌํ
์ด๋ค์ฌ
-
๋์์ธ
- ๊ธฐํ ๋์์ธ ์ด์ ์๊ธฐ ์์ฑ(ver.0)
- ๋ง์ด ํ์ด์ง, ๋ฉํ ํ์ด์ง, ๊ธฐ์ ํ์ด์ง ๋ฐ Modal ์ธ๋ถ ๋์์ธ ๊ตฌํ
-
๋๋ฉ ํ์ด์ง
- ๋๋ฉ ํ์ด์ง ๊ตฌํ ๋ฐ WERECORD ์ฌ์ดํธ ๋ก๊ณ ์ ์
-
์์ ๋ก๊ทธ์ธ ๊ธฐ๋ฅ
- ๊ตฌ๊ธ ์์ ๋ก๊ทธ์ธ API ์ฌ์ฉ์ผ๋ก ์์ ๋ก๊ทธ์ธ ๊ธฐ๋ฅ ๋ฐ WE-RECORD ์ฌ์ดํธ ์ ์ฉ JWT ๋ฐํ ๊ธฐ๋ฅ ๊ตฌํ
- ์ฌ์ดํธ ์ด์ฉ์ ์ํ ์ถ๊ฐ ์ ๋ณด ์ ๋ ฅ ๊ธฐ๋ฅ ๊ตฌํ
-
์์ ๋ก๊ทธ์ธ ํ ํ์ ์ถ๊ฐ ์ ๋ณด ์ ๋ ฅ ๊ธฐ๋ฅ
- userํ์ (๋ฉํ , ํ์)์ ๋ํ ์กฐ๊ฑด๋ถ ์ถ๊ฐ ์ ๋ ฅ ๋ชจ๋ฌ์ฐฝ ๊ธฐ๋ฅ ๋ฐ ํ์ด์ง ์ด๋ ๊ธฐ๋ฅ ๊ตฌํ
-
๋ฐฐํฌ
- AWS S3 ๋ฐ git Action์ ์ฌ์ฉํ์ฌ ์๋๋ฐฐํฌ
์ ์ฉ๋ฏผ
-
ํ๋ก์ ํธ CRA ์ด๊ธฐ์ธํ
-
Nav
- ํ์(ํ์, ๋ฉํ )๋ณ ๋ฒํผ ์กฐ๊ฑด๋ถ ๋ ๋๋ง (ํ์: ๋ง์ดํ์ด์ง, ๊ธฐ์ํ์ด์ง, ๋ฉ์ธํ์ด์ง, ๋ฉํ : ๋ฉํ ํ์ด์ง, ๊ธฐ์ ํ์ด์ง)
- ๋ฐ์ํ ๋ ์ด์์ ๊ตฌํ
-
๋ง์ด ํ์ด์ง
- fetch(GET)๋ฅผ ์ฌ์ฉํ์ฌ ์๊ฐ์ ๊ฐ์ธ๋ณ ์๊ฐ ์ ๋ณด ํ์
- highchart.js ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ฌ์ฉ์ผ๋ก ํด๋น ๊ธฐ์์ ์๊ฐ์๋ณ ์ฃผ๊ฐ ์๊ฐ ๊ธฐ๋ก BarChart ๊ตฌํ, ์ ์ฒด ๋์ ์๊ฐ LineChart ๊ตฌํ
- ๋ฐ์ํ ๋ ์ด์์ ๊ตฌํ
-
๋ฉํ (Admin) ํ์ด์ง
- path parameter๋ฅผ ์ฌ์ฉํ์ฌ ๊ธฐ์ ํ์ด์ง์์ ๋์ ๋ผ์ฐํ ๊ธฐ๋ฅ ๊ตฌํ
- ๊ธฐ์๋ณ ์ ๋ณด ๋ชฉ๋ก carousel ์ฌ๋ผ์ด๋ ๊ตฌํ (๋ผ์ด๋ธ๋ฌ๋ฆฌ X)
- fetch(PATCH, DELETE)๋ฅผ ์ฌ์ฉํ์ฌ ๋ฉํ ๊ฐ์ธ์ ๋ณด ์์ ๋ฐ ํํด ๊ธฐ๋ฅ ๊ตฌํ
- fetch(POST, PATCH, DELETE)๋ฅผ ์ฌ์ฉํ์ฌ ๊ธฐ์ ์ ๋ณด CRUD ๊ธฐ๋ฅ ๊ตฌํ
- ๋ฐ์ํ ๋ ์ด์์ ๊ตฌํ
-
๊ณต์ฉ Button ์ปดํฌ๋ํธ
-
๊ณต์ฉ์ผ๋ก ์ฌ์ฉํ Button ์ปดํฌ๋ํธ ๊ตฌํ
-
์๋ฏธํ
-
ํ๋ก์ ํธ ์ด๊ธฐ ์ธํ
- Django๋ฅผ ์ฌ์ฉํ์ฌ ํ๋ก์ ํธ๋ฅผ ์งํํ๊ธฐ ์ํ ์ธํ
-
๋ชจ๋ธ๋ง
- AQuery๋ฅผ ์ด์ฉํ์ฌ ํ๋ก์ ํธ์ ๊ธฐํ์ ๋ง์ถ ๋ชจ๋ธ๋ง ์๋ฃ
-
๊ธฐ๋ก ํ์ธ
- ์ฌ์ฉ์์ ๋ง์ง๋ง ๊ธฐ๋ก์ ํ์ธํ์ฌ ์ถ๊ทผ๊ณผ ํด๊ทผ์ด ๋ชจ๋ ๊ธฐ๋ก ๋์๋์ง ํ์ธ
- ํด๊ทผ ๊ธฐ๋ก์ ๋์ณค์ ๊ฒฝ์ฐ, ๋ค์ ์ ์ ์์ ํด๊ทผ ๊ธฐ๋ก ๊ฐ๋ฅ
-
์ถ๊ทผ & ํด๊ทผ ๊ธฐ๋ก
- ์ฌ์ฉ์๊ฐ ํน์ ํ ์์ดํผ๋ฅผ ์ฌ์ฉํ๊ณ ์์ ๋์๋ง ๊ธฐ๋ก ๊ฐ๋ฅํ๋๋ก ์ค์
- ํด๊ทผ ๊ธฐ๋ก์ ์ ๋ ฅํ ๊ฒฝ์ฐ, ๋๋ค์ผ๋ก ๋ช ์ธ์ ์ ์ก
-
์๊ฐ์ ์ ๋ณด ์ ์ก
- ํ ํฐ์ ํตํด ์ฌ์ฉ์์ ์ ๋ณด๋ฅผ ์ ๋ฌ ๋ฐ์ ์ด์ฉ
- ์ฌ์ฉ์์ ํ์ ์ด ๋ฉํ ์ธ ๊ฒฝ์ฐ ์ ๊ทผ ๋ถ๊ฐ
- ํด๋น ์ฌ์ฉ์์ ์ฃผ๊ฐ ๊ธฐ๋ก, ์ด ๋์ ๊ธฐ๋ก, ํ๊ท ์ถ๊ทผ & ํด๊ทผ ์๊ฐ, ๊ทธ๋ฆฌ๊ณ >wecode D-day๋ฅผ ์ ์ก
-
๊ธฐ์ ๋ฆฌ์คํธ ์ ์ก
- ํ ํฐ์ ํตํด ์ฌ์ฉ์์ ์ ๋ณด๋ฅผ ์ ๋ฌ ๋ฐ์ ์ด์ฉ
- ์ฌ์ฉ์์ ํ์ ์ด ์๊ฐ์์ธ ๊ฒฝ์ฐ ์ ๊ทผ ๋ถ๊ฐ
- ์ ์ ์๊ฐ ๊ธฐ์ค, ์ถ๊ฒฐ ํํฉ์ ํฌํจํ์ฌ ์ ์ฒด ๊ธฐ์์ ์ ๋ณด๋ฅผ ์ ์ก
-
๊ธฐ์ ์ ๋ณด ์ ์ก
- ํ ํฐ์ ํตํด ์ฌ์ฉ์์ ์ ๋ณด๋ฅผ ์ ๋ฌ ๋ฐ์ ์ด์ฉ
- ์ฌ์ฉ์๊ฐ ์๊ฐ์์ธ ๊ฒฝ์ฐ ํด๋น ๊ธฐ์์ ์ ๋ณด๋ง ์ด๋ ๊ฐ๋ฅ
- ์ฌ์ฉ์๊ฐ ๋ฉํ ์ธ ๊ฒฝ์ฐ ์ ์ฒด ๊ธฐ์์ ์ ๋ณด ์ด๋ ๊ฐ๋ฅ
- ์ ์์ผ ๊ธฐ์ค, ์ ์ฒด ๊ธฐ์ ์ค ๋์ ์๊ฐ์ด ๊ฐ์ฅ ๋์ ๊ธฐ์์ ์ ๋ณด๋ฅผ ์ ์ก
- ์ ์์ผ ๊ธฐ์ค, ์ง๋ ์ฃผ์ ๋์ ์๊ฐ์ด ๋์ ์์ผ๋ก ์ธ ๋ช ์ ์๊ฐ์ ์ ๋ณด๋ฅผ ์ ์ก
- ํด๋น ๊ธฐ์์ ๋ฑ๋ก๋ ๋ด์ ๋ฉํ & ์๊ฐ์๋ค์ ํ๋กํ๊ณผ (์ ์ ์๊ฐ ๊ธฐ์ค) ์๊ฐ์๋ค์ ์ถ๊ฒฐ ํํฉ์ ์ ์ก
-
๊ธฐ์ ์ ๋ณด ๊ด๋ฆฌ
- ์๋ก์ด ๊ธฐ์ ์ ๋ณด๋ฅผ ์์ฑํ๊ฑฐ๋ ๊ธฐ์กด ๊ธฐ์ ์ ๋ณด๋ฅผ ์์ ๋๋ ์ญ์ ๊ฐ๋ฅ
-
DB ๊ด๋ฆฌ
- csv ํ์ผ์ ์ด์ฉํ์ฌ Local์์ ๋ฐ์ดํฐ๋ฅผ ์๊ณ ํ์ธํ ๋ค, sql ํ์ผ์ ํตํด AWS์ RDS๋ฅผ ๊ด๋ฆฌ
-
๋ฐฐํฌ
- EC2 ์ธ์คํด์ค๋ฅผ ์ฌ์ฉ
- Docker Image๋ฅผ ์ด์ฉํ์ฌ ๋ฐฐํฌ
์ต๋ํ
-
์์ ๋ก๊ทธ์ธ
- ๊ตฌ๊ธ ์์ ๋ก๊ทธ์ธ API๋ฅผ ์ฌ์ฉํ์ฌ ๋ก๊ทธ์ธ ๊ธฐ๋ฅ ๊ตฌํ
- ๊ตฌ๊ธ ์ด๋ฉ์ผ ์ฃผ์ ๊ธฐ์ค์ผ๋ก ๋ฉํ ,์๊ฐ์ ๊ตฌ๋ถ
- ์์ธ์ค ํ ํฐ ๋ฐ ๋ฆฌํ๋ ์ ํ ํฐ ๊ธฐ๋ฅ ๊ตฌํ
-
ํ์์ ๋ณด์์
- boto3์ ํ์ฉํ์ฌ ์ฌ์ง์ s3์์ ์ฅ
- ์ฌ์ง ์ญ์ ๋ ์์ ์ s3ํ์ผ๋ ํจ๊ป ์ญ์ (hard delete)
- ํ์ํํด ๊ธฐ๋ฅ ๊ตฌํ
๐ version2์ ๋ชฉํ
- UX์ ์ผ๋ก ํ์ํ ๊ธฐ๋ฅ ์ถ๊ฐ ๋ฐ ๋ถํ์ํ ๊ธฐ๋ฅ ์ญ์
๐ ์ผ์
- 21.08.03 ~ 21.08.23
๐ฅ ์์ ๋ ํ๋ก์ ํธ ์์ฐ ์์
๐๐ปโโ๏ธ V2 ํ๋ก์ ํธ ์งํ ํ์ : Front-end ๊น์์ฐ
๐ป ์์ ์ฌํญ
-
๊ณตํต
- ์ ์ฒด์ ์ธ UI ๋ฐ ๋์์ธ ์์
-
global
- ์ด๊ธฐ ์ธํ ์์
- Footer ๊ตฌํ
- ํ์ด์ง๋ณ error & fix ์งํ
- ์ปดํฌ๋ํธ ๋ฐ ํจ์ ์ฌ์ฌ์ฉ์ ๊ณ ๋ คํ ๋ฆฌํฉํ ๋ง ์งํ
-
Main Page
- flipClock ํจ๊ณผ๋ฅผ ์ฌ์ฉํ ์ค์๊ฐ ํ์ด๋จธ ๊ตฌํ
- ์ง์ ๋ Modal ScreenCapture ๊ธฐ๋ฅ ๊ตฌํ