๐ Front End Developer ์ Back End ๋์ ๊ธฐ ! ๐
์ด ๊ธ์ PROJECT LION : ํธ์ฝ์น ๊ฐ์ฌ๋์ ๊ฐ์๋ฅผ ๋ค์ผ๋ฉฐ ์ฐธ๊ณ ํ ๊ธ์ ๋๋ค.
์์ ์ค, ๊ฐ๋ฐ๊ณผ์ ์ ๋ฆฌ ๋ฐ issue๊ฐ ๋์๋ ๋ถ๋ถ๋ค์ ๊ณต์ ๋ฐ ๊ธฐ๋กํ๊ณ ์ ์์ฑํ๊ฒ ๋์์ต๋๋ค.
โ MongoDB ์์ ์ ๊ณตํ๋ GUI ํ๊ฒฝ์ MongoDB Client -> MongoDB์ ๋ฐ์ดํฐ๋ฅผ ์ฝ๊ฒ ๊ด๋ฆฌํ ์ ์๋๋ก ์ ๊ณตํด ์ฃผ๋ ๋๊ตฌ์ธ ์ ์ด๋ค.
์ ์ฅํ ๋ฐ์ดํฐ๋ฅผ ํ์ธ/์์ /์ญ์ ๊ฐ ๊ฐ๋ฅํ๋ฉฐ ์์ฑ ๋ํ ๊ฐ๋ฅํ๋ค.
๊ฐ์๋ฅผ ๋ค์ผ๋ฉฐ ์ฒ์์ผ๋ก issue๊ฐ ๋ฐ์ํ์ง ์์ chapter ์ด๋ค. ๐
๋ฌผ๋ก , ์ฌ์ด ๋จ๊ณ์ธ๊ฒ์ ๋ง์ง๋ง ์ฌ์ธ์๋ก ๋ ์๋ฒฝํ ์ดํดํ๊ณ ์ ๋
ธ๋ ฅํ๋ค.
์ถํ์ ์ฒ์๋ถํฐ ์์ ๋ฌผ์ ๋ค์ ๋ง๋ค์ด ๋ณผ ๋, ๊ธฐ์ด๋ฅผ ๋ค์ ธ๋ ๊ฒ์ด ๋ถ๋ช ๋น์ ๋ฐํ ๊ฒ์ด๋ผ ํ์ ํ๋ค๐๏ธ
- ๋ค์ด๋ก๋
- ์ค์น
- ์ฐ๋
๐ ์์ ์์
MongoDB Atlas site ์ ์
Database -> cluster์ connect click
Connect using MongoDB Compass
= ์ด์ ๊ฒ์๊ธ์์๋ flask์ ์ฐ๋์ ์ํด Connect your application ์ ์ ํํ์ง๋ง, ์ง๊ธ์ Compass๋ฅผ ์ค์น ํ ์ฐ๋ํ ๊ฒ์ด๋ฏ๋ก ํด๋น ๋ฒํผ ํด๋ฆญ !
๊ฐ์์ ๋ง๋ ๊ฐ๋ฐํ๊ฒฝ select ๋ฐ Download Compass click
New Connection -> Paste your connection string (SRV or Standard)
= 2) ํด๋ฆญ ์ ๋ณด์ฌ์ง๋ popup์์ connection string์ ๋ณต์ฌ ํ connect
๐ password ๋ ์ฒ์ user ๋ฅผ ๋ฑ๋กํ ๋ ์ฌ์ฉํ password ๋ก ์
๋ ฅํด ์ฃผ์ด์ผ ํ๋ค.
์ด์ ๊ฒ์๊ธ์์ flask ์ ์ฐ๋ test๋ฅผ ์ํด online_store DB๋ฅผ ์์ฑํด ๋์๋ค.
์ฌ๋ฐ๋ฅด๊ฒ ์ฐ๋์ด ๋์๋ค๋ฉด ํ์๊ฐ ๋ ๊ฒ์ด๋ค. ํ์ธ!
๐ Compass ์ค์น ๋ฐ ์ฐ๋์ด ์๋ฃ๋์๋ค !
์ฝ๊ฒ ์ค์นํ ์ ์๋๋ก ์ธํ ๋์ด ์์์ผ๋ฉฐ, ์์ฐจ์ ์ผ๋ก ๋ฌธ์ ์์ด ๋ง๋ฌด๋ฆฌ ์ํฌ ์ ์์๋ค.
data๋ฅผ ์์ ๋ฐ ๋ฑ๋ก, ์ญ์ ๋ ํ ์ ์๋ค.
data๋ฅผ ์์ฑํ๊ธฐ ์ํด์๋ collection -> add data-> Insert Document ํด๋ฆญ
์์ ์ , ์ด๋ค issue ๋ค์ด ๊ธฐ๋ค๋ฆฌ๊ณ ์์ ์ง ์ค๋ ๋๋ฐ, ์์๊ณผ๋ ๋ค๋ฅด๊ฒ ์ ํ๋ฆฌ๋ ํ๋ฌดํ๋ค(?)
์ค์นํ๋ฉด์, ๋จธ๋ฆฌ์์ ์ ๋ฆฌํด ๋ณธ ๊ฒ๋ค์ ์์ฐจ์ ์ผ๋ก ๋ฉ๋ชจํด ๋ณด๋ ค๊ณ ํ๋ค.
์์ผ๋ก MongoDB๋ฅผ ์ฌ์ฉํ ๋,
collection์ ์์ฑ ํ document ๋ค์ ๋ง๋ค์ด ๋๊ฐ ๊ฒ์ด๋ค.
ํ์ฌ OnlineStore ๋ฅผ ๋ชฉํ๋ก ์ก๊ณ ์์ ์ค์ด๋ฏ๋ก ๋ช๊ฐ์ง ์์๋ฅผ ์๊ฐํด ๋ณด์๋ค.
store๋ ์ํ์ ํ๋งคํ๋ ๊ณณ์ด๊ณ -> ๊ตฌ๋งคํ๋ ์ฌ์ฉ์ ๊ฐ ์กด์ฌํ๋ฉฐ -> ํ๋งค ํ ๋ฐฐ์ก์ ์ํด์๋ -> ๋๊ฐ ๊ตฌ๋งคํ๋์ง ์ฌ์ฉ์์ ์ ๋ณด๊ฐ ํ์ํ๋ค.
์ฆ, member์ ๋ํ ๊ด๋ฆฌ ๋ํ ํ์ํด ์ง ๊ฒ์ด๋ค.
์ํ์ ๋ณด์ ๋ํ data๋ฅผ ์ ์ฅํ๊ณ ์ ํ ๋,
1-1. ์ํ์ ๋ณด collection ์์ฑ
1-2. collection > document = ์ํ์ ๋ณด์ ๋ด์ฉ
1-3. document = ์ํ ๊ณ ์ id๊ฐ, ์ด๋ฆ, ๊ฐ๊ฒฉ ๋ฑ๋ฑ..
์ฌ์ฉ์์ ๋ํ ์ ๋ณด ์ ๋ ฅ ๋ฐ ์ ์ฅ
2-1. ์ฌ์ฉ์ collection ์์ฑ
2-2. collection > document = ์ฌ์ฉ์ ์ ๋ณด์ ๋ํ ๋ด์ฉ
2-3. document = userid, password, ์ฃผ์์ง ๋ฑ๋ฑ..
๐ ๊ธฐ์ด๋จ๊ณ์ง๋ง ์์ฃผ ์ค์ํ ์ค์น ๊ฐ ๋์ด ๋ฌ๋ค !
๊ฐ์๋ฅผ ๋ค์ผ๋ฉฐ ์์ ๋ฌผ๋ง ํ์ธํ๊ณ ๋ค์ ์์๋ก ๋์ด๊ฐ๋ ๊ฒ์ด ์๊ฐ๋ ์ ์ฝ๋๊ณ ๊ฒฐ๊ณผ๋ฌผ๋ ๋นจ๋ฆฌ ๋ณผ ์ ์๋ ๋ฐฉ๋ฒ์ด๋ค.
ํ์ง๋ง, ์ตํ๊ณ ๋ณต์ตํ๋ฉฐ ๋ด๊ฒ์ผ๋ก ๋ง๋ค๊ธฐ ์ํด ์ ๋ฆฌํ๋ ๋จ๊ณ๊น์ง ๊ฑฐ์น๋ ์๊ฐ์ ์ค๋ ๊ฑธ๋ฆฌ์ง๋ง, ํ์คํ ์ตํ ์ ์๋ ๊ณ๊ธฐ๊ฐ ๋๋ ๊ฒ ๊ฐ๋ค.
๋ค์์๊ฐ์๋ ๋๋์ด ์ค์น๊ฐ ๋์ด๋ฌ์ผ๋ฏ๋ก !! ๐
flask ๋ฅผ ์ฌ์ฉํ์ฌ data๋ฅผ ์์ฑ, ์ ์ฅ, ์ญ์ , ์์ ํ๋ ๋ฐฉ๋ฒ์ ๊ณต๋ถํด ๋ณด๊ฒ ๋ค.