๋ชฉ๋ก์ ์ฒด ๊ธ (454)
Bibi's DevLog ๐ค๐
* ์ด ๊ธ์ ์ธํ๋ฐ์์ ์ ๊ณตํ๋ ํธ๋ ์ค๋์ ์ ๋ฃ ๊ฐ์ '์ฝ๊ณ ์์ฐ์ค๋ฝ๊ฒ ๋ฐฐ์๋ณด๋ Javascript ์ ๋ฌธ - ์ฝ๋์ค์ฟผ๋ ๋ง์คํฐ์ฆ ์ฝ์ค ๋ ๋ฒจ1'๋ฅผ ๋ฃ๊ณ ๊ณต๋ถํ๋ฉฐ ์ ๋ฆฌํ ๊ธ์ ๋๋ค. ๊ฐ์ ๋ด์ฉ์ ๋ํด, ์ ๊ฐ ํ๊ธฐํ๊ณ ๊ตฌ๊ธ๋งํ ๋ด์ฉ์ด ์ ๋ฆฌ๋์ด ์์ต๋๋ค. ์ด๋ณด์ธ ์ ๊ฐ ์ดํดํ ๋๋ก ์ ๋ฆฌํ๊ธฐ ๋๋ฌธ์, ๋ถ์ ํํ ๋ด์ฉ์ด ์์ ์ ์์์ ๊ฐ์ํด ์ฃผ์๊ธธ ๋ฐ๋๋๋ค. ๊ฐ์๋ฅผ ๋ฃ๊ณ ๋ด์ฉ์ ์ ๋ฆฌํ ๊ธ์ด๊ธฐ ๋๋ฌธ์ ๋ฌธ์ ๊ฐ ๋์ง ์๋๋ค๋ ์ธํ๋ฐ ์ธก ๋ต๋ณ์ ๋ฐ์ ์ ์ด ์์ผ๋(https://bibi6666667.tistory.com/37), ์ ์๊ถ์ ๋ฌธ์ ๊ฐ ๋๋ค๋ฉด ๋ณดํธ ๋ชจ๋(๋น๊ณต๊ฐ)๋ก ์ ํํ๊ฒ ์ต๋๋ค. ์ค์ฝํ Scope๋? ๋ณ์์ ์ ํจ๋ฒ์. ๊ฒ์ํค์๋(๊ตฌ๊ธ๋ง): javascript scope ๊ฐ์ ๊ฒ์์๋ฃ๋ฅผ ์ฝ์ด๋ณด๊ณ , ์กฐ๊ธ ๋ ๊ณต๋ถํด ๋ณด์ธ์..
โ ํ๋ก์ ํธ ๋ง๋ฌด๋ฆฌ๊น์ง ์์ผ๋ก ํด์ผ ํ ์ผ๋ค! 1. DB(์์ฆ์์ด์คํฌ๋ฆผ์ ๋ณด, ์ด๋ฏธ์ง) ์๋ฃ ๋ฃ๊ธฐ(์๋ฃ) 2. ๋ก๊ทธ์์ ๊ธฐ๋ฅ (๋๋ฒ๊น ์ค)-> juni๊ฐ ๋ง์ ์งํํ๊ธฐ๋ก. 3. ํํฐ๋ง ๊ธฐ๋ฅ 4. ์ข์์ ๊ธฐ๋ฅ 5. ๋ฐ์นญ ์ ๋ง๋ฌด๋ฆฌ ์์ → ๋ฐ์นญ! ๐ 3. ํํฐ๋ง -> ์ ๋ ์์ ์ด ์๋ฃ๋ ํ ๊ฐ์ด ๋ง๋ค์ด๋ณด๊ธฐ๐ฉ๐ป๐จ๐ป (ํ์ฌ์งํ์ค) MyPick31์ ํต์ฌ ๊ธฐ๋ฅ์ด๋ผ, ์ค๊ณ๋ฅผ ์ ํ๋ฉด์ ๋ง๋ค์ด์ผ ํ ๊ฒ ๊ฐ๋ค. ๋ฒ ์ด์ค1,2 .. ๋ฅผ ํด๋ฆญํ๋ค. ๋ฒ ์ด์ค1,2 .. ์ ๋ณด๋ค์ ์๋ฒ๋ก ๋ณด๋ธ๋ค ๋ฐ์ ๋ฒ ์ด์ค1, 2 .. ์ ๋ณด๋ค์ด ๋ชจ๋ ํฌํจ๋ ์์ด์คํฌ๋ฆผ์ DB์์ ์กฐํํ๋ค. (cbase1์ผ๋ก ๊ฒ์๋ ๋ฒ ์ด์ค > cbase2์ ์ ๋ณด๋ ๊ฒ์ํด ๊ฒฐ๊ณผ๊ฐ ๋ฐํํด์ผ) (์๋ฅผ ๋ค์ด, '๊ฒฌ๊ณผ๋ฅ' ์ ๋ณด๊ฐ ๋ค์ด์ค๋ฉด ๊ฒฌ๊ณผ๋ฅ(cbase1)์ ํ์ ์ ๋ณด..
* ์ด ๊ธ์ ์ธํ๋ฐ์์ ์ ๊ณตํ๋ ํธ๋ ์ค๋์ ์ ๋ฃ ๊ฐ์ '์ฝ๊ณ ์์ฐ์ค๋ฝ๊ฒ ๋ฐฐ์๋ณด๋ Javascript ์ ๋ฌธ - ์ฝ๋์ค์ฟผ๋ ๋ง์คํฐ์ฆ ์ฝ์ค ๋ ๋ฒจ1'๋ฅผ ๋ฃ๊ณ ๊ณต๋ถํ๋ฉฐ ์ ๋ฆฌํ ๊ธ์ ๋๋ค. ๊ฐ์ ๋ด์ฉ์ ๋ํด, ์ ๊ฐ ํ๊ธฐํ๊ณ ๊ตฌ๊ธ๋งํ ๋ด์ฉ์ด ์ ๋ฆฌ๋์ด ์์ต๋๋ค. ์ด๋ณด์ธ ์ ๊ฐ ์ดํดํ ๋๋ก ์ ๋ฆฌํ๊ธฐ ๋๋ฌธ์, ๋ถ์ ํํ ๋ด์ฉ์ด ์์ ์ ์์์ ๊ฐ์ํด ์ฃผ์๊ธธ ๋ฐ๋๋๋ค. ๊ฐ์๋ฅผ ๋ฃ๊ณ ๋ด์ฉ์ ์ ๋ฆฌํ ๊ธ์ด๊ธฐ ๋๋ฌธ์ ๋ฌธ์ ๊ฐ ๋์ง ์๋๋ค๋ ์ธํ๋ฐ ์ธก ๋ต๋ณ์ ๋ฐ์ ์ ์ด ์์ผ๋(https://bibi6666667.tistory.com/37), ์ ์๊ถ์ ๋ฌธ์ ๊ฐ ๋๋ค๋ฉด ๋ณดํธ ๋ชจ๋(๋น๊ณต๊ฐ)๋ก ์ ํํ๊ฒ ์ต๋๋ค. ํ์ต ๋ชฉํ ๋ฌธ์์ด์ ์กฐ์๊ณผ ๋ฆฌ์คํธ์ ์ฌ์ฉ์ ๊ฒฝํํ๋ค. ์๊ตฌ์ฌํญ ์ฌ์ฉ์๊ฐ ์ ๋ ฅํ ๋ฌธ์์ด ๊ฐ์ ๋ฐ๋ผ ์ฌ์น์ฐ์ฐ์ ์ํํ ์ ์๋ ๊ณ์ฐ๊ธฐ๋ฅผ ๊ตฌํํด์ผ..
.split()๊ณผ .join()์ ๋ฐ๋ณต์ ์ผ๋ก ์ฌ์ฉํ๋ฉด ๋๋ค. ๋ฌธ์์ด.split() : ์๊ดํธ ๋ด์ ๊ธฐํธ๋ก ๋ฌธ์์ด์ ๋๋์ด ๋ฐฐ์ด๋ก ๋ง๋ฆ ๋ฐฐ์ด.join() : ์๊ดํธ ๋ด์ ๊ธฐํธ๋ก ๋ฐฐ์ด์ ๊ฐ ์์๋ฅผ ์ด์ด๋ถ์ฌ ๋ฌธ์์ด๋ก ๋ง๋ฆ ํ ๋ง๋๋ก .split()์ ๋ฌธ์์ด์ ๋ฐฐ์ด๋ก ๋๋๊ณ , .join()์ ๋ฐฐ์ด์ ๋ฌธ์์ด๋ก ์ด์ด๋ถ์ธ๋ค. ์๋์ ๊ฐ์ด ํ์ฉ ๊ฐ๋ฅํ๋ค. Q1. "a=b,c:d" ๋ผ๋ ๋ฌธ์์ด str์ = , : ๊ธฐ์ค์ผ๋ก ๋๋์ด ["a", "b", "c", "d"]๋ผ๋ ๋ฐฐ์ด๋ก ๋ง๋ค๊ณ ์ถ๋ค. var str = "a=b,c:d"; str; // "a=b,c:d" str.split("="); // (2) ["a", "b,c:d"] str; // "a=b,c:d". str์ ๊ทธ๋๋ก์ด๋ค. str.split("=").join(",..
* ์ด ๊ธ์ ์ธํ๋ฐ์์ ์ ๊ณตํ๋ ํธ๋ ์ค๋์ ์ ๋ฃ ๊ฐ์ '์ฝ๊ณ ์์ฐ์ค๋ฝ๊ฒ ๋ฐฐ์๋ณด๋ Javascript ์ ๋ฌธ - ์ฝ๋์ค์ฟผ๋ ๋ง์คํฐ์ฆ ์ฝ์ค ๋ ๋ฒจ1'๋ฅผ ๋ฃ๊ณ ๊ณต๋ถํ๋ฉฐ ์ ๋ฆฌํ ๊ธ์ ๋๋ค. ๊ฐ์ ๋ด์ฉ์ ๋ํด, ์ ๊ฐ ํ๊ธฐํ๊ณ ๊ตฌ๊ธ๋งํ ๋ด์ฉ์ด ์ ๋ฆฌ๋์ด ์์ต๋๋ค. ์ด๋ณด์ธ ์ ๊ฐ ์ดํดํ ๋๋ก ์ ๋ฆฌํ๊ธฐ ๋๋ฌธ์, ๋ถ์ ํํ ๋ด์ฉ์ด ์์ ์ ์์์ ๊ฐ์ํด ์ฃผ์๊ธธ ๋ฐ๋๋๋ค. ๊ฐ์๋ฅผ ๋ฃ๊ณ ๋ด์ฉ์ ์ ๋ฆฌํ ๊ธ์ด๊ธฐ ๋๋ฌธ์ ๋ฌธ์ ๊ฐ ๋์ง ์๋๋ค๋ ์ธํ๋ฐ ์ธก ๋ต๋ณ์ ๋ฐ์ ์ ์ด ์์ผ๋(https://bibi6666667.tistory.com/37), ์ ์๊ถ์ ๋ฌธ์ ๊ฐ ๋๋ค๋ฉด ๋ณดํธ ๋ชจ๋(๋น๊ณต๊ฐ)๋ก ์ ํํ๊ฒ ์ต๋๋ค. ํ์ต ๋ชฉํ ํ๋ก๊ทธ๋๋ฐ์์ ๊ฐ์ฒด๋ฅผ ๊ฒฝํํ๋ค. ์๊ตฌ์ฌํญ ์ฌ์ฉ์์ ๊ฐ์ ์ ๋ ฅํ๋ ๊ฐ์ฒด, ์ฌ์น์ฐ์ฐ์ ๊ตฌํํ๋ ๊ฐ์ฒด, ์ถ๋ ฅํ๋ ๊ฐ์ฒด๋ฅผ ์ด์ฉํด์ ํ๋ก๊ทธ..
* ์ด ๊ธ์ ์ธํ๋ฐ์์ ์ ๊ณตํ๋ ํธ๋ ์ค๋์ ์ ๋ฃ ๊ฐ์ '์ฝ๊ณ ์์ฐ์ค๋ฝ๊ฒ ๋ฐฐ์๋ณด๋ Javascript ์ ๋ฌธ - ์ฝ๋์ค์ฟผ๋ ๋ง์คํฐ์ฆ ์ฝ์ค ๋ ๋ฒจ1'๋ฅผ ๋ฃ๊ณ ๊ณต๋ถํ๋ฉฐ ์ ๋ฆฌํ ๊ธ์ ๋๋ค. ๊ฐ์ ๋ด์ฉ์ ๋ํด, ์ ๊ฐ ํ๊ธฐํ๊ณ ๊ตฌ๊ธ๋งํ ๋ด์ฉ์ด ์ ๋ฆฌ๋์ด ์์ต๋๋ค. ์ด๋ณด์ธ ์ ๊ฐ ์ดํดํ ๋๋ก ์ ๋ฆฌํ๊ธฐ ๋๋ฌธ์, ๋ถ์ ํํ ๋ด์ฉ์ด ์์ ์ ์์์ ๊ฐ์ํด ์ฃผ์๊ธธ ๋ฐ๋๋๋ค. ๊ฐ์๋ฅผ ๋ฃ๊ณ ๋ด์ฉ์ ์ ๋ฆฌํ ๊ธ์ด๊ธฐ ๋๋ฌธ์ ๋ฌธ์ ๊ฐ ๋์ง ์๋๋ค๋ ์ธํ๋ฐ ์ธก ๋ต๋ณ์ ๋ฐ์ ์ ์ด ์์ผ๋(https://bibi6666667.tistory.com/37), ์ ์๊ถ์ ๋ฌธ์ ๊ฐ ๋๋ค๋ฉด ๋ณดํธ ๋ชจ๋(๋น๊ณต๊ฐ)๋ก ์ ํํ๊ฒ ์ต๋๋ค. ํ์ต ๋ชฉํ ํจ์๋ฅผ ๊ฒฝํํ๋ค. ๋ฆฌํฉํ ๋ง : ํจ์๋ฅผ ์ด์ฉํด ์ฝ๋๋ฅผ ๊น๋ํ๊ฒ ์ ๋ฆฌํ๋ ๊ฒ? (๊ตฌ๊ธ๋ง) ๋ฆฌํฉํ ๋ง์ด๋ : ์ธ๋ถ๋์์ ๋ฐ๊พธ์ง ์์ผ๋ฉด์ ..
โ ํ๋ก์ ํธ ๋ง๋ฌด๋ฆฌ๊น์ง ์์ผ๋ก ํด์ผ ํ ์ผ๋ค! 1. DB(์์ฆ์์ด์คํฌ๋ฆผ์ ๋ณด, ์ด๋ฏธ์ง) ์๋ฃ ๋ฃ๊ธฐ 2. ๋ก๊ทธ์์ ๊ธฐ๋ฅ (๋๋ฒ๊น ์ค) 3. ํํฐ๋ง ๊ธฐ๋ฅ 4. ์ข์์ ๊ธฐ๋ฅ 5. ๋ฐ์นญ ์ ๋ง๋ฌด๋ฆฌ ์์ → ๋ฐ์นญ! ๐ 1. DB - ์์ด์คํฌ๋ฆผ ์ด๋ฏธ์ง & ์์ฆํ๋ ์ด๋ฒ ์ ๋ณด ๋ฃ๊ธฐ, ์์ํ db๊ตฌ์กฐ์์ ์์ ( ์๋ฃ ) 2. ๋ก๊ทธ์์ ๋๋ฒ๊น -> juni๊ฐ ๋ง์ ์งํํ๊ธฐ๋ก. 3. ํํฐ๋ง -> ์ ๋ ์์ ์ด ์๋ฃ๋ ํ ๊ฐ์ด ๋ง๋ค์ด๋ณด๊ธฐ๐ฉ๐ป๐จ๐ป (ํ์ฌ ์งํ์ค) MyPick31์ ํต์ฌ ๊ธฐ๋ฅ์ด๋ผ, ์ค๊ณ๋ฅผ ์ ํ๋ฉด์ ๋ง๋ค์ด์ผ ํ ๊ฒ ๊ฐ๋ค. ๋ฒ ์ด์ค1,2 .. ๋ฅผ ํด๋ฆญํ๋ค. ๋ฒ ์ด์ค1,2 .. ์ ๋ณด๋ค์ ์๋ฒ๋ก ๋ณด๋ธ๋ค ๋ฐ์ ๋ฒ ์ด์ค1, 2 .. ์ ๋ณด๋ค์ด ๋ชจ๋ ํฌํจ๋ ์์ด์คํฌ๋ฆผ์ DB์์ ์กฐํํ๋ค. (cbase1์ผ๋ก ๊ฒ์๋ ๋ฒ ์ด์ค > cba..
* ์ด ๊ธ์ ์ธํ๋ฐ์์ ์ ๊ณตํ๋ ํธ๋ ์ค๋์ ์ ๋ฃ ๊ฐ์ '์ฝ๊ณ ์์ฐ์ค๋ฝ๊ฒ ๋ฐฐ์๋ณด๋ Javascript ์ ๋ฌธ - ์ฝ๋์ค์ฟผ๋ ๋ง์คํฐ์ฆ ์ฝ์ค ๋ ๋ฒจ1'๋ฅผ ๋ฃ๊ณ ๊ณต๋ถํ๋ฉฐ ์ ๋ฆฌํ ๊ธ์ ๋๋ค. ๊ฐ์ ๋ด์ฉ์ ๋ํด, ์ ๊ฐ ํ๊ธฐํ๊ณ ๊ตฌ๊ธ๋งํ ๋ด์ฉ์ด ์ ๋ฆฌ๋์ด ์์ต๋๋ค. ์ด๋ณด์ธ ์ ๊ฐ ์ดํดํ ๋๋ก ์ ๋ฆฌํ๊ธฐ ๋๋ฌธ์, ๋ถ์ ํํ ๋ด์ฉ์ด ์์ ์ ์์์ ๊ฐ์ํด ์ฃผ์๊ธธ ๋ฐ๋๋๋ค. ๊ฐ์๋ฅผ ๋ฃ๊ณ ๋ด์ฉ์ ์ ๋ฆฌํ ๊ธ์ด๊ธฐ ๋๋ฌธ์ ๋ฌธ์ ๊ฐ ๋์ง ์๋๋ค๋ ์ธํ๋ฐ ์ธก ๋ต๋ณ์ ๋ฐ์ ์ ์ด ์์ผ๋(https://bibi6666667.tistory.com/37), ์ ์๊ถ์ ๋ฌธ์ ๊ฐ ๋๋ค๋ฉด ๋ณดํธ ๋ชจ๋(๋น๊ณต๊ฐ)๋ก ์ ํํ๊ฒ ์ต๋๋ค. ์กฐ๊ฑด๋ฌธ ํ์ต ๋ชฉํ ํ๋ก๊ทธ๋๋ฐ์ ์กฐ๊ฑด๋ฌธ์ ๊ฒฝํํ๋ค. ์๊ตฌ์ฌํญ ์ฌ์ฉ์์๊ฒ 2๊ฐ์ ์ซ์ ๊ฐ๊ณผ ์ฌ์น์ฐ์ฐ ๊ธฐํธ(+, -, *, /) ์ค ํ๋๋ฅผ ์ ๋ ฅ ..