๋ถ๋ฅ ์ ์ฒด๋ณด๊ธฐ224 ํ ๋ก์์ ๋ง์ถ 2023๋ 10์ ์คํฌํธ๋ผ์ดํธ ์์, ๋ ์ด๋์์ ํฌ์ผ๋ชฌ๊ณ ์ด๋ฒคํธ ์ผ์ ์ ๋ฆฌ ํ ๋ก์์ ๋ง์ถ 2023๋ 10์ ํฌ์ผ๋ชฌ๊ณ ์ด๋ฒคํธ ์ผ์ ์ ๋ฆฌ ํฌ์ผ๋ชฌ๊ณ ๋ ๊ณ์ , ํน๋ณํ ๋ , ํน์ ํน์ ์ฃผ์ ์ ๋ง์ถฐ ๋ค์ํ ์ด๋ฒคํธ๋ฅผ ์ฃผ์ตํฉ๋๋ค. 2023๋ 10์์๋ ์์ธ๋ ์๋๋๋ค. ํนํ 10์์ ํผ๋ฌ์์ด ์๋ ๋ฌ์ด๊ธฐ ๋๋ฌธ์, ๊ณ ์คํธ์ ์ ํ์ ํฌ์ผ๋ชฌ์ด ๋ ์ด๋์ ์ด๋ฒคํธ์์ ์์ฃผ ๋ฑ์ฅํ๊ฒ ๋ฉ๋๋ค. ์ด๋ฒ ๊ธ์์๋ 2023๋ 10์์ ํฌ์ผ๋ชฌ๊ณ ์ด๋ฒคํธ ์ผ์ ์ ์์ธํ๊ฒ ์ ๋ฆฌํด ๋ณด๊ฒ ์ต๋๋ค. ์คํฌํธ๋ผ์ดํธ ์์ 10์ 3์ผ (ํ์์ผ): ํฌ์ผ๋ชฌ(์ผ๋), ๋ณด๋์ค(๋ฐ์ฌ ์ฌํ 2๋ฐฐ) 10์ 10์ผ (ํ์์ผ): ํฌ์ผ๋ชฌ(๋ฒ์ฏ๊ผฌ), ๋ณด๋์ค(์งํ ๊ฒฝํ์น 2๋ฐฐ) 10์ 17์ผ (ํ์์ผ): ํฌ์ผ๋ชฌ(ํธ๋ฐ๊ท), ๋ณด๋์ค(ํฌํ ์ ๋ณ์ ๋ชจ๋ 2๋ฐฐ) 10์ 24์ผ (ํ์์ผ): ํฌ์ผ๋ชฌ(๋๋ชฉ๋ น), ๋ณด๋์ค(ํฌํ ์ ๊ฒฝํ์น 2๋ฐฐ) 10์ 31์ผ (ํ์์ผ).. 2023. 10. 6. ์ธ๋ค์ผ ์ด๋ฏธ์ง ๋น์จ ์ ์ง ์์ญ์ ๊ฝ ์ฐจ๊ฒ ์ด๋ฏธ์ง ์๋ฅด๊ธฐ ํ ํ ๊ฐ์ด๋ฐ ์ ๋ ฌ CSS ๋ฐ jquery ๊ฐ๋ก์ธ๋ก ๋น์จ โ ์ธ๋ค์ผ ์ด๋ฏธ์ง ๋น์จ ์ ์ง ์์ญ์ ๊ฝ ์ฐจ๊ฒ ์ด๋ฏธ์ง ์๋ฅด๊ธฐ ํ ํ ๊ฐ์ด๋ฐ ์ ๋ ฌ CSS ๋ฐ jQuery ๊ฐ๋ก์ธ๋ก ๋น์จ ์น์ฌ์ดํธ๋ ์ ํ๋ฆฌ์ผ์ด์ ์ ์ ์ํ๋ฉด์ ์ด๋ฏธ์ง์ ๋น์จ์ด๋ ํฌ๊ธฐ๋ฅผ ๋ง์ถ๋ ๊ฒ์ ์ค์ํ ์์ ์ค ํ๋์ ๋๋ค. ํนํ, ์ธ๋ค์ผ์ด๋ ๋ํ ์ด๋ฏธ์ง์ ๊ฐ์ ๊ณ ์ ๋ ์์ญ์ ๋ค์ํ ํฌ๊ธฐ์ ๋น์จ์ ์ด๋ฏธ์ง๋ฅผ ํ์ํด์ผ ํ ๋, ๊ทธ ์ด๋ฏธ์ง๋ฅผ ์์ญ์ ๊ฝ ์ฐจ๊ฒ ๋ณด์ฌ์ฃผ๋ฉด์๋ ๋์น๋ ๋ถ๋ถ์ ์๋ผ๋ด์ผ ํ ํ์๊ฐ ์์ต๋๋ค. ์ด๋ฏธ์ง์ ๊ฐ๋ก์ ์ธ๋ก ๋น์จ์ ๊ณ ์ ๋ ์์ญ์ ๋ง์ถ๋ ค๋ฉด, ์๋ฒ์์ ์ด๋ฏธ์ง๋ฅผ ์๋ผ๋ด๊ฑฐ๋ ๋ฆฌ์ฌ์ด์งํ๋ ๋ฐฉ๋ฒ์ด ์์ต๋๋ค. ํ์ง๋ง ์ด ๋ฐฉ๋ฒ์ ์๋ณธ ์ด๋ฏธ์ง์ ํ์ง์ ์์์ํฌ ์ ์๊ธฐ ๋๋ฌธ์, CSS๋ jQuery๋ฅผ ํ์ฉํ์ฌ ์๋ณธ ์ด๋ฏธ์ง๋ฅผ ๊ทธ๋๋ก ์ ์งํ๋ฉด์๋ ์ํ๋ ๋น์จ์ ๋ง๊ฒ ๋ณด์ฌ์ฃผ๋ ๋ฐฉ๋ฒ์ ์ฐพ์์ผ ํฉ๋๋ค. CSS๋ฅผ ํ.. 2023. 10. 6. Jquery ์ค์์ดํผ ์ฌ๋ผ์ด๋ ํ๋ฌ๊ทธ์ธ idangerous.swiper.js pagination ์คํ์ผ ๋ณ๊ฒฝํ๊ธฐ Jquery ์ค์์ดํผ ์ฌ๋ผ์ด๋ ํ๋ฌ๊ทธ์ธ idangerous.swiper.js pagination ์คํ์ผ ๋ณ๊ฒฝํ๊ธฐ ์๋ก ๋ชจ๋ฐ์ผ ์น ๊ฐ๋ฐ์์ ์ฌ๋ผ์ด๋ ๊ธฐ๋ฅ์ ๋งค์ฐ ์ค์ํฉ๋๋ค. idangerous.swiper.js ํ๋ฌ๊ทธ์ธ์ ๋ชจ๋ฐ์ผ์์ ํฐ์น ์ ์ค์ฒ๋ฅผ ํ์ฉํ์ฌ ์ฌ๋ผ์ด๋๋ฅผ ํธ๋ฆฌํ๊ฒ ๊ตฌํํ ์ ์๋ ํ๋ฅญํ ๋๊ตฌ ์ค ํ๋์ ๋๋ค. ๊ทธ๋ฌ๋ ์ด ํ๋ฌ๊ทธ์ธ์ ํ์ด์ง ๊ธฐ๋ฅ์ ์ซ์๋ ๋ถ๋ฆฟ ํํ๋ก๋ง ์ ๊ณต๋์ด, ํ ์คํธ ๋ฌธ์ฅ์ผ๋ก ํ์ด์ง๋ค์ด์ ์ ํํํ๊ธฐ ์ด๋ ต์ต๋๋ค. ์ด์ ๋์ํ๊ธฐ ์ํด ํ ์คํธ ๋ฌธ์ฅ์ ํ์ด์ง ์ฒ๋ฆฌํ๋ ๊ผผ์๋ฅผ ์ฌ์ฉํ๋ ค ํ์ผ๋ฉฐ, ์ฒ์์๋ ๋๋ต 6~8๊ฐ์ ํ์ด์ง๋ฅผ ํ์ํ๋๋ก ์ค์ ํ์์ต๋๋ค. ๊ทธ๋ฌ๋ ๋์์ด๋์ ์์ฒญ์ผ๋ก 10๊ฐ์ ํ์ด์ง๊ฐ ๋ฑ๋ก๋์์ ๋ ์ด๋ฐ 6๊ฐ๋ง ๋ณด์ด๊ณ , ๋๋จธ์ง๋ ๋ค์ ํ์ด์ง์์ ๋ณด์ด๋๋ก ์ฒ๋ฆฌํด์ผ ํ์ต๋๋ค. ์ด๋ฌ.. 2023. 9. 7. jquery .sort() ํจ์๋ฅผ ํ์ฉํ ์์ ์ด๋๊ณผ ์ ๋ ฌ jquery .sort() ํจ์๋ฅผ ํ์ฉํ ์์ ์ด๋๊ณผ ์ ๋ ฌ ์๊ฐ ์ด๋ฒ ํฌ์คํ ์์๋ jQuery์ .sort() ํจ์๋ฅผ ํ์ฉํ์ฌ ์์๋ฅผ ์ด๋ํ๋ฉด์ ์ ๋ ฌํ๋ ๋ฐฉ๋ฒ์ ๋ํด ์์๋ณด๊ฒ ์ต๋๋ค. ํนํ, ๋ถ์๋ ํธ๋ฆฌ ๊ตฌ์กฐ์ ๋ชฉ๋ก์์ ํน์ ์์๋ฅผ ์ ํํ์ฌ ๋ค๋ฅธ ๋ชฉ๋ก์ผ๋ก ์ด๋ํ ํ, ํด๋น ๋ชฉ๋ก์ ์ ๋ ฌํ๋ ๋ฐฉ๋ฒ์ ๋ํด ๋ค๋ฃฐ ๊ฒ์ ๋๋ค. ์ํฉ ์ค์ ๊ฐ์ ํด๋ด ์๋ค. ์ฌ๋ฌ ๋ถ์๋ฅผ ๋ํ๋ด๋ ๋ชฉ๋ก์ด ์๊ณ , ์ฐ๋ฆฌ๋ ์ฌ์ฉ์๊ฐ ์ ํํ ๋ถ์๋ฅผ ๋ค๋ฅธ ๋ชฉ๋ก์ผ๋ก ์ด๋์ํจ ํ, ๊ทธ ๋ชฉ๋ก์ ์์๋๋ก ์ ๋ ฌํ๊ณ ์ ํฉ๋๋ค. ์๋ฅผ ๋ค์ด, '๋์งํธ ๋ฏธ๋์ด' ํ๋ค์ ๋ชฉ๋ก์ ๊ฐ์ง๊ณ ์๋ค๊ณ ๊ฐ์ ํด๋ณด๊ฒ ์ต๋๋ค. ๋จผ์ ๋ณต์ฌ ์ด๋์ ํด๋ฆญ ์ด๋ฒคํธ ๋ฐ์๊ณผ ๋์์ .appendTo() ํจ์๋ก ์ด๋๋๋ค. ์ด ์์์์๋ jQuery์ .sort() ํจ์๋ฅผ ํ์ฉํ์ฌ ๋ถ์ ์ด๋๊ณผ ์ํธ.. 2023. 9. 1. ์์ ์ํฌ์ํธ ๋ณดํธ ํด์ ์์ ์ํฌ์ํธ ๋ณดํธ ํด์ ๋ณด์ ๊ฐํ๋ฅผ ํตํ ์ค์ํ ๋ฐ์ดํฐ์ ์์ ํ ๊ด๋ฆฌ ์๋ก Microsoft Excel์ ์ค์ํ ๋ฐ์ดํฐ์ ์ ๋ณด๋ฅผ ๊ด๋ฆฌํ๋ ๋ฐ ๋๋ฆฌ ์ฌ์ฉ๋๊ณ ์์ต๋๋ค. ๊ทธ๋ฌ๋ ์ด๋ฌํ ๋ฐ์ดํฐ๊ฐ ๋ฌด๋จ์ผ๋ก ์์ ๋๋ ๊ฒ์ ๋ฐฉ์งํ๋ ค๋ฉด ์ํฌ์ํธ ์์ค์์ ๋ณด์์ ๊ฐํํ ํ์๊ฐ ์์ต๋๋ค. ์ด ๋ธ๋ก๊ทธ ํฌ์คํธ์์๋ ์ํฌ์ํธ ๋ณดํธ ์ค์ ๊ณผ ํด์ ์ ๋ํ ๋จ๊ณ๋ณ ์๋ด๋ฅผ ์ ๊ณตํ๊ฒ ์ต๋๋ค. ๋ฐ์ดํฐ์ ์์ ํ ๊ด๋ฆฌ๋ฅผ ์ํ ํ์์ ์ธ ๋ด์ฉ๋ค์ ์ดํด๋ณด๋๋ก ํ๊ฒ ์ต๋๋ค. ์ํฌ์ํธ ๋ณดํธ ์ค์ ํ๊ธฐ ์ค์ํ ๋ฐ์ดํฐ์ ๋ฌด๋จ ์์ ์ ๋ฐฉ์งํ๊ธฐ ์ํด ์ํฌ์ํธ ์์ค์์ ํน์ ๋ถ๋ถ์ ๋ํ ํธ์ง ๊ถํ์ ์ ํํ ์ ์์ต๋๋ค. ์๋์ ๋จ๊ณ๋ฅผ ๋ฐ๋ผ ์งํํด๋ณด์ธ์. Excel ํ์ผ์ ์ด๊ณ ๋ณดํธํ ์ํฌ์ํธ ํญ์ ์ ํํฉ๋๋ค. ๋ค๋ฅธ ์ฌ์ฉ์๊ฐ ํธ์ง ๊ฐ๋ฅํ ์ ์ ์ ํํฉ๋๋ค. ํ์ํ .. 2023. 8. 31. vscode scss compiler sass ์ฌ์ฉํ๋๋ฒ .mapํ์ผ์ด ์์ฑ๋์ง ์๊ฒ ์ค์ vscode scss compiler VSCode์์ SCSS ์ปดํ์ผ ๋ฐ .map ํ์ผ ์์ฑ ๋ฐฉ์ง ์ค์ ๋ถ์ : ๊ฐํธํ๊ฒ SCSS๋ฅผ ์ปดํ์ผํ๊ณ .map ํ์ผ์ ์์ฑํ์ง ์๋ ๋ฐฉ๋ฒ ์๋ ํ์ธ์, ์ฌ๋ฌ๋ถ! ์ด๋ฒ ํฌ์คํ ์์๋ Visual Studio Code(VSCode)์์ SCSS(Sassy CSS)๋ฅผ ๊ฐํธํ๊ฒ ์ปดํ์ผํ๊ณ , ๋ถํ์ํ .map ํ์ผ ์์ฑ์ ๋ฐฉ์งํ๋ ๋ฐฉ๋ฒ์ ๋ํด ์์๋ณด๊ฒ ์ต๋๋ค. ์ฝ๋ ์์ฑ ํ๊ฒฝ์ ๋์ฑ ํจ์จ์ ์ผ๋ก ๋ง๋ค์ด๋ณด์ธ์. ํ์ํ ํ์ฅ(extension) ๋ค์๊ณผ ๊ฐ์ ํ์ฅ ํ๋ก๊ทธ๋จ์ ์ค์นํ๋ฉด SCSS ์ปดํ์ผ ๋ฐ .map ํ์ผ ๊ด๋ฆฌ๊ฐ ํจ์ฌ ๊ฐํธํด์ง๋๋ค. Sass Sass Lint Live Sass Compiler Live Server ์ด์ ์ค๋น๊ฐ ๋์ จ๋ค๋ฉด, ์์ํด๋ด ์๋ค! SCSS ํ์ผ ์ปดํ์ผํ๊ธฐ .. 2023. 8. 30. ์ด์ 1 ยทยทยท 13 14 15 16 17 18 19 ยทยทยท 38 ๋ค์