์ํ ์ ๋ณด ๊ธฐ๋ฐ ์ถ์ฒ ์๋น์ค ๊ตฌ์ฑ
์ปค๋ฎค๋ํฐ ์๋น์ค ๊ตฌ์ฑ
HTML, CSS, JavaScript, Vue.js, Django, REST API, DataBase ๋ฑ
2023.03 ํ์ฌ ํค๋ก์ฟ ์ ๋ฐฐํฌํด๋ ์๋ฒ๊ฐ ๋ด๋ ค๊ฐ์ ํ์ธ์ด ๋ถ๊ฐ๋ฅํฉ๋๋ค. ๋ฌด๋ฃํธ์คํ ์ฐพ์ผ๋ฉด ๋ค์ ํ๊ฒ ์ต๋๋ค.
๐ค ๊ฐ์ฌ๊ตฌ
- Website: 94incheon.github.io
- Github: @kjaegu9771
- ์
๋ฌด ๋ถ๋ด
- Frontend
- Bootstrap4
- DB
- Movies ์ฑ์ MTV ํจํด๊ตฌํ
- ๋ ์จ๊ธฐ๋ฐ ์ํ์ถ์ฒ ์๊ณ ๋ฆฌ์ฆ
- ํ์ด์ง
๐ค ์ฅํ์ค
-
Github: @jhj9109
-
์ ๋ฌด ๋ถ๋ด
- Django REST API
- ๋น๋๊ธฐ ์์ฒญ
- ORM ์กฐ์
- Accounts ์ฑ์ MTV ํจํด๊ตฌํ
- ์ ์์ง์ญ ๋ ์จ๊ธฐ๋ฐ ์ํ์ถ์ฒ ์๊ณ ๋ฆฌ์ฆ
- ์์ ๋ก๊ทธ์ธ
- TMDb ์์ ์ ๊ณตํ๋ Movie API ๋ฅผ ํตํ ์ํ์ ๋ณด ์ ๊ณต
- ์ ์ ๋ค๊ฐ ์ปค๋ฎค๋ํฐ๋ฅผ ์ํ ๋ฆฌ๋ทฐ๊ฒ์ํ ๊ตฌํ
- ๋ฆฌ๋ทฐ๊ฐ Comment ๋ฅผ ์์ฑํ ์ ์๋ค.
- ์ํ&๋ฆฌ๋ทฐ ์ข์์ - ๋น๋๊ธฐ์์ฒญ ์ฒ๋ฆฌ๊ฐ๋ฅ
- ์ ์ ๊ฐ ํ๋ก์ฐ&ํ๋ก์ - ๋น๋๊ธฐ ์์ฒญ ์ฒ๋ฆฌ๊ฐ๋ฅ
- ํ์๊ฐ์ ์์ด Google ์์ด๋๋ฅผ ํตํ ๋ก๊ทธ์ธ๊ฐ๋ฅ
- ์ํ ์ ๋ชฉ (ํ๊ธ, ์๋ฌธ) ์ ํตํ ๊ฒ์๊ธฐ๋ฅ
- ๋ณธ์ธ์ด ์ข์์ํ ์ํ๋ค ๋ง์ดํ์ด์ง ๋ด์์ ํ์ธ๊ฐ๋ฅ
-
์ฌ์ฉ๊ธฐ์
- Django ํ ํ๋ฆฟ์์ Vue CDN์ ์ด์ฉํด ๊ฐ๋ฐ
-
Frontend
- Vue
- Axios
- Font Awesome
- Bootstrap4
-
Backend
- Python
- Django==2.1.15
- Django REST Framework
-
๊ฐ๋ฐ ๊ณํ
- ์งํ ๊ธฐ๊ฐ : 2020.06.11 ~ 2020.06.17
- ๋ชฉํ : ์ํ ํฌํธ ์ฌ์ดํธ์ ๊ธฐ๋ณธ ๊ธฐ๋ฅ์ ๋น ๋ฅด๊ฒ ๊ตฌํํ๊ธฐ
-
์ํ ์ถ์ฒ
- ๋ ์จ API ์ ์ง๋ฆฌ๋ฅผ ์ด์ฉํ ์ ์์์น ๋ ์จ์ ๋ฐ๋ฅธ ์ํ์ถ์ฒ
-
๋ฆฌ๋ทฐ ์ปค๋ฎค๋ํฐ ๊ฒ์ํ
- ๋ก๊ทธ์ธํ ์ ์ ๋ ๊ฒ์ํ์ CRUD ๊ธฐ๋ฅ ์ฌ์ฉ๊ฐ๋ฅ
- ๋๊ธ์ ์์ฑํ ์ ์์
- ์ข์์ ๊ตฌํ
-
์ ์ ํ๋กํ
- ํ๋ก์ฐ & ํ๋ก์ ๋น๋๊ธฐ ์์ฒญ
- ๋ด๊ฐ ํ์ฌ ํ๋ก์ฐํ๊ณ ์๋์ฌ๋ ๋ชฉ๋ก ํ์ธ
- ๋๋ฅผ ํ์ฌ ํ๋ก์ํ๊ณ ์๋์ฌ๋ ๋ชฉ๋ก ํ์ธ
- ๋ด๊ฐ ์์ฑํ ๋๊ธ ๊ฐ์ ํ์๊ธฐ๋ฅ
- ๋ด๊ฐ ์ข์์ํ ์ํ ๋ชฉ๋ก ํ์
- ๋น๋๊ธฐ ์์ฒญ์ฒ๋ฆฌ๋ก ๊ตฌํ
-
์ํ ๊ฒ์
- ์๋จ NavBar ์ ์๋ Search bar์์ ์ํ๋ช (ํ๊ธ, ์๋ฌธ)์ผ๋ก ์ํ ๊ฒ์๊ฐ๋ฅ
-
UI/UX
- Bootstrap4 ๋ฅผ ํ์ฉํ ์น ๋ฐ์ํ ํํ์ด์ง ๊ตฌ์ถ (๋ชจ๋ฐ์ผ, PC)
- ๋ถ๋ถ๋ณ ๋น๋๊ธฐ์์ฒญ์ฒ๋ฆฌ๋ก ์ธํ UX ํฅ์
- ์ํ,๋ฆฌ๋ทฐ ์ข์์ & ํ๋ก์ฐ, ํ๋ก์ ํ๊ธฐ
-
Django ํ๋ก์ ํธ๋ด์์๋ง ํด๊ฒฐํ๋ ค๋ Django Monolithic ์๋น์ค ํ๊ณ์ ์ด๋ ค์์ ๊ฒช์์ต๋๋ค.
- ๋น๋๊ธฐ์์ฒญ ์ฒ๋ฆฌ๊ตฌ๊ฐ์ด ๋ง์์ง์๋ก ๋ฐ๋๋ผJS ๋ฅผ ์ด์ฉํด์ ๊ตฌํํ๊ธฐ์ ์ฝ๋๊ฐ ๋ณต์กํด์ง
- Vue Frontend ์ Django Backend ๋ฅผ ๋๋๋ ๊ฒ์ด SPA ์๋น์ค๋ฅผ ๊ตฌํํ๊ธฐ์ ์ ํฉ
-
์ฒ์ ํ๋ก์ ํธ ์ค๊ณ ์ DB ๋ถํฐ ์ ํํ๊ฒ ๋ชจ๋ธ๋งํ๋๊ฒ์ ๋ํ ์ค์์ฑ
- DB ์ค๊ณ๋ฅผ ์ ํํ๊ฒ ํด์ผ ๋ฐ์์ฌ Data ๋ค์ ์ฝ๊ฒ ์ ์๋ด๋ฆด ์ ์๊ฒ ๋จ
-
๋ชจ๋ฅด๋๋ถ๋ถ์ Google ์ ํตํ์ฌ, ๊ณต์ ๋ํ๋จผํธ๋ค์ ์ฝ๊ณ ํด์ํ๊ณ ์ ์ฉํ๋ ๋ฅ๋ ฅ ์ค์ํจ ๊นจ๋ฌ์
- ํ๋ก์ ํธ๋ฅผ ์งํํ๋ค๋ณด๋ฉด, ์ด๋ ๊ธฐ๋ฅ์ ๋ฃ๊ณ ์ถ์ด์ ๊ตฌํํ๊ณ ์ถ์ด๋ ์ด๋ ค์ด ๊ฒฝ์ฐ๊ฐ ๋ง์
- ๊ฒ์์ ํตํด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๋ ๋ฅ๋ ฅ์ด ๋ง์ด ํ์ํ ๊ฑฐ๋ผ๊ณ ๋๊ปด์ง
- Vuejs์ Axios๋ฅผ ํ์ฉํ ๋น๋๊ธฐ ์์ฒญ
- JS_์์น ์ ๋ณด ๊ธฐ๋ฐ ๋ ์จ API ์์ฒญ