๋ฏธ๋ ํ๋ก์ ํธ_ํ๊ณ
๐ํ๋ก์ ํธ ๊ฐ์
์ค๋ฆ์บ ํ ๋ด ๋ฏธ๋ ํ๋ก์ ํธ ๊ธฐ๊ฐ์ ์งํํ์์ต๋๋ค.
๊ธฐ๊ฐ์ ์ด 2024.08.20~ 2024.08.27 ์ด 7์ผ๊ฐ ์งํ๋์๊ณ , ๊ณต๊ณต API๋ฅผ ํ์ฉํ ๋ฏธ๋ ์ฑ์ ๊ตฌํํด๋ณด๋ ๊ฒ์ด ๋ชฉํ์์ต๋๋ค.
์ ํ์ฅ์ ๋งก์ ์ด๊ด ๊ด๋ฆฌ ๋ฐ localstorage ์ฐ๊ฒฐ ๋ฐ ๋ ์จ ์์ญ ๋งํฌ์ ๋ฐ ๊ธฐ๋ฅ ๊ตฌํ์ ํ์์ต๋๋ค.
๐ํ๋ก์ ํธ ๋ชฉํ
1. ์ค๋์ ๋ ์จ, ์ค๋์ ํ ์ผ, ์ค๋์ ์ถ์ฒ ์ํ๋ฅผ ๋ณด์ฌ์ฃผ๋ ๊ธฐ๋ฅ ๋ง๋ค์ด ๋ณด๊ธฐ
2. git ์ฌ์ฉ์ผ๋ก ํจ์จ์ ์ธ ํ์ ํ๊ธฐ
3. API ํจ์นญ์ ํ๋ฉด์ ํ๋ฉด์ ๋ฐ์ดํฐ ํ์ํ๊ธฐ
4. ๋ฐ์ํ ์ตํ๊ธฐ
5. Scrum ๋ฐฉ์ ์ ๋ฌด๋ฅผ ํ ๋๋ก ์ง์ค์ ์ผ๋ก ๊ฐ๋ฐ ์์ ํ๊ธฐ
๐๊ธฐ์ ์คํ
HTML,CSS,JS, Typescript, VITE
ํ๋ ์์ํฌ ์์ด ์ค์ง ๋ฐ๋๋ผ ์คํฌ๋ฆฝํธ๋ก ์งํํ๋ ๊ฒ์ด ๋ชฉํ๋ผ์ ์ ์คํ์ ์ฌ์ฉํ์์ต๋๋ค.
๐ํด
Git
ํจ์จ์ ์ธ ์ฝ๋ ๊ด๋ฆฌ ๋ฐ ๊ณต์ ๋ฅผ ์ํด Github๋ฅผ ์ฌ์ฉํ์์ต๋๋ค.
https://github.com/ehddk/mini_project
POSTMAN
API ๊ด๋ จ ์๋ต ๋ฐ ์์ฒญ์ POSTMAN์ผ๋ก ๋ฐ๋ก ํ์ธ ํ ์ ์์์ต๋๋ค.
๐๊ตฌํ ๊ธฐ๋ฅ
- ๋ ์จ ์์ญ
1. ๋งํฌ์ (๋์์ธ,๋ก๋ฉ์ฒ๋ฆฌ)
- ๋ ์จ ์ ๋ณด(์จ๋,์ต๋,๊ฐ์๋,ํ์,๋ฏธ์ธ๋จผ์ง) ์ ๊ณต
2. OpenweatherAPI , ๊ณต๊ณต๋ฐ์ดํฐ์์ ์ ๊ณตํ๋ API๋ฅผ fetchํ์ฌ DOM์ ์ ์ฉ.
- ์ฌ์ฉ์ ์์น ๊ธฐ๋ฐ์ผ๋ก ์ ๊ณต
- ํ ์ผ ์์ญ
1. localstorage์ ํ ์ผ ๋ฑ๋ก/์ญ์
2. home์ ๋ฑ๋กํ ํ ์ผ ๋์ค๋๋ก ๋งค์นญ
๐ ํ๊ณ
- Keep( ์ข์๋ ์ )
๋ฐฉํฅ์ฑ ์ ์
ํ์ฅ์ผ๋ก์จ ์ค๊ฐ ํ์ ๋ฐ ์งํ ์ฒดํฌ๋ฅผ ์ฃผ๋ํจ์ผ๋ก์จ ํจ์จ ๋ฐ ๋น ๋ฅธ ๊ฐ๋ฐ ์์ ์ ํ ์ ์์์ต๋๋ค.
API ์ฌ์ฉ
์ง์ API๋ฅผ ํธ์ถํด ์๋น์คํจ์๋ฅผ ์์ฑํด๋ณด๋ฉด์ fetch ๊ณผ์ ๊น์ง ํด๋ณผ ์ ์์ด์ ์ฌ๋ฐ์์ต๋๋ค.
Postman ์ฌ์ฉ
ํด๋น API๊ฐ ์ ์์ฒญ,์๋ต๋๋์ง Postman์ ํตํด ํ์ธํจ์ผ๋ก์จ ์์ฒญ parameter๋ ์ฝ๊ฒ ํ์ธํ ์ ์์์ต๋๋ค.
- Problem( ์์ฌ์ด ์ )
๋ฆฌํํ ๋ง ๋ถ์กฑ
๋ ์จ API์์๋ ์ค๋ณต๋์ ์ฐ์ด๋ ์ฝ๋๊ฐ ๋ง์์ ์ด๋ฅผ ์ข ๊ณตํต์ผ๋ก ๋ฌถ๊ฑฐ๋ ๋ชจ๋ํํ ์๋ ์์๊น ๋ผ๋ ๊ณ ๋ฏผ์ด
๋ง์์ต๋๋ค. ๋ฐํ ์ ํ๋ก์ ํธ ์งํ์ ๋ง๋ฌด๋ฆฌํ ์ฏ์์ ๊ฐ์ฌ๋์ผ๋ก๋ถํฐ ์กฐ์ธ์ ๋ฐ์๊ธฐ์ ์ฐจ์ฐจ ๋ฆฌํํ ๋ง ํด๋ณผ ๊ฒ์ ๋๋ค!
git ์ธ๋ถ ๊ธฐ๋ฅ ์ฌ์ฉ
์ด๋ค ์์ ์ ํ๋์ฉ ์ํํด์ผํ ์ง๋ฅผ issue ๊ด๋ฆฌ๋ก ํจ์ผ๋ก์จ ์งํ์ํฉ์ ์ข ๋ ๊ธฐ๋ก ๋ฐ ๋ฌธ์ํ์ํฌ ์ ์์๋ ์ ์ ๋์ณ์
์์ฌ์ ์ต๋๋ค. ํ์ง๋ง ์ด๋ฒ ๊ธฐํ์ push,pull,merge๋ฅผ ๋ค๋ฃธ์ผ๋ก์จ ํจ์จ์ ์ธ ์ฝ๋ ๊ณต์ ๊ฐ ๊ฐ๋ฅํ๊ณ git์ ์ฅ์ ์
์ฒด๊ฐํ ์ ์์์ต๋๋ค.
- Try( ์๋ํ ์ )
API ํธ์ถ ๊ด๋ จ ๋ฆฌํฉํ ๋ง
ํ ํ์ด์ง์ ๋ ์จ API๋ฅผ 2๊ฐ์ด์ ๋ถ๋ฌ์ค๋ฉด์ ๋ฐ์์ค๋ ์๋๊ฐ ๋๋ ค์ ๋ก๋ฉํ์ด์ง๊ฐ ๋์ค๋๋ก ๊ตฌํ์ ํ์ง๋ง
์ข ๋ ๋น ๋ฅธ ์๋๋ก ๋ถ๋ฌ์ค๊ธฐ ์ํด promise.all๋ก ๋ฆฌํฉํ ๋ง์ ํด๋ณผ ๊ฒ์ ๋๋ค.
์ฝ๋ ๋ชจ๋ํ
ํ์ฌ๋ ๋ฐ๋ก ๋ชจ๋ํํ์ง ์๊ณ ํ ํ์ผ์ ์ฌ๋ฌ ํจ์๋ ์ธ์คํด์ค๋ฅผ ๋์ดํ์ง๋ง, ๊ณตํต ์ญํ ์ ํ๊ณ ์๋ ๋ถ๋ถ์ ๋ฐ๋ก ๋ชจ๋ํํด์
๊ด๋ฆฌํ ๊ฒ ์ ๋๋ค.
์ฒซ ๋ฏธ๋ ํ๋ก์ ํธ๋ฅผ ํ๋ฉด์ ํ์๋ค๊ณผ ์ํต,๊ณต์ ๊ฐ ๋งค์ฐ ์ค์ํ๋ค๋ ๊ฒ์ ๊นจ๋ฌ์๋ ๊ฒ ๊ฐ์์!
์๋ก ์ด๋ ๋ถ๋ถ์ด ๋งํ๋์ง ๋ฐ๋ก ๊ณต์ ํด์ผ ๋๋ ์ด๋ ์์๊ธฐ๊ณ ๊ธฐ๋ฅ ๊ฐ๋ฐ ๋ฒ์์์๋ ์๋ก ์กฐ์จํ๋ฉด์ ํ ์๋ก ๋ ์ข์
ํ๋ฆฌํฐ์ ์์ ๋ฌผ์ด ๋์ค๋ ๊ฒ ๊ฐ์ต๋๋ค :ใ
ํ์๋ถ๋ค์ด ๋๋ฌด ๋ค ์ข์์ ์งง์ง๋ง ์ฌ๋ฏธ์๊ฒ ํ๋ก์ ํธ๋ฅผ ์ํํ ์ ์๋๊ฑฐ์ ํ์ด์ด์๋ ๊ฒ ๊ฐ์ต๋๋ค ๐