๋ชฉ๋ก๋ถ๋ฅ ์ ์ฒด๋ณด๊ธฐ (454)
Bibi's DevLog ๐ค๐
* ์ด ๊ธ์ ์ธํ๋ฐ์์ ์ ๊ณตํ๋ ํธ๋ ์ค๋์ ์ ๋ฃ ๊ฐ์ '์ฝ๊ณ ์์ฐ์ค๋ฝ๊ฒ ๋ฐฐ์๋ณด๋ Javascript ์ ๋ฌธ - ์ฝ๋์ค์ฟผ๋ ๋ง์คํฐ์ฆ ์ฝ์ค ๋ ๋ฒจ1'๋ฅผ ๋ฃ๊ณ ๊ณต๋ถํ๋ฉฐ ์ ๋ฆฌํ ๊ธ์ ๋๋ค. ๊ฐ์ ๋ด์ฉ์ ๋ํด, ์ ๊ฐ ํ๊ธฐํ๊ณ ๊ตฌ๊ธ๋งํ ๋ด์ฉ์ด ์ ๋ฆฌ๋์ด ์์ต๋๋ค. ์ด๋ณด์ธ ์ ๊ฐ ์ดํดํ ๋๋ก ์ ๋ฆฌํ๊ธฐ ๋๋ฌธ์, ๋ถ์ ํํ ๋ด์ฉ์ด ์์ ์ ์์์ ๊ฐ์ํด ์ฃผ์๊ธธ ๋ฐ๋๋๋ค. ๊ฐ์๋ฅผ ๋ฃ๊ณ ๋ด์ฉ์ ์ ๋ฆฌํ ๊ธ์ด๊ธฐ ๋๋ฌธ์ ๋ฌธ์ ๊ฐ ๋์ง ์๋๋ค๋ ์ธํ๋ฐ ์ธก ๋ต๋ณ์ ๋ฐ์ ์ ์ด ์์ผ๋(https://bibi6666667.tistory.com/37), ์ ์๊ถ์ ๋ฌธ์ ๊ฐ ๋๋ค๋ฉด ๋ณดํธ ๋ชจ๋(๋น๊ณต๊ฐ)๋ก ์ ํํ๊ฒ ์ต๋๋ค. ์กฐ๊ฑด๋ฌธ, ๋ฐ๋ณต๋ฌธ์ ํฉ์ณ '์ ์ด๋ฌธ Control Statement'์ด๋ผ๊ณ ํ๋ฉฐ, ์ ์ด๋ฌธ์ ๋ก์ง, ์๊ณ ๋ฆฌ์ฆ์ ์งค ๋ ๊ฐ์ฅ ์ค์ํ ๊ตฌ๋ฌธ์ด๋ค. ๋ฐ๋ณต..
* ์ด ๊ธ์ ์ธํ๋ฐ์์ ์ ๊ณตํ๋ ํธ๋ ์ค๋์ ์ ๋ฃ ๊ฐ์ '์ฝ๊ณ ์์ฐ์ค๋ฝ๊ฒ ๋ฐฐ์๋ณด๋ Javascript ์ ๋ฌธ - ์ฝ๋์ค์ฟผ๋ ๋ง์คํฐ์ฆ ์ฝ์ค ๋ ๋ฒจ1'๋ฅผ ๋ฃ๊ณ ๊ณต๋ถํ๋ฉฐ ์ ๋ฆฌํ ๊ธ์ ๋๋ค. ๊ฐ์ ๋ด์ฉ์ ๋ํด, ์ ๊ฐ ํ๊ธฐํ๊ณ ๊ตฌ๊ธ๋งํ ๋ด์ฉ์ด ์ ๋ฆฌ๋์ด ์์ต๋๋ค. ์ด๋ณด์ธ ์ ๊ฐ ์ดํดํ ๋๋ก ์ ๋ฆฌํ๊ธฐ ๋๋ฌธ์, ๋ถ์ ํํ ๋ด์ฉ์ด ์์ ์ ์์์ ๊ฐ์ํด ์ฃผ์๊ธธ ๋ฐ๋๋๋ค. ๊ฐ์๋ฅผ ๋ฃ๊ณ ๋ด์ฉ์ ์ ๋ฆฌํ ๊ธ์ด๊ธฐ ๋๋ฌธ์ ๋ฌธ์ ๊ฐ ๋์ง ์๋๋ค๋ ์ธํ๋ฐ ์ธก ๋ต๋ณ์ ๋ฐ์ ์ ์ด ์์ผ๋(https://bibi6666667.tistory.com/37), ์ ์๊ถ์ ๋ฌธ์ ๊ฐ ๋๋ค๋ฉด ๋ณดํธ ๋ชจ๋(๋น๊ณต๊ฐ)๋ก ์ ํํ๊ฒ ์ต๋๋ค. ์กฐ๊ฑด๋ฌธ ์ํผ์์ ๊ฐ๋ฐ์ ๋จํธ์ด ์๋ด์ ์ ํ๋ฅผ ๋ฐ์๋ค. ์ฐ์ ์ฌ์. ๊ณ๋ ์์ผ๋ฉด 6๊ฐ ์ฌ์. ๋จํธ์ ์ ํ์ ๋ญ๊น์? -> ์ฐ์ ๋ฅผ 6๊ฐ ์ฌ ์จ๋ค..
๐พ์ค๋์ Juni์ MySQL ํ ์คํธ๋ฅผ ํด๋ณด๊ณ DB๋ฅผ ๊ฒฐ์ ํ๊ธฐ ์ํด ๋ง๋๋ ๋ ์ด์๋ค. Juni๊ฐ ๋ด๊ฐ ๋ฃ์ด๋์ ์ํ ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ง๊ณ ํ ์คํธํ๋ ๋์ ๋๋ index.html์ ์๋ณด๊ณ ์์๋๋ฐ.. ๋๋ ๋ด๊ฐ ์์ ํ ๋งํผ์ github desktop์ ์ปค๋ฐํ๊ณ , Juni๋ ํด๋๊ตฌ์กฐ๋ฅผ ๊ฐํธํด ์ปค๋ฐํ๋๋ฐ ์ถฉ๋์ด ๋ฌ๊ณ , ๊ทธ๊ฑธ ๊ณ ์น๋ ค๊ณ ์ด๋ฐ์ ๋ฐ ๋ฒํผ์ ๋๋ฅด๋ค๊ฐ ์๋ฌ๊ฐ ๋ด๊ณ ํ๋ก๊ทธ๋จ์ด ๋ฉ์ถ๋๋ ์ค๋์น ์์ ๋ถ์ด ๋ ์๊ฐ ๋ฒ๋ ธ๋ค. ๐ญ๐ญ๐ญ ์์ธ์ ์ถ์ ์ปจ๋ branch๋ฅผ bibi_branch๊ฐ ์๋ master์ ๋๊ณ ์์ ์ ํด์? ์ธ ๊ฒ ๊ฐ๋ค. ์ฌ์ค ์์ง๋ ์ ๋ ์๊ฐ ๊ฑด์ง ์ ํํ ๋ชจ๋ฅด๊ฒ ๋ค..๋ ์ฌ์ค์ด ๋๋ฌด ์ฌํ๋ค. ๐ญ๐ญ ๐โ์ค๋์ ๊ตํ : Github๋ ์์ฃผ ์ ์ฉํ ๊ธฐ์ ์ด์ง๋ง ์ ๋๋ก ์๊ณ ์จ์ผ ์๋ฏธ๊ฐ ์๋ค.. ์ฌ๋ฌ ๊ธฐ๋ฅ๋ค..
* ์ด ๊ธ์ ์ธํ๋ฐ์์ ์ ๊ณตํ๋ ํธ๋ ์ค๋์ ์ ๋ฃ ๊ฐ์ '์ฝ๊ณ ์์ฐ์ค๋ฝ๊ฒ ๋ฐฐ์๋ณด๋ Javascript ์ ๋ฌธ - ์ฝ๋์ค์ฟผ๋ ๋ง์คํฐ์ฆ ์ฝ์ค ๋ ๋ฒจ1'๋ฅผ ๋ฃ๊ณ ๊ณต๋ถํ๋ฉฐ ์ ๋ฆฌํ ๊ธ์ ๋๋ค. ๊ฐ์ ๋ด์ฉ์ ๋ํด, ์ ๊ฐ ํ๊ธฐํ๊ณ ๊ตฌ๊ธ๋งํ ๋ด์ฉ์ด ์ ๋ฆฌ๋์ด ์์ต๋๋ค. ์ด๋ณด์ธ ์ ๊ฐ ์ดํดํ ๋๋ก ์ ๋ฆฌํ๊ธฐ ๋๋ฌธ์, ๋ถ์ ํํ ๋ด์ฉ์ด ์์ ์ ์์์ ๊ฐ์ํด ์ฃผ์๊ธธ ๋ฐ๋๋๋ค. ๊ฐ์๋ฅผ ๋ฃ๊ณ ๋ด์ฉ์ ์ ๋ฆฌํ ๊ธ์ด๊ธฐ ๋๋ฌธ์ ๋ฌธ์ ๊ฐ ๋์ง ์๋๋ค๋ ์ธํ๋ฐ ์ธก ๋ต๋ณ์ ๋ฐ์ ์ ์ด ์์ผ๋(https://bibi6666667.tistory.com/37), ์ ์๊ถ์ ๋ฌธ์ ๊ฐ ๋๋ค๋ฉด ๋ณดํธ ๋ชจ๋(๋น๊ณต๊ฐ)๋ก ์ ํํ๊ฒ ์ต๋๋ค. ์ฐ์ต๋ฌธ์ 1 ๋ ์๋ฅผ ์ ๋ ฅ๋ฐ์ 4์น์ฐ์ฐ์ ๊ฒฐ๊ณผ๋ฅผ ํ์ํด ๋ด ์๋ค. BMI๋ฅผ ๊ณ์ฐํ๋ ํ๋ก๊ทธ๋จ์ ์์ฑํด ๋ด ์๋ค. ํ์จ๋ฅผ ์ ๋ ฅ๋ฐ์์ ์ญ์จ๋ก ๋ฐ๊พธ๋ ..
์ค๋์ ์๋ฐ ํด๊ทผ ํ mypick31์ ๋ค์ด๊ฐ ์๊ทธ๋์ฒ ํ๋ ์ด๋ฒ๋ค 21๊ฐ๋ฅผ MySQL์ ์ ๋ก๋ํ๋ค! signature ํ ์ด๋ธ์ ๋ง๋ค๊ณ 21๊ฐ์ ๋ฐ์ดํฐ๋ฅผ INSERT. ์ฐ์ ์ด๋ ๊ฒ ๋ฐ์ดํฐ๋ฅผ ๋ฃ์ด๋๊ณ , mysql ์ฌ์ฉ์ ์์ฑ ๋ฐ ์๊ฒฉ์ ์ ๋ฐฉ๋ฒ์ ์์๋ณธ ๋ค์ Juni๋ DB๋ฅผ ํ์ฉํด ํ ์คํธํ ์ ์๋๋ก ํ ๊ณํ์ด๋ค. ๊ทธ๋ฐ๋ฐ base, topping, syrup์ ๋์ดํ ์๋ฐ์ ์๋ ๊ตฌ์กฐ์ธ๋ฐ ์์ง๋ mongoDB๊ฐ ๋ ๋ซ์ง ์๋ ํ๋ ์๊ฐ์ ๋ ๋ค.. ์ฐ์ Juni๊ฐ ํ ์คํธํด๋ณด๊ณ ๋ฐ์ดํฐCRUD์ ๋ฌด๋ฆฌ๊ฐ ์๋ค๋ฉด ๊ณ์ MySQL์ ํ์ฉํ๊ณ , MySQL์ ์ ํฉํ์ง ์์ ๊ฒ ๊ฐ์ผ๋ฉด mongoDB๋ก ๊ฐ์ํ๊ธฐ๋ก ํ๋ค.ใ ใ
www.youtube.com/watch?v=pEE_uJ-joUA ์ด ๊ธ์ ์ ์์์ ๋ณด๊ณ ๊ทธ ๋ด์ฉ์ ์ ๋ฆฌํ ๊ฒ์ ๋๋ค. thank you ๋๊ผด๋ผ์ค! --- ์น ๊ฐ๋ฐ์ ๋ก๋๋งต. ์น ๊ฐ๋ฐ์ ๋ฐ ํ๋ก๊ทธ๋๋จธ๊ฐ ๋๊ธฐ๋ก ๊ฒฐ์ฌํ๋ค๋ฉด ๊ฐ์ฅ ๋จผ์ 'HTML, CSS'๋ฅผ ๊ณต๋ถํด๋ผ. ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ ์๋์ง๋ง, ์น ๊ฐ๋ฐ์ ์ฃผ์ถง๋. ํ ์คํธ ์๋ํฐ, ๋ธ๋ผ์ฐ์ ์ ์๋์๋ฆฌ๋ฅผ ๋ฐฐ์ธ ์ ์์. ๊ทธ ๋ค์ Javascript - '๋ฐ๋๋ผ ์๋ฐ์คํฌ๋ฆฝํธ'๋ฅผ ๊ณต๋ถํด๋ผ. Javascript๋ ๋ฐฉ๋ํจ. '๋ง์คํฐ'ํ๋ ๋ฐ ๋ชฉ์ ์ ๋๋ผ๋ ๊ฒ์ด ์๋. ์์ ์๊ฒ ํ์ํ & ์ดํดํ ์ ์๋ ๊ธฐ์ด์ ์ธ ๋ด์ฉ์ ๋ฐฐ์ฐ๋ผ๋ ๋ป. ๋ฐ๋๋ผ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ค์ฌ์ผ๋ก(๋ผ์ด๋ธ๋ฌ๋ฆฌ ์์ด!) HTML์ ์๋ฐ์คํฌ๋ฆฝํธ๋ก ๋ค๋ฃจ๊ณ ์์ ํ๋ ๊ฒ์ด ํธํด์ง ๋๊น์ง ๋ฐฐ์๋ผ.(์ธํฐ๋ ํฐ๋ธํ ์์ค)..
* ์ด ๊ธ์ ์ธํ๋ฐ์์ ์ ๊ณตํ๋ ํธ๋ ์ค๋์ ์ ๋ฃ ๊ฐ์ '์ฝ๊ณ ์์ฐ์ค๋ฝ๊ฒ ๋ฐฐ์๋ณด๋ Javascript ์ ๋ฌธ - ์ฝ๋์ค์ฟผ๋ ๋ง์คํฐ์ฆ ์ฝ์ค ๋ ๋ฒจ1'๋ฅผ ๋ฃ๊ณ ๊ณต๋ถํ๋ฉฐ ์ ๋ฆฌํ ๊ธ์ ๋๋ค. ๊ฐ์ ๋ด์ฉ์ ๋ํด, ์ ๊ฐ ํ๊ธฐํ๊ณ ๊ตฌ๊ธ๋งํ ๋ด์ฉ์ด ์ ๋ฆฌ๋์ด ์์ต๋๋ค. ์ด๋ณด์ธ ์ ๊ฐ ์ดํดํ ๋๋ก ์ ๋ฆฌํ๊ธฐ ๋๋ฌธ์, ๋ถ์ ํํ ๋ด์ฉ์ด ์์ ์ ์์์ ๊ฐ์ํด ์ฃผ์๊ธธ ๋ฐ๋๋๋ค. ๊ฐ์๋ฅผ ๋ฃ๊ณ ๋ด์ฉ์ ์ ๋ฆฌํ ๊ธ์ด๊ธฐ ๋๋ฌธ์ ๋ฌธ์ ๊ฐ ๋์ง ์๋๋ค๋ ์ธํ๋ฐ ์ธก ๋ต๋ณ์ ๋ฐ์ ์ ์ด ์์ผ๋(https://bibi6666667.tistory.com/37), ์ ์๊ถ์ ๋ฌธ์ ๊ฐ ๋๋ค๋ฉด ๋ณดํธ ๋ชจ๋(๋น๊ณต๊ฐ)๋ก ์ ํํ๊ฒ ์ต๋๋ค. ๋ณ์๋? ๋ณ์ = ๋ฐ์ดํฐ(๊ฐ)๋ฅผ ๋ด์ ์ ์๋ ๊ทธ๋ฆ. ** ์ค์! ** ๋ฐ์ดํฐ๋ค์ ์ปดํจํฐ์ ๋ฉ๋ชจ๋ฆฌ์ ์ด๋๊ฐ์ ์ ์ฅ๋๋๋ฐ, ๊ทธ ๊ฐ๋ค์ ๊ตฌ๋ณ์ง๊ณ ..
9/30 - ํ๋ ์ด๋ฒ DB์ ๋ค์ด๊ฐ ๋ฐ์ดํฐ๋ค์ ์ฐ์ด์์ spreadsheet์ ์ ๋ฆฌ! 10/1 - ์ ๋ฆฌํ ๋ฐ์ดํฐ๋ค์ ๋ณด๋ฉด์ ๋ฒ ์ด์ค/ํ ํ/์๋ฝ ๋ถ๋ฅ ์์ (with Juni) ์ค๋์ ํผ์์ MySQL์ ์ ๋ฆฌํ ๋ฐ์ดํฐ๋ฅผ ๋ฃ์ด ๋ณด๊ธฐ๋ก ํ๋ค! ์ง๊ธ๊น์ง ์ค๊ณํ DB ๊ตฌ์กฐ๋ ์ด๋ ๋ค : db(์คํค๋ง)๋ 3๊ฐ, ํ ์ด๋ธ์ ์ด 6๊ฐ. heartํ ์ด๋ธ์ ์์ฒ๋ผ db๋ก ๋ฐ๋ก ๋ง๋ค๊น, ์๋๋ฉด mypick31flavor์ ํตํฉํด ๋ฃ์๊น ํ๋๋ฐ ๊ฐ์ฅ ๋ณ๋์ฑ์ด ๋์ ๋ฐ์ดํฐ๋ผ์ ์ฐ์ ์ ๋ถ๋ฆฌ๋ ์ฑ๋ก ๋๊ธฐ๋ก ํ๋ค. ๋ฐ์ดํฐ ์์ ์ฑ์ด ๋ ์ค์ํ์ง ์๋๋ฉด DB์ ์ฅ๊ณต๊ฐ์ด ๋ ์ค์ํ์ง ๊ถ๊ธํ์ง๋ง ๋ฌ๋ฆฌ ๋ฌผ์ด๋ณผ ๊ณณ์ด ์๋ค.ใ ใ ๊ตฌ์กฐ๋ฅผ ๋ค ์ง๊ณ , ์คํ๋ ๋์ํธ๋ ์์ฑํ๊ณ ์ด์ mysql์ ๋ฐ์ดํฐ๋ฅผ ๋ฃ๊ธฐ๋ก ํ๋ค. mysql ๋ฐ์ดํฐํ์ - devdhjo.gi..