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

๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ168

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.
linux killall node command use in windows taskkill /f /im node.exe Starting inspector on 127.0.0.1:9229 failed: address already in use ์—๋Ÿฌ ํ•ด๊ฒฐ๋ฐฉ๋ฒ• linux killall node command use in windows taskkill /f /im node.exe Starting inspector on 127.0.0.1:9229 failed: address already in use Windows ํ™˜๊ฒฝ์—์„œ VSCode ์‚ฌ์šฉ ์‹œ ๋ฐœ์ƒํ•˜๋Š” "address already in use" ์—๋Ÿฌ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ• ์˜ค๋Š˜์€ Windows ํ™˜๊ฒฝ์—์„œ VSCode๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด์„œ ์ž์ฃผ ๋งˆ์ฃผ์น˜๊ฒŒ ๋˜๋Š” "address already in use" ์—๋Ÿฌ์— ๋Œ€ํ•œ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์„ ์‚ดํŽด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ์ด ์˜ค๋ฅ˜๋Š” ์ข…์ข… 127.0.0.1:9229์™€ ๊ฐ™์€ ์ฃผ์†Œ์—์„œ ๋ฐœ์ƒํ•˜๋Š”๋ฐ, ์ด๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด ๋ช‡ ๊ฐ€์ง€ ๋‹จ๊ณ„๋ฅผ ๋”ฐ๋ผ๊ฐ€๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•: taskkill ๋ช…๋ น์–ด ์‚ฌ์šฉ ์œ ๋‹‰์Šค ๊ณ„์—ด ์‹œ์Šคํ…œ์—์„œ๋Š” ki.. 2023. 8. 29.
์—‘์…€ ํŒŒ์ผ ์•”ํ˜ธ ์„ค์ •๊ณผ ํ•ด์ œ ๋ฐฉ๋ฒ• ์—‘์…€ ํŒŒ์ผ ๋ณด์•ˆ ๊ฐ•ํ™”: ์•”ํ˜ธ ์„ค์ •๊ณผ ํ•ด์ œ ๋ฐฉ๋ฒ• ๋ณด์•ˆ์„ ์œ„ํ•œ ํ•„์ˆ˜ ์กฐ์น˜: ์—‘์…€ ํŒŒ์ผ ๋ฐ ์›Œํฌ์‹œํŠธ์˜ ์•”ํ˜ธ ์„ค์ •๊ณผ ์—‘์…€ ํŒŒ์ผ ์•”ํ˜ธ ํ•ด์ œ ๋ฐฉ๋ฒ• ๋ฐ์ดํ„ฐ๋Š” ํ˜„๋Œ€ ์‚ฌํšŒ์—์„œ ๊ท€์ค‘ํ•œ ์ž์‚ฐ์ž…๋‹ˆ๋‹ค. ๊ธˆ์œต ์ •๋ณด๋ถ€ํ„ฐ ๊ฐœ์ธ ๋ฐ์ดํ„ฐ๊นŒ์ง€, ์šฐ๋ฆฌ๋Š” ๋‹ค์–‘ํ•œ ์ •๋ณด๋ฅผ ์—‘์…€ ํŒŒ์ผ์— ์ €์žฅํ•˜๊ณ  ๊ด€๋ฆฌํ•ฉ๋‹ˆ๋‹ค. ์ด์— ๋”ฐ๋ผ ์—‘์…€ ํŒŒ์ผ์˜ ๋ณด์•ˆ ๊ฐ•ํ™”๋Š” ๋งค์šฐ ์ค‘์š”ํ•œ ๊ณผ์ œ๊ฐ€ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์ด ๋ธ”๋กœ๊ทธ ํฌ์ŠคํŒ…์—์„œ๋Š” ์—‘์…€ ํŒŒ์ผ ๋ฐ ์›Œํฌ์‹œํŠธ์˜ ์•”ํ˜ธ ์„ค์ • ๋ฐ ํ•ด์ œ ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์ž์„ธํžˆ ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ์—‘์…€ ํŒŒ์ผ ์•”ํ˜ธ ์„ค์ •: ๋ณด์•ˆ ๊ฐ•ํ™”์˜ ์ฒซ ๋‹จ๊ณ„ ์—‘์…€ ํŒŒ์ผ์˜ ๋ณด์•ˆ์„ ๊ฐ•ํ™”ํ•˜๊ธฐ ์œ„ํ•ด ๊ฐ€์žฅ ๋จผ์ € ํ•  ์ผ์€ ์•”ํ˜ธ๋ฅผ ์„ค์ •ํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์•„๋ž˜ ๋‹จ๊ณ„๋ฅผ ๋”ฐ๋ผ๊ฐ€๋ฉฐ ์—‘์…€ ํŒŒ์ผ์— ์•”ํ˜ธ๋ฅผ ์„ค์ •ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ณด์„ธ์š”. ํŒŒ์ผ ์—ด๊ธฐ: ์—‘์…€ ํŒŒ์ผ์„ ์—ด์–ด์ฃผ์„ธ์š”. ์ •๋ณด ์ฐพ๊ธฐ: ํŒŒ์ผ ๋ฉ”๋‰ด์—์„œ "์ •๋ณด"๋ฅผ ์„ ํƒ.. 2023. 8. 27.