#0 INTRODUCTION - WONILLISM/Clone_airbnb GitHub Wiki
created by mki
#0.0 Read this First
#0.0 Introduction (02:15)
์ฅ๊ณ ๋ฅผ ์ฌ์ฉ
์ฅ๊ณ ๋ ์น ์ดํ๋ฆฌ์ผ์ด์ ์ ๋ง๋๋๋ฐ ์ค์ํ ํด
50~60๊ฐ ํ๋ก์ ํธ๋ฅผ ์ฅ๊ณ ๋ฅผ ์ฌ์ฉํ๋ค.
์ฅ๊ณ ๋ ๋งค๋ ฅ์ ์ด๋ค.
๋์์ธ์ tailwindcss
utility first CSS ํ๋ ์์ํฌ
ํด๋์ค๊ฐ ๋ง๊ณ ๋์์ธ๋์ด์๋ค.
CSS ํ๋ ์์ํฌ๋ฅผ ์ ๊ทน์ ์ผ๋ก ํ์ฉํ ๊ฒ์ด๋ค.
#0.1 Therory Requirements (02:22)
- HTML
- class
- id
- flex
- box
- CSS
- Python
- ๋๋ถ๋ถ ์ฌ์ฉํ ๊ฒ์ด๋ค.
- Function
- Class
- Inheritance
- Object Oriented
- JavaScript
- ์ฌ์ง ์ฌ๋ผ์ด๋
- ์ฅ๊ณ ๋ Class์ Inheritence๋ก ๋๋ถ๋ถ ์ด๋ฃจ์ด์ ธ์๋ค.
#0.2 Softwere Requirement part One (04:13)
- VSC
- ๋ฌด๋ฃ
- ์๊น์ด์จ
- Extention
- ๋ช๋ช์ Pycharm
- IDE
- ํ์ด์ฌ ์ ์ฉ ํ๋ฌ๊ทธ์ธ
- ๋ฌด๋ฃ๊ฐ ์๋๋ค.
- Community๋ฒ์ ์ ๋ฌด๋ฃ. ํ์ง๋ง ์ฅ๊ณ ์ ๋ํ ์ง์์ด ์๋ค.
- ์ฅ๊ณ , HTML, JS์ง์์ ๋ฐ๊ธฐ ์ํด์๋... ์ ๋ฃ๋ฒ์ ์ ์ฌ์ฉํด์ผ ํ๋ค.
- ๋ฌด๋ฃ ์คํ ์์ค์ธ ๋์ฒด์ ๋ฅผ ์ฌ์ฉํด์ผ ํ๋ค.
- ํ์ด์ฌ์ ์ ๋ฌธ์ผ๋ก ์ฌ์ฉํ๊ณ ์ถ๋ค๋ฉด, JetBrains์ Pycharm์ ์ฌ์ฉํ๋ฉด ์ข์ ์ ํ์ด๋ค.
#0.3 Softwere Requirement part Two (04:55)
- python 3.7.3
- python 3.7.4๊ฐ ์ต์ ์ธ ์์
- python
- python3
- alias
- Mac์์๋ brew๋ฅผ ์ด์ฉํด์ ์ค์นํ๋๊ฒ ์ข๋ค.
- ์๋์ฐ๋ WSL๋ฅผ ์ฌ์ฉํด์ผ ํ๋ฉฐ, PATH์ ๋ฐ๋์ ์ถ๊ฐํด์ผ ํ๋ค.
#0.4 Django vs Flak (06:33)
- Django๋ฅผ ์ ํํ ์ด์
- ๊ฑฐ๋ํ ํ๋ ์์ํฌ์ด๋ค.
- ๋ง์ ์ ํธ๋ฆฌํฐ๊ฐ ๋ง๋ค์ด์ ธ์๋ค. ์ฅ๊ณ ๊ฐ ๋ค ๋ง๋ค์ด ๋์๋ค.
- ์น ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ณตํต์ ใ ๋ก ํ์ ํ ๋ถ๋ถ์ด ๋ฌด์์ธ์ง ์๊ณ ๊ธฐ๋ฅ์ ๋ฏธ๋ฆฌ ๋ฃ์ด๋จ๋ค.
- Battary Included
- Fully loaded
- ๊ด๋ฆฌ์ ํ์ด์ง, ์ฌ์ฉ์ ์ธ์ฆ!
- ์ด๋ฉ์ผ ๋ฐฑ์๋
- ํจ์ค์๋
- ์ด๋ง์ด๋งํ๊ฒ ๋ง์ ๊ธฐ๋ฅ
- ์์ฃผ ๋น ๋ฅด๊ณ ์ ์ํ๊ณ ์ปค์คํฐ๋ง์ด์ง๋ ์ฝ๋ค.
- ์ฐ๋ฆฌ ๋ชฉํ์ ์ ํฉํ๋ค!
- ์ฅ๊ณ ๋ ์ฝ๋๋ฅผ ๊ฐ์ํ๋ค.
- ์น ํ๋ ์์ํฌ์ ์ธ์ฐ๋ ์ผ์ด ์์ด์ผ ํ๋ค.
- Flask, Pyramid
- ์๊ณ ๊ท์ฌ์์ ๋ง์ ๊ธฐ๋ฅ์ ์ ๊ณตํ์ง ์๋๋ค.
- ์์ฃผ์์ฃผ ๊ฐ๋จํ๋ค.
- ์น ์๋ฒ ๋ง๋๋๊ฑธ ๋์์ค๊ฒ!
- ์ง์ ! ๋ง๋ค๊ฒ ๋๋ฌด ๋ง๋ค.
- Flask๋ ๋ง๋ค ์ ์๋ค. ๊ทธ๋ฐ๋ฐ ๋๋ฌด ์ค๋ ๊ฑธ๋ฆฐ๋ค. ์ฅ๊ณ ๋ก ์ผ์ฃผ์ผ์ด๋ฉด ๊ฑธ๋ฆด ๊ฒ์... 3๋ฌ์ ๊ฑธ๋ฆด ๊ฒ์ด๋ค.
- ๋ง์ดํฌ๋ก ์๋น์ค๋ฅผ ๊ตฌ์ถํ ๋ ์ข๋ค.
#0.5 Django vs React (05:06)
- React๊ฐ ์๋ Djangoํ ํ๋ฆฟ์ ํํ ์ด์
- ๋ชจ๋ ํ๋ก ํธ์๋๊ฐ React๋ฅผ ํ์๋ก ํ๋ ๊ฒ์ด ์๋๋ค.
- React๊ฐ ํ์ ์ฌํญ์ด ์๋๋ค.
- ์ด๋ฉ์ด์งํ Django ํ ํ๋ฆฟ ์์คํ
- ํฐ ๋ถ๋ถ์ ์ฐจ์งํ๋ ํ ํ๋ฆฟ!
- Django ํํญ ์ธ์คํ ํํฐ๋ ์คํธ...
- ํ ํ๋ฆฟ์ ์ฐ๊ณ ์ฐ์ง ์๊ธฐ๋ ํ๋ค. ์ธ์คํ ํํฐ๋ ํ ํ๋ฆฟ์ ์์ด๋ค. ๋ค์ด๋๋ฏน์ ์ํด์.. ์ ํ๋ฆฌ์บ์ด์ ์ฒ๋ผ ๋์ํ๊ธธ ์ํด์. ์ํธ์์ฉ์ด ๋ง์ด ์ด๋ค์ ธ ๋ฆฌ์กํธ๊ฐ ํ์ํ๋ค.
- airbnb๋ ์ฝํ ์ธ ์์ฃผ๋ผ... ์์์ ์ฑ์ฐ๊ณ ๋ณด์ฌ์ฃผ๊ธฐ.. ์ด๋ฐ ๊ฒ๋ค์ด๋ผ... ํ์ ์ด๋ ์ฌ๋ผ์ด๋๊ฐ ๋ง์ง ์๋ค. ๊ทธ๋ฐ๊ฒฝ์ฐ react๋ฅผ ์ฌ์ฉํ ํ์๊ฐ ์๋ค.
- National geograpic
- https://www.nationalgeographic.com/
- ๋ ธ๋ง๋์ฝ๋๋ ์ฅ๊ณ ํ ํ๋ฆฟ์ผ๋ก ๋ง๋ค์๋ค. ์ฒ์์๋ React๋ก ๋ง๋ค์์ง๋ง... Django๋ก ๋ฐ๊พธ์๋ค.
- React๋ฅผ ์ธ ํ์๊ฐ ์์ ๋๋ ์๋ค. ์ถฉ๋ถํ๋ค.
- Django์ API์ธก๋ฉด๋ง ๊ฐ์กฐํ๋ค.
- ํ์ง๋ง Django์ ํ ํ๋ฆฟ์ ๊ฐ๋ ฅํ๋ค.
- ์ธ์คํ๊ทธ๋จ์ ๊ฑฐ์ React์ด์ง๋ง... ๋ช๋ช ๋ถ๋ถ์ Django