๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

Lect & Tip/bootstrap9

์œ ํŠœ๋ธŒ ์—…๋กœ๋“œ ๋ฒ ํƒ€ ๋ชจ๋‹ฌ ๋ ˆ์ด์–ดํŒ์—… + ๋ถ€ํŠธ์ŠคํŠธ๋žฉ select, collase expansion panel ํผ๋ธ”๋ฆฌ์‹ฑ ์œ ํŠœ๋ธŒ ์—…๋กœ๋“œ ๋ฒ ํƒ€ ๋ชจ๋‹ฌ ๋ ˆ์ด์–ดํŒ์—… + ๋ถ€ํŠธ์ŠคํŠธ๋žฉ select, collase expansion panel ํผ๋ธ”๋ฆฌ์‹ฑ ๊ตฌ๊ธ€์ด ๋ฌด๊ฑฐ์›Œ์ง€๊ณ  ์žˆ๋‹ค. ์‹œ์Šคํ…œ์˜ ๊ตฌ๊ธ€์ด ๋˜์–ด๊ฐ€๋‹ค๋ณด๋‹ˆ, ๊ฐ€๋ณ๋˜ ๊ณผ๊ฑฐ์˜ ๊ตฌ๊ธ€ ์ฝ”๋”ฉ์€ ์‚ฌ๋ผ์กŒ๋‹ค. ์œ ํŠธ๋ธŒ๋„ ์ž์ฒด ํ”„๋ ˆ์ž„์›Œํฌ๋กœ ํŽ˜์ด์ง€๋“ค์ด ๋งŒ๋“ค์–ด์ง€๋‹ค๋ณด๋‹ˆ ๊ฐ„๋‹จํ•œ ํ™”๋ฉด์กฐ์ฐจ๋„ ๋„ˆ๋ฌด ๋ฌด๊ฒ๋‹ค. ytcp๋กœ ์‹œ์ž‘ํ•˜๋Š” ํƒœ๊ทธ์™€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋“ค์ด ๋‚œ๋ฌดํ•œ๋‹ค. ํšŒ์‚ฌ์—์„œ ๋น„์Šทํ•œ ํ™”๋ฉด์„ ๋งŒ๋“ค์–ด ๋‹ฌ๋ผ๊ธฐ์— ๋ถˆํ•„์š”ํ•œ ๊ธฐ๋Šฅ์„ ์ œ๊ฑฐํ•˜๋ฉด์„œ ์˜ฎ๊ธด๋‹ค๊ณ  ์˜ฎ๊ฒจ๋ดค์ง€๋งŒ ์—ฌ์ „ํžˆ ๋ฌด๊ฒ๋‹ค. ๊ฑท์–ด๋‚ธ๋‹ค๊ณ  ์ตœ๋Œ€ํ•œ ๊ฑท์–ด๋ƒˆ์ง€๋งŒ, ๋ณต์žกํ•  ์ˆ˜ ์žˆ๋‹ค. ์•„๋ฌดํŠผ ํ˜น์‹œ๋‚˜ ํ•„์š”ํ•œ ์‚ฌ๋žŒ๋“ค์„ ์œ„ํ•ด ์ผ๋‹จ ํฌ์ŠคํŒ…. ๋™์˜์ƒ ์—…๋กœ๋“œ(๋ฒ ํƒ€) ์ดˆ์•ˆ - ์‹œ์ฒญ์ž์—๊ฒŒ ํ‘œ์‹œ๋˜์ง€ ์•Š์Œ ๋™์˜์ƒ ์ฒ˜๋ฆฌ์œจ: 100% 1 ๊ธฐ๋ณธ ์ •๋ณด 2 ๊ณ ๊ธ‰ ์„ค์ • 3 ๋ฏธ๋ฆฌ๋ณด๊ธฐ ๋ฐ ๊ฒŒ์‹œ ์ œ๋ชฉ(ํ•„์ˆ˜ ํ•ญ๋ชฉ) ์„ค๋ช…(ํ•„์ˆ˜ ํ•ญ๋ชฉ) .. 2019. 9. 25.
๋ถ€ํŠธ์ŠคํŠธ๋žฉ ๋‚ ์งœ์„ ํƒ ํผ bootstrap 4.3 datepicker โœˆ ๋ถ€ํŠธ์ŠคํŠธ๋žฉ 4.3 ๋‚ ์งœ ์„ ํƒ ํผ: ๊ฐ„ํŽธํ•œ ๋ฐ์ดํ„ฐ ํ”ผ์ปค ์‚ฌ์šฉํ•˜๊ธฐ ์„œ๋ก  ๋ถ€ํŠธ์ŠคํŠธ๋žฉ์€ ์›น ๊ฐœ๋ฐœ์„ ํŽธ๋ฆฌํ•˜๊ฒŒ ๋งŒ๋“ค์–ด์ฃผ๋Š” ํ›Œ๋ฅญํ•œ ํ”„๋ ˆ์ž„์›Œํฌ์ž…๋‹ˆ๋‹ค. ํŠนํžˆ ๋“œ๋กญ๋‹ค์šด์ด๋‚˜ ๋ฐ์ดํ„ฐ ํ”ผ์ปค์™€ ๊ฐ™์€ ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ์‰ฝ๊ฒŒ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค๋Š” ์ ์ด ํฐ ์žฅ์ ์ž…๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๋ฒ„์ „ ์—…๊ทธ๋ ˆ์ด๋“œ ๊ณผ์ •์—์„œ ์˜ˆ์ƒ์น˜ ๋ชปํ•œ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” ๋ถ€ํŠธ์ŠคํŠธ๋žฉ 4.3์œผ๋กœ ์—…๊ทธ๋ ˆ์ด๋“œํ•˜๋ฉด์„œ ๋งˆ์ฃผํ•  ์ˆ˜ ์žˆ๋Š” ์Šคํƒ€์ผ ๊ด€๋ จ ์ด์Šˆ์™€ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ํŠนํžˆ, ๋‚ ์งœ ์„ ํƒ์„ ์œ„ํ•œ ๋ฐ์ดํ„ฐ ํ”ผ์ปค ๊ตฌํ˜„์— ์ค‘์ ์„ ๋‘˜ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋ถ€ํŠธ์ŠคํŠธ๋žฉ 4.3 ์—…๊ทธ๋ ˆ์ด๋“œ์˜ ์Šคํƒ€์ผ ๋ณ€ํ™” ๋ถ€ํŠธ์ŠคํŠธ๋žฉ 4.3์œผ๋กœ ์—…๊ทธ๋ ˆ์ด๋“œํ•˜๋ฉด ๊ธฐ์กด์˜ ์Šคํƒ€์ผ์ด ์กฐ๊ธˆ ํํŠธ๋Ÿฌ์งˆ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ์ค‘์—์„œ๋„ ํŠนํžˆ ๋‚ ์งœ ์„ ํƒ์„ ์œ„ํ•œ ๋ฐ์ดํ„ฐ ํ”ผ์ปค์˜ ์Šคํƒ€์ผ์ด ์˜ˆ์ „๊ณผ ๋‹ค๋ฅผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋”์šฑ.. 2019. 7. 25.
๋“œ๋กญ๋‹ค์šด ์‚ฌ์šฉ์„ ์œ„ํ•œ popper.js ๋‹ค์šด๋กœ๋“œ for bootstrap 4.3 dropdown components โœˆ ๋“œ๋กญ๋‹ค์šด ์‚ฌ์šฉ์„ ์œ„ํ•œ popper.js ๋‹ค์šด๋กœ๋“œ for bootstrap 4.3 dropdown components ๋ถ€ํŠธ์ŠคํŠธ๋žฉ 3.x ๊นŒ์ง€๋Š” popper.js๋Š” ํ•„์ˆ˜๊ฐ€ ์•„๋‹ˆ์—ˆ๋‹ค. ํ•˜์ง€๋งŒ 4.3์—์„œ๋Š” ๋“œ๋กญ๋‹ค์šด ๋ฉ”๋‰ด๋งŒ ์‚ฌ์šฉํ•˜๋ ค๊ณ  ํ•ด๋„, popper.js๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•œ๋‹ค. ๊ฐ€์žฅ ์†์‰ฌ์šด ๋ฐฉ๋ฒ•์€ cdn์„ ์ด์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์ด์ง€๋งŒ, ๋กœ์ปฌ์— ํŒŒ์ผ์ด ์žˆ์–ด์•ผ๋งŒ ํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ์žˆ๋‹ค. ์ด๋Ÿด ๋•Œ ๋‹ค์šด๋กœ๋“œ๋ฅผ ๋ฐ›์•„์•ผ ํ•˜๋Š”๋ฐ popper.js๋งŒ ๋‹ค์šด๋กœ๋“œ ๋ฐ›์œผ๋ฉด ๋™์ž‘ํ•˜์ง€ ์•Š๊ณ  ์—๋Ÿฌ๋ฅผ ๋‚ธ๋‹ค. popper.js.map ํŒŒ์ผ๋„ ๊ฐ™์ด ํ•„์š”๋กœ ํ•œ๋‹ค. ๋ณดํ†ต ๋‘ ํŒŒ์ผ์€ ๊ฐ™์€ ํด๋”์— ๋†“์ด๊ธฐ ๋•Œ๋ฌธ์— cdn์—์„œ ๋‹ค์šด ๋ฐ›์„ ๋•Œ popper.js๋ฅผ ๋จผ์ € ๋‹ค์šด๋ฐ›๊ณ , ๋’ค์— .map์„ ๋ถ™์—ฌ์ฃผ๋ฉด popper.js.map ํŒŒ์ผ์„ ๋‹ค์šด๋กœ๋“œ ๋ฐ›์„ ์ˆ˜ ์žˆ๋‹ค. https:.. 2019. 7. 23.