๋ชฉ๋กProjects/(ํ)MyPick31 (11)
Bibi's DevLog ๐ค๐
ajax๋ก ํ์ด์ฌ ์๋ฒ์ ๋ฐฐ์ด ์ ์กํ๊ธฐ - JSON.stringify(), json.joads() ๋ฒ ์ด์ค ํํฐ๋ง ๊ธฐ๋ฅ์ ๋ง๋๋ ์ค. ์ฒดํฌ๋ ๋ฒ ์ด์ค๋ฅผ ๋ฐฐ์ด์ ๋ฃ์ด ajax๋ฅผ ํตํด ํ์ด์ฌ ์๋ฒ๋ก ๋ณด๋ด์ผ ํ๋ค. stackoverrun.com/ko/q/12236021 ๋ฅผ ๋ณด๊ณ ๊ณต๋ถํ์ต๋๋ค. ๊ฐ์ฌํฉ๋๋ค. blog.naver.com/PostView.nhn?blogId=oihijkoh&logNo=220510265057&redirect=Dlog&widgetTypeCall=trueใ ์์ ์ง๋ ฌํ, ์ญ์ง๋ ฌํ๋ฅผ ๋ณด๊ณ ๊ณต๋ถํ์ต๋๋ค. ๊ฐ์ฌํฉ๋๋ค. ๐ ๋ฐฐ์ด์ ์ ์กํ ๋๋ json๋ฐฉ์์ผ๋ก serialize(์ง๋ ฌํ), deserialize(์ญ์ง๋ ฌํ)ํ๋ ๊ณผ์ ์ด ํ์ํ๋ค. (์? ๋ฐฐ์ด๋ ๊ฐ์ฒด์ด๋ฏ๋ก. ๊ฐ์ฒด๋ ์ง๋ ฌํํด์ ์ ์กํด์ผ ํ๋ค) ..
โ ํ๋ก์ ํธ ๋ง๋ฌด๋ฆฌ๊น์ง ์์ผ๋ก ํด์ผ ํ ์ผ๋ค! 1. DB(์์ฆ์์ด์คํฌ๋ฆผ์ ๋ณด, ์ด๋ฏธ์ง) ์๋ฃ ๋ฃ๊ธฐ(์๋ฃ) 2. ๋ก๊ทธ์์ ๊ธฐ๋ฅ (๋๋ฒ๊น ์ค)-> juni๊ฐ ๋ง์ ์งํํ๊ธฐ๋ก. 3. ํํฐ๋ง ๊ธฐ๋ฅ 4. ์ข์์ ๊ธฐ๋ฅ 5. ๋ฐ์นญ ์ ๋ง๋ฌด๋ฆฌ ์์ → ๋ฐ์นญ! ๐ 3. ํํฐ๋ง -> ์ ๋ ์์ ์ด ์๋ฃ๋ ํ ๊ฐ์ด ๋ง๋ค์ด๋ณด๊ธฐ๐ฉ๐ป๐จ๐ป (ํ์ฌ์งํ์ค) MyPick31์ ํต์ฌ ๊ธฐ๋ฅ์ด๋ผ, ์ค๊ณ๋ฅผ ์ ํ๋ฉด์ ๋ง๋ค์ด์ผ ํ ๊ฒ ๊ฐ๋ค. ๋ฒ ์ด์ค1,2 .. ๋ฅผ ํด๋ฆญํ๋ค. ๋ฒ ์ด์ค1,2 .. ์ ๋ณด๋ค์ ์๋ฒ๋ก ๋ณด๋ธ๋ค ๋ฐ์ ๋ฒ ์ด์ค1, 2 .. ์ ๋ณด๋ค์ด ๋ชจ๋ ํฌํจ๋ ์์ด์คํฌ๋ฆผ์ DB์์ ์กฐํํ๋ค. (cbase1์ผ๋ก ๊ฒ์๋ ๋ฒ ์ด์ค > cbase2์ ์ ๋ณด๋ ๊ฒ์ํด ๊ฒฐ๊ณผ๊ฐ ๋ฐํํด์ผ) (์๋ฅผ ๋ค์ด, '๊ฒฌ๊ณผ๋ฅ' ์ ๋ณด๊ฐ ๋ค์ด์ค๋ฉด ๊ฒฌ๊ณผ๋ฅ(cbase1)์ ํ์ ์ ๋ณด..
โ ํ๋ก์ ํธ ๋ง๋ฌด๋ฆฌ๊น์ง ์์ผ๋ก ํด์ผ ํ ์ผ๋ค! 1. DB(์์ฆ์์ด์คํฌ๋ฆผ์ ๋ณด, ์ด๋ฏธ์ง) ์๋ฃ ๋ฃ๊ธฐ 2. ๋ก๊ทธ์์ ๊ธฐ๋ฅ (๋๋ฒ๊น ์ค) 3. ํํฐ๋ง ๊ธฐ๋ฅ 4. ์ข์์ ๊ธฐ๋ฅ 5. ๋ฐ์นญ ์ ๋ง๋ฌด๋ฆฌ ์์ → ๋ฐ์นญ! ๐ 1. DB - ์์ด์คํฌ๋ฆผ ์ด๋ฏธ์ง & ์์ฆํ๋ ์ด๋ฒ ์ ๋ณด ๋ฃ๊ธฐ, ์์ํ db๊ตฌ์กฐ์์ ์์ ( ์๋ฃ ) 2. ๋ก๊ทธ์์ ๋๋ฒ๊น -> juni๊ฐ ๋ง์ ์งํํ๊ธฐ๋ก. 3. ํํฐ๋ง -> ์ ๋ ์์ ์ด ์๋ฃ๋ ํ ๊ฐ์ด ๋ง๋ค์ด๋ณด๊ธฐ๐ฉ๐ป๐จ๐ป (ํ์ฌ ์งํ์ค) MyPick31์ ํต์ฌ ๊ธฐ๋ฅ์ด๋ผ, ์ค๊ณ๋ฅผ ์ ํ๋ฉด์ ๋ง๋ค์ด์ผ ํ ๊ฒ ๊ฐ๋ค. ๋ฒ ์ด์ค1,2 .. ๋ฅผ ํด๋ฆญํ๋ค. ๋ฒ ์ด์ค1,2 .. ์ ๋ณด๋ค์ ์๋ฒ๋ก ๋ณด๋ธ๋ค ๋ฐ์ ๋ฒ ์ด์ค1, 2 .. ์ ๋ณด๋ค์ด ๋ชจ๋ ํฌํจ๋ ์์ด์คํฌ๋ฆผ์ DB์์ ์กฐํํ๋ค. (cbase1์ผ๋ก ๊ฒ์๋ ๋ฒ ์ด์ค > cba..
๋ด๊ฐ ์ฝ๋์ค์ฟผ๋ ๋ง์คํฐ์ฆ & ์ฝ์ฝ์ ์ฝ์ค๋ฅผ ์ค๋นํ๋๋ผ ์ ์ ๋ฏธ๋ค์ก๋ mypick31ํ๋ก์ ํธใ ใ ์ด์ ์๋ฐ์คํฌ๋ฆฝํธ ์ ๋ฌธ ๊ฐ์๋ ๋ฐ ์ด์ ๋ค์์ผ๋ ํ๋ก์ ํธ๋ฅผ ๋ณํํ ์ ์์ ๊ฒ ๊ฐ์์ ์ด์ ๋ค์ Juni์ ๋ ผ์ํด ๋ณด์๋ค! ์ฝ์ฝ์ ์์ ์ ๊น์ง, ์ด๋ฒ ๋ฌ ๋ง (31์ผ)์ ์์ฑํ ์ ์์์ง..! ์ด์ฌํ ๋ฌ๋ ค์ ์ต๋ํ ์์ฑํด ๋ณด์์ผ๊ฒ ๋ค. ๊ณต๋ถ์ ํ๋ก์ ํธ (+์๋ฐ) ๋ณํ ํ์ดํ ! โ ํ๋ก์ ํธ ๋ง๋ฌด๋ฆฌ๊น์ง ์์ผ๋ก ํด์ผ ํ ์ผ๋ค! 1. DB(์์ฆ์์ด์คํฌ๋ฆผ์ ๋ณด, ์ด๋ฏธ์ง) ์๋ฃ ๋ฃ๊ธฐ 2. ๋ก๊ทธ์์ ๊ธฐ๋ฅ (๋๋ฒ๊น ์ค) 3. ํํฐ๋ง ๊ธฐ๋ฅ 4. ์ข์์ ๊ธฐ๋ฅ 5. ๋ฐ์นญ ์ ๋ง๋ฌด๋ฆฌ ์์ → ๋ฐ์นญ! ๐ 1. DB - ์์ด์คํฌ๋ฆผ ์ด๋ฏธ์ง & ์์ฆํ๋ ์ด๋ฒ ์ ๋ณด ๋ฃ๊ธฐ, ์์ํ db๊ตฌ์กฐ์์ ์์ → bibi๊ฐ ๋งก์์ ์ ๋ก๋. 2. ๋ก๊ทธ์์ ๋๋ฒ๊น ..
๐พToday's Debuging - $ is not defined / jQuery is not defined ์๋ฌ : ์๋์ ํด๊ฒฐ๋ฒ์ ์ฌ์ฉํ๋๋ ํด๊ฒฐ๋์๋ค. ์ด๋ ๊ฒ ํด๊ฒฐ๋๋ ๊ฒ๋ ์ ๊ธฐํ๋ค'0' blog.naver.com/PostView.nhn?blogId=blacklotuz&logNo=221371811978 uncaught referenceerror $ is not defined ์ ์ด์ฟผ๋ฆฌ๋ฅผ ์ฌ์ฉํ๋ค๋ณด๋ฉด ๊ฐํน ์ด๋ฐ ์๋ฌ๊ฐ ๋์ฌ๋ ์๋ค. uncaught referenceerror $ is not defined ํ์... blog.naver.com - ๊ธฐํ ์ฝ์์์ ๋ฐ์ํ ์๋ฌ๋ค ์ฝ์์ฐฝ์ ์ค๋ฅ๊ฐ ๋จ์ง๋ ์๋๋ฐ ๊ตฌํํ ๊ธฐ๋ฅ์ด ๋์ํ์ง ์์ ๋.. -> Juni๊ฐ ์๋ ค์ฃผ์๋ค. (ํฌ๋กฌ ๊ธฐ์ค) ctrl shift d..
DB์ ๋ฐ์ดํฐ๋ฅผ ๋ฃ๊ธฐ ์ํ crud api๋ฅผ ๋ง๋ค๊ธฐ๋ก ํ๋ค. (๊ด๋ฆฌ์ ํ์ด์ง ๊ฐ์..) ์ด์ '๋ฉ์ด์ ๋' ์ ๋น์ทํ ๋ฐฉ์์ผ๋ก cbase ๋ฐ์ดํฐ๋ฅผ ๋ฃ๋ ๊ฐ๋จํ api๋ฅผ ๋ง๋ค์๋๋ฐ -์๋ฌ๊ฐ ๋จ๋ฉด์ ํต์ ์ด ๋์ง ์๋๋ค. -cssํ์ผ์ด ์ ์ฉ๋์ง ์์ ํ์ผ์ด ๊นจ์ ธ ๋์จ๋ค. (index.html๋์ธ๋๋ถํฐ ํฌ๋กฌ ์ฝ์์ฐฝ์ ์๋ฌ๋ฉ์์ง๊ฐ ๊ฐ๋..) ๋ด์ผ ์ด์ด์ ์ ์ํ๊ณ ๋๋ฒ๊น ํด๋ด์ผ๊ฒ ๋ค.
๐พ์ค๋์ Juni์ MySQL ํ ์คํธ๋ฅผ ํด๋ณด๊ณ DB๋ฅผ ๊ฒฐ์ ํ๊ธฐ ์ํด ๋ง๋๋ ๋ ์ด์๋ค. Juni๊ฐ ๋ด๊ฐ ๋ฃ์ด๋์ ์ํ ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ง๊ณ ํ ์คํธํ๋ ๋์ ๋๋ index.html์ ์๋ณด๊ณ ์์๋๋ฐ.. ๋๋ ๋ด๊ฐ ์์ ํ ๋งํผ์ github desktop์ ์ปค๋ฐํ๊ณ , Juni๋ ํด๋๊ตฌ์กฐ๋ฅผ ๊ฐํธํด ์ปค๋ฐํ๋๋ฐ ์ถฉ๋์ด ๋ฌ๊ณ , ๊ทธ๊ฑธ ๊ณ ์น๋ ค๊ณ ์ด๋ฐ์ ๋ฐ ๋ฒํผ์ ๋๋ฅด๋ค๊ฐ ์๋ฌ๊ฐ ๋ด๊ณ ํ๋ก๊ทธ๋จ์ด ๋ฉ์ถ๋๋ ์ค๋์น ์์ ๋ถ์ด ๋ ์๊ฐ ๋ฒ๋ ธ๋ค. ๐ญ๐ญ๐ญ ์์ธ์ ์ถ์ ์ปจ๋ branch๋ฅผ bibi_branch๊ฐ ์๋ master์ ๋๊ณ ์์ ์ ํด์? ์ธ ๊ฒ ๊ฐ๋ค. ์ฌ์ค ์์ง๋ ์ ๋ ์๊ฐ ๊ฑด์ง ์ ํํ ๋ชจ๋ฅด๊ฒ ๋ค..๋ ์ฌ์ค์ด ๋๋ฌด ์ฌํ๋ค. ๐ญ๐ญ ๐โ์ค๋์ ๊ตํ : Github๋ ์์ฃผ ์ ์ฉํ ๊ธฐ์ ์ด์ง๋ง ์ ๋๋ก ์๊ณ ์จ์ผ ์๋ฏธ๊ฐ ์๋ค.. ์ฌ๋ฌ ๊ธฐ๋ฅ๋ค..
์ค๋์ ์๋ฐ ํด๊ทผ ํ mypick31์ ๋ค์ด๊ฐ ์๊ทธ๋์ฒ ํ๋ ์ด๋ฒ๋ค 21๊ฐ๋ฅผ MySQL์ ์ ๋ก๋ํ๋ค! signature ํ ์ด๋ธ์ ๋ง๋ค๊ณ 21๊ฐ์ ๋ฐ์ดํฐ๋ฅผ INSERT. ์ฐ์ ์ด๋ ๊ฒ ๋ฐ์ดํฐ๋ฅผ ๋ฃ์ด๋๊ณ , mysql ์ฌ์ฉ์ ์์ฑ ๋ฐ ์๊ฒฉ์ ์ ๋ฐฉ๋ฒ์ ์์๋ณธ ๋ค์ Juni๋ DB๋ฅผ ํ์ฉํด ํ ์คํธํ ์ ์๋๋ก ํ ๊ณํ์ด๋ค. ๊ทธ๋ฐ๋ฐ base, topping, syrup์ ๋์ดํ ์๋ฐ์ ์๋ ๊ตฌ์กฐ์ธ๋ฐ ์์ง๋ mongoDB๊ฐ ๋ ๋ซ์ง ์๋ ํ๋ ์๊ฐ์ ๋ ๋ค.. ์ฐ์ Juni๊ฐ ํ ์คํธํด๋ณด๊ณ ๋ฐ์ดํฐCRUD์ ๋ฌด๋ฆฌ๊ฐ ์๋ค๋ฉด ๊ณ์ MySQL์ ํ์ฉํ๊ณ , MySQL์ ์ ํฉํ์ง ์์ ๊ฒ ๊ฐ์ผ๋ฉด mongoDB๋ก ๊ฐ์ํ๊ธฐ๋ก ํ๋ค.ใ ใ