์ฃผ์ฐจ: 2์ฃผ์ฐจ ๋ชจ๊ฐ์ฝ
๋ ์ง: 2023๋
4์ 6์ผ ๋ชฉ์์ผ 18:30 ~ 21:00
์ฅ์: ๊ตญ๋ฏผ๋ํ๊ต ๋ฏธ๋๊ด 445ํธ
์ฃผ์ : 1. Server - Node.js ์
๋ฌธ
์ฐธ์ฌ: IoT ์คํฐ๋ ๋ฐ CV ์คํฐ๋ ์ฐธ์ฌ์ 22๋ช
๋ฉํ : ์ค๋ฏผ์ฐ, ์ด์คํ, ์ค์ ์ง
- ๋ชจ๊ฐ์ฝ ์กฐ๋ผ๋ฆฌ ๋ชจ์ ๋๋ค.
- ๋ชจ๊ฐ์ฝ ์กฐ๋ผ๋ฆฌ ํจ๊ป ๊ฐ์ ์๋ฃ๋ฅผ ๋ณด๋ฉด์ ๊ณต๋ถ๋ฅผ ์งํํ๊ณ , ์ ๊ณต๋ ๊ณผ์ ๋ฅผ ๊ฐ์ด ์ํํฉ๋๋ค.
- ๋ง์ฝ ์ง๋ฌธ์ด ์๋ค๋ฉด, ๋ฉํ ๋ฅผ ๋ถ๋ฌ์ฃผ์ธ์! ๋ง์ฝ, ๋ฉํ ๊ฐ ์๋ค๋ฉด ์จ๋ผ์ธ ์ง๋ฌธ ๋ฐฉ๋ฒ์ ์ฐธ๊ณ ํ์ฌ GitHub Issue๋ฅผ ํตํด ์ง๋ฌธํด์ฃผ์ธ์!
- ๊ณผ์ ์ ์ถ ํฌ๋งท์ ์ฐธ๊ณ ํ์ฌ ๊ณผ์ ๋ฅผ ๊ฐ์ ์ ์ถํฉ๋๋ค.
ํ์๊ฐ๋ง์ Node.js ๋ฐฑ์๋ ๊ธฐ์ด ๋๋ด๊ธฐ (ft. API ๊ตฌ์ถ)
์ ๊ณต๋ FrontEnd(React)ํ์ผ์ ์คํ์ํค๊ณ , ์๋์ ์๋ API ๋ช
์ธ์์ ๋ฐ๋ผ BackEnd(Express Server)๋ฅผ ์ ์ํ์ฌ ๊ณผ์ ๋ฅผ ์ ์ถํฉ๋๋ค. ๊ณผ์ ์ ์ถ ๋ฐฉ๋ฒ์ ๊ณผ์ ์ ์ถ ํฌ๋งท์ ์ฐธ๊ณ ํ์ธ์!
์ ๊ณต๋ FrontEnd๋ฅผ ์คํ์ํค๊ธฐ ์ํด์๋ Node.js(LTS ๋ฒ์ ์ ์ถ์ฒ) ์ค์นํ๊ณ , React๋ฅผ ์ค์นํ ์ดํ, npm install
์ ํตํ์ฌ ๋ชจ๋๋ค์ ์ค์นํ๊ณ , npm start
๋ฅผ ํตํด์ ์คํ์ํฌ ์ ์์ต๋๋ค. ์๋ฒ๋ http://127.0.0.1:3000
์ ์ด๋ฆฌ๊ฒ ๋ฉ๋๋ค.
๊ทธ๋ฆฌ๊ณ , ๋ฐ์ดํฐ๋ฒ ์ด์ค๋ฅผ ์ฌ์ฉํ๊ณ ์์ง ์๊ธฐ ๋๋ฌธ์ ๋ฐ์ดํฐ๋ ์๋์ ๋ฐ์ดํฐ ํฌ๋งท๊ณผ ๊ฐ์ด ํ๋์ฝ๋ฉ์ ํตํด์ ์ ์ฅํ๊ณ FrontEnd์์ GET ์์ฒญ์ ํ๋ฉด ๋ฐ์ดํฐ๋ฅผ ๋ณด๋ด์ฃผ๋ฉด ๋ฉ๋๋ค.
Index | Method | URI | Data Format | Description |
---|---|---|---|---|
1 | GET | /dust | [{ team: "String Type Team Name", value: "Number Type Dust Value" }, { team: "๋ชจ๊ฐ์ฝ 2์กฐ", value: "38" }] | team ์ด๋ฆ๊ณผ, value์ ๋ฏธ์ธ๋จผ์ง ์ธก์ ๊ฐ์ ๋ณด๋ธ๋ค. |
2 | PATCH | /toggle | "ON" or "OFF" | ๋ฒํผ์ ํตํด ON๊ณผ OFF๋ฅผ ์ ์ดํ๋ค. |
ํด๋น ๊ณผ์ ๋ ๋ชจ๊ฐ์ฝ ์กฐ์ ํจ๊ปํ๋ ๊ณผ์ ๋ก, 11์ผ๋ถํฐ 13์ผ๊น์ง ๊ธฐ๊ฐ์ด ๋๋ฌด ์งง๊ธฐ ๋๋ฌธ์ ๋ฏธ๋ฆฌ ๊ณต์ง๋๋ฆฝ๋๋ค! ๊ณผ์ ๋ฅผ ๋ฏธ๋ฆฌ ์ ์ถํด์ฃผ์
๋ ์ข๊ณ , 13์ผ๊น์ง ์ ์ถํด์ฃผ์
๋ ์ข์ต๋๋ค.
์์์๋ [{ team: "String Type Team Name", value: "Number Type Dust Value" }, { team: "๋ชจ๊ฐ์ฝ 2์กฐ", value: "38" }]
์ ํ๋ ์ฝ๋ฉ์ ํตํด์ ์ ์ฅํ์๋๋ฐ, ์ด๋ฒ์ MongoDB(ํน์ MongoDB Atlas)์ Mongoose๋ฅผ Express ์๋ฒ์ ์ถ๊ฐํ์ฌ ๋ฐ์ดํฐ๋ฒ ์ด์ค์ ์๋ ์ ๋ณด๋ค์ findํ์ฌ ๋ฏธ์ธ๋จผ์ง ์ ๋ณด๋ฅผ ๊ฐ์ ธ์ค๊ณ , ๊ทธ ์ ๋ณด๋ฅผ GET Method๊ฐ ๋์ํ ๋ ๋ณด๋ผ ์ ์๋๋ก ๋ง๋ค์ด๋ณด์ธ์!
๊ทธ๋ฆฌ๊ณ Mongoose๋ฅผ ์ฌ์ฉํ ๋ ๋ฏผ๊ฐํ ์ ๋ณด(์์ด๋, ๋น๋ฐ๋ฒํธ)๊ฐ ํฌํจ๋๊ธฐ ๋๋ฌธ์, GitHub์ ์ ๋ ์ฌ๋ฆฌ์ง ๋ง์๊ณ dotenv ๋ชจ๋์ ๊ณต๋ถํ์ฌ dotenv๋ฅผ ํตํด์ ๋ฏผ๊ฐํ ๋ฐ์ดํฐ๊ฐ ๊ณต๊ฐ๋์ง ์๊ฒ ๋ง๋์ธ์!
๊ณผ์ ์ ์ถ ๋ฐฉ๋ฒ์ ์์ ๋์ผํฉ๋๋ค.