๋ฉ์์ด์ฌ์์ฒ๋ผ 9๊ธฐ ์ด์์ง ์คํฐ๋๊ฐ ์ด๋๋ง 5์ฃผ์ฐจ ๋ง์ง๋ง ํ ์ด ํ๋ก์ ํธ์ ๋ค์ด์ฐ๋ค.
๋ฐฉํ ์ด์์ง ์คํฐ๋๋ฅผ ์ด์ํ์ง ๋ฒ์จ ํ ๋ฌ์ด ์ง๋๋ฒ๋ ธ๋ค.
์ฌ์ค Velog ๊ณต๋ถ ๋ด์ฉ ์์ฑ์ด ๊ณผ์ฐ ๋์๋ ๊น? ๊ทธ๋ฐ๋ฐ
์ง๊ธ 4์ฃผ์ฐจ๊ฐ ๋๋ฉด์ ์ ๋ง ๋์์ด ๋ง์ด ๋์๊ณ , ๋จ๋ ๊ฒ์ด ๋งค์ฐ ๋ง์๋ค.
4์ฃผ๊ฐ์ ์คํฐ๋ ๊ณผ์ ์ ๋ํด์ ๊ฐ๋ตํ๊ฒ ์์ฑํด๋ณด๋ ค๊ณ ํ๋ค.
- 2021๋ ๋ฉ์์ด์ฌ์์ฒ๋ผ 9๊ธฐ ์ด์์ง ๋ฉํ ํ๋์ ๋ถ์กฑํจ์ ์ฑ์ฐ๊ธฐ ์ํจ.
- ์ด์์ง ๊ฐ ๊ฐ์ธ์ ๊ฐ๋ฐ ์ง์ ์์น์ ์ํจ.
- ๋์ถฉ ๋ณด๋ผ ์ ์๋ ๋ฐฉํ์ ์ด์ฌํ ๋ณด๋ด๊ธฐ ์ํ ๋๊ธฐ๋ถ์ฌ๋ฅผ ์ํจ.
- ์ด์์ง๋ผ๋ฆฌ์ ๊ณต๋ชจ์ (ํด์ปคํค) ์ฐธ์ฌ๋ฅผ ์ํ ์ค๋น.
๊ฐ์ฅ ๊ธฐ๋ณธ์ ์ธ ๋ถ๋ถ์ด๋ฉฐ,์ค์ํ ๋ถ๋ถ์ธ
9๊ธฐ ์ด์์ง ์ํ ํ ๋ฉํ ํ๋์ด ๋๊ธฐ ์ํจ์ด๋ค.
Django ์นํ๋ ์์ํฌ์ ๋ํ ์ดํด + HTML/CSS์ ๋ํด์๋
๋ฉํฐ๋ค์๊ฒ ์๋ ค์ค ์ ์๋ ์์ ๊ฐ๊ณผ ์ค๋ ฅ์ด ๋์ด์ผ ํ๋ค๊ณ ์๊ฐํ๋ค.
๋๊ฐ์ ๊ฒฝ์ฐ, 2020๋ ๋ฉํ ํ๋์ ํ ๋,
๋ฒผ๋ฝ์น๊ธฐ๋ก ๊ณต๋ถํด์ ์์ ์ด ์์๋ ๊ฒฝํ์ ์๊ฐํด ๊ฐ์ ํ ์คํฐ๋ ๋ฐฉ๋ฒ์ด๋ค.
๊ทธ๋ฆฌ๊ณ ๋ ๋ค๋ฅธ ์ด์ ๋ก 8๊ธฐ ๋,
์ด์์ง๋ค์ ๋
ธ๋ ฅ๊ณผ ์๊ฐ ํฌ์์ ๋นํด, ์คํ ํฌ์๋ ์์ฅ ๋ฐ ์๋ฃ์ฆ ๋ถ์ฌ
๊ฐ์ด ํด์ค ๋ถ๋ถ์ด ์์๋ ๊ฒ์ด ์์ฌ์ ๋ค.
๊ทธ๋์ ์ด๋ฒ ๋ฐฉํ ์คํฐ๋๋ฅผ ํตํด์ ์๋ก ๊ธฐ์ ์คํ ์คํฐ๋ ์งํํ๋ฉด์
์ค์ ๊ณต๋ชจ์ ์ ๋๊ฐ์ ์ธ ์ ์๋ ๊ธฐ์ ์คํ๋ค์ ๋จ๋ จํ๋ค๋ ๋ชฉํ์๋ค.
์ฐ๋ฆฌ๊ฐ์ ๊ฒฝ์ฐ, DRF(Django) + React ๋ฅผ ํตํ ํ์ ์ด ๋ชฉํ๋ค.
์ด 5๋ช ์ ์ด์์ง ์น๊ตฌ๋ค๊ณผ ๊ฐ์ด ์งํ ํ ์คํฐ๋์๋ค.
์ด๋ฌํ ๊ธฐ์ ์คํ ๋ชฉํ๋ฅผ ๊ฐ์ง๊ณ ์คํฐ๋๋ฅผ ์งํํ๋ค.
์ถ๊ฐ ์ ์ผ๋ก ํ ์ชฝ ๋ถ์ผ์ ๋ด์ฉ๋ง ๋ด์๋ ์ดํดํ๊ธฐ ์ด๋ ค์ฐ๋,
๋ถ๋ฅ๋ ์ ๋ ๊ฒ ํ์ง๋ง ํ์คํ๋ ๊ฐ๋ฅ์ผํ๊ฒ ๊ณต๋ถ๋ฅผ ๋ ๋ถ์ผ ๋ค ํ๋๋ก ๊ถ์ ํ๋ค.
์ด์์ง์ ์๋ช ์ด๋ค^_^ใ ใ
์ด์์ง๋ง๋ค์ ์คํฐ๋ ๋ด์ฉ์ ๋ค๋ฅด๊ฒ ์ง๋ง,
๋๊ฐ์ ๊ฒฝ์ฐ๋ React๋ฅผ ์ง์ค์ ์ผ๋ก ๋ค๋ค๋ค.
๋์ค ์กธ์ ํ, ํ๋ก ํธ์๋ ๊ด๋ จํ์ฌ ๋ฐฐ์ฐ๊ณ ์ถ์๊ณ ,
์ง์คํด์ ๋ฐฐ์ธ ๊ธฐํ๋ฅผ ์ง๊ธ ์ฌ๊ธฐ ์คํฐ๋ ๊ธฐํ๋ ์ฌ์ฉํ๋ ค๊ณ ํ๋ค.
๊ทธ๋ฆฌ๊ณ ์ถ๊ฐ์ ์ผ๋ก Django REST Framework, Firebase์ ๋ํ
์ดํด๋ฅผ ํค์์ ๊ฐ์ธ ํ๋ก์ ํธ์ ๋ํ ์ค๋น๋ ํด๋ณด์๋ค.
NodeJS + ReactJS + MongoDB
- ๊ธฐ์ด BASIC ๋ค๋ฃจ๊ธฐ
- NOSQL์ ๋ํ ์ดํด ( ๊ด๊ณํ ๋๋น๋ง ์จ๋ด.. )
- Inflearn ํด๋ก ์ฝ๋ฉ
- https://velog.io/@minsgy/Node-React-Basic [์ด6ํธ]
- ๊ฐ์ธ์ ์ผ๋ก ๋ง์ ์๊ฐ์ด ๋ค์๊ณ , ๋ฉํ์ด ๋๊ฐ๋ ์ฃผ ์๋ค.
์ฒ์์ผ๋ก ์ค์ ์์ ์จ๋ณด๋ JS ๋ฌธ๋ฒ๊ณผ Django๋ง ์ฌ์ฉ ํ๋ ๋์๊ฒ
Request(์์ฒญ), Response(์๋ต)์ ๋ํ ๊ฐ๋ ์ ์๋นํ ์์ํ๋ค.- React์์ ํต์ ๊ณผ์ ๊ณผ REST API์ ๋ํ ์ค์ต์ ํ์ฌ ์ ํ๊ธฐ ์ข์๋ ์ฃผ์ฐจ์๋ค.
์ด 1์ฃผ์ฐจ ๊ณผ์ ์ ๊ฐ์ง๊ณ , Velog ์ฒซ ์ ๋ฆฌํ๋๋ฐ ๊ต์ฅํ ์ด๋ ค์ ๋ ์ ..^^
๊ทธ๋ฆฌ๊ณ ์ด๋ ๊ณ ๋ ค๋ํ๊ต ํด์ปคํค ์ค๋นํ๋๋ผ ๋ฅํ๊ฒ ๊ณต๋ถ ๋ชปํด์ ์์ฌ์ ๋ค.
ReactJS + Firebase + ์น ์์ผ
- ReactJS์ ๋ํด์ ์ง์ค์ ์ผ๋ก ๋ฐฐ์ ๋ ์ฃผ์ฐจ ์๋ค.
- Inflearn ์ ๋ฃ ๊ฐ์ (React + Firebase Chat)
- https://velog.io/@minsgy/React-Chat-1 [์ด5ํธ]
- 2์ฃผ์ฐจ์์ ๋๋ ๊ฐ์ ๋ด์ฉ์ ๊ทธ๋๋ก ๋ฐ๋ผํ์ง ์๊ณ ,
๋ฐฉ์์ ๋ฐ๊ฟ์ ํ๋ก๊ทธ๋๋ฐ์ ํด๋ณด์๋ค.- Class๊ธฐ๋ฐ์ LifeCycle ๋ฉ์๋๋ฅผ ๊ฐ์ง๊ณ , ๋ฆฌ์กํธ๋ฅผ ๋ค๋ฃจ๋ ๊ฐ์ ๋ด์ฉ์ด์๋ค.
๊ทธ๋ ์ง๋ง ๋๋ ํจ์๊ธฐ๋ฐ์ hook์ผ๋ก ๊ตฌํํ๊ณ ์ถ์ด์,
๋ฐฉ์์ ๋ฐ๊ฟ์ Class ๊ธฐ๋ฐ์ ํจ์๊ธฐ๋ฐ์ผ๋ก ๋ฐ๊ฟ๋๊ฐ๋ค.- ํฌ๋ธ์ค ์ ์ - ๊ฐ์ฅ ๋ฒ๊ทธ๊ฐ ๋ง์ด ๋์๋ ์ฃผ์ฐจ
- ๋ป ์ง๊ณผ Search๋ฅผ ๋ฐ๋ณตํ๋ฉด์ ๊ฐ์ฅ ๋ง์ด ๋ฐฐ์ ๋ ์ฃผ์ฐจ๋ค.
๋ง์ด ํ ๋์๋ ์ฃผ์ฐจ์ด๋ค. ์ด ์ฏค์์ ๋ฒจ๋ก๊ทธ ์์ฑ์ ๋ํด ์ต์ํด์ ธ์ ๊ฐ์ธ์ ์ผ๋ก ๋ง์ด ์ฑ์ฅํ ์ฃผ์ฐจ๋ผ๊ณ ์๊ฐํ๋ค.
2์ฃผ์ฐจ ๋ง๋ฌด๋ฆฌ ํ, ๊ฐ์๋ฅผ ์ค์ฌ์ ์ผ๋ก ํด์๋ ์ฐ๋ฆฌ์
์คํฐ๋ ๋ฐฉ์์ ํ๋ก์ ํธ ์ค์ฌ์ผ๋ก ๋ฐ๊พธ์ํ์ฌ
3์ฃผ์ฐจ ๋ถํฐ๋ ํ ์ด ํ๋ก์ ํธ๋ฅผ ์ฃผ์ ๋ก ์ก๊ณ ์งํ ํ๋ค.
๋ฉ์์ด์ฌ์์ฒ๋ผ ์ถ์๋ถ ํ๋ก์ ํธ
- ReactJS + Redux + Firebase
- ๋ฆฌ์กํธ์ ํ์ด์ด๋ฒ ์ด์ค๋ฅผ ๊ฐ์ง๊ณ , ์ฒ์์ผ๋ก ํด๋ณด๋
ZeroBase์ ํ ์ด ํ๋ก์ ํธ ์๋ค.- ์ค์ ๊ฒฝํ์ ๊ฐ์ฅ ๋ง์ด ๋ฐฐ์ ๋ ํ๋ก์ ํธ์๋ค.
๊ฐ์ฅ ํฐ ์ฌ๋ฏธ๋ฅผ ๋๊ผ๋ ํ ์ดํ๋ก์ ํธ๋ฉฐ, ๋ฟ๋ฏํจ์ ๋๊ผ๋ ์ฃผ์ฐจ.- https://velog.io/@minsgy/series/Toyproject [์ด5ํธ]
์ด ์์ ๋ถํฐ React์ ๋ํ ์ ์ง ๋ณด์ ๊ด๋ จํ์ฌ ๊ด์ฌ์ด ์๊ฒผ์ผ๋ฉฐ,
๋ค๋ฅธ ์นํ๋ ์์ํฌ์ ์ฐ๊ฒฐํด์ ํ๋ ํ์
์ ๋ํด ๊ด์ฌ์ด ๋ง์ด ์๊ฒผ๋ค.
Django REST API + ๋์๋ฆฌ ์๋ฐ์ดํด๋์ค
- ๋์๋ฆฌ ์๋ฐ์ดํด๋์ค ํ์ฌ์ ์งํ์ ํด์ ์ฝ๋ฉ์ ๋ง์ด ๋ชปํ ์ฃผ
- Django REST API์ ReactJS์ ํต์ ์ ํตํด ํ์ ์ค๋น
- ์ค์ง์ ์ผ๋ก ๊ฐ์ฅ ์ค์ํ๊ณ , ์์ผ๋ก ์์ ํ์ ์ ๋ํ ์ค๋น๋ฅผ ํ๋ ๊ณผ์
- ๋ฆฌ์กํธ ์ปดํฌ๋ํธ ๋ฐ ํ์ผ ๋๋ ํ ๋ฆฌ ๊ด๋ฆฌ์ ๋ํด ๋ง์ด ๊ณ ๋ฏผ ํ๋ ์ฃผ์ฐจ.
- https://velog.io/@minsgy/Django-RESTAPI-React-1 [์ด2ํธ]
ํ์ ๋ชจ๋ 3์ฃผ์ฐจ์ ์ค์ผ์ค ์ ์ ํ๋ก์ ํธ์ ๋ํด์ ํฅ๋ฏธ์ ์ฌ๋ฏธ๋ฅผ ๋๊ผ์๋ค.
๊ทธ๋์ ๋ง์ง๋ง์ ์์ ์ฃผ์ ๋ก ๊ฐ์ ์ฃผ์ ์ ํด์ ๋ฐฐ์ด ๊ธฐ์ ์คํ์ผ๋ก ๋ง๋ฌด๋ฆฌํ๋ ์ฃผ์ฐจ์ด๋ค.
๋ ์งํํ๊ณ ์ถ์ง๋ง, ์์ผ๋ก ๋์๋ฆฌ ์ด์์ ๋ํด ์ค๋น ํ ๊ฒ์ด ๋ง์์ 5์ฃผ์ฐจ๋ฅผ ๋ง๋ฌด๋ฆฌ๋ก ์คํฐ๋๋ฅผ ์ข ๋ฃํ ์๊ฐ์ด๋ค ๐
๊ธธ์์ง๋ง ์งง์๋ ์คํฐ๋ ๊ธฐ๊ฐ๋์ ๋ฌต๋ฌตํ๊ฒ ์ ๋ฐ๋ผ์์ค ํ์๋ค์๊ฒ ์ ๋ง ๊ณ ๋ง๊ณ !
๋ค๋ค 2021๋ ์์ํ๋ ๋ฐํ์ด ๋์์ผ๋ฉด ์ ๋ง ์ข๊ฒ ๋ค!