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

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

jQuery selectorํ•จ์ˆ˜ slice() - start, end ๊นŒ์ง€ index ์š”์†Œ ์„ ํƒ between ๐Ÿ“ŒjQuery selectorํ•จ์ˆ˜ slice() - start, end ๊นŒ์ง€ index ์š”์†Œ ์„ ํƒ between 1๋ฒˆ๋ถ€ํ„ฐ 10๋ฒˆ๊นŒ์ง€ ํ˜•์ œ ์š”์†Œ๋“ค์ด ์žˆ์„ ๋•Œ ์ด ์ค‘์—์„œ 2๋ฒˆ๋ถ€ํ„ฐ 5๋ฒˆ๊นŒ์ง€๋งŒ ์„ ํƒํ•ด์„œ jquery๋กœ ๋™์ž‘์„ ์‹œํ‚ค๊ณ  ์‹ถ์„ ๋•Œ๊ฐ€ ์žˆ๋‹ค. ์ด๋Ÿด ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ํ•จ์ˆ˜๊ฐ€ ๋ฐ”๋กœ jquery slice()ํ•จ์ˆ˜๋‹ค. ์‚ฌ์šฉ๋ฐฉ๋ฒ•์€ ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค. $('selector').slice(2,5).addClass('newClass'); ์ด์™€ ๊ฐ™์ด ์‹คํ–‰ํ•˜๋ฉด, ์„ ํƒ๋œ ์š”์†Œ๋“ค์—์„œ eq(2),eq(3),eq(4),eq(5) ๊ฐ€ ์„ ํƒ๋˜์–ด์„œ addClassํ•จ์ˆ˜์— ์˜ํ•ด 'newClass'๋ผ๋Š” ํด๋ž˜์Šค๋ช…์ด ๋ถ€์—ฌ๋œ๋‹ค. 2019. 6. 24.
๐Ÿ“Œ CSS ๋ง์ค„์ž„ : text-overflow:ellipsis; white-space:nowrap; overflow:hidden; ๊ธ€์ž๋ฅด๊ธฐ width:auto. ์ œ๋ชฉ์ด ๊ธธ ๊ฒฝ์šฐ ...๋กœ ํ‘œ์‹œ ๊ฒŒ์‹œํŒ์„ ๊ฐœ๋ฐœํ•  ๋•Œ ๊ท€์ฐฎ์€ ์ž‘์—…์ค‘์˜ ํ•˜๋‚˜๊ฐ€ ์ œ๋ชฉ์„ ๋ฆฌ์ŠคํŠธ ํญ์— ๋งž์ถฐ์„œ ๋ง์„ ์ค„์ด๋Š” ๊ฒƒ์ด๋‹ค. ์„œ๋ฒ„ ๋‹จ์—์„œ ๋ฏธ๋ฆฌ ๊ธธ์ด๋ฅผ ๊ณ„์‚ฐํ•ด์„œ ์ถœ๋ ฅํ•  ์ˆ˜๋„ ์žˆ์ง€๋งŒ, ์‚ฌ์ดํŠธ ํŠน์„ฑ์ƒ ๊ฒŒ์‹œํŒ์˜ ์ข…๋ฅ˜๊ฐ€ ๋‹ค์–‘ํ•˜๋‹ค๊ฑฐ๋‚˜ ํ•˜๋ฉด, ์€๊ทผํžˆ ๊ท€์ฐฎ์€ ์••๋ฐ•์œผ๋กœ ๋‹ค๊ฐ€์˜ค๊ฒŒ ๋œ๋‹ค. ์ด๋Ÿด๋•Œ ์œ ์šฉํ•œ ๊ฒƒ์ดtext-overflow:ellipsis; white-space:nowrap; overflow:hidden; ์กฐํ•ฉ์ด๋‹ค. ์ด๊ฑธ ์“ฐ๋ฉด ๊ธˆํ˜ธ๋ฆฌ์กฐํŠธ 1์›” ํ–‰์‚ฌ ์•ˆ๋‚ด - ์ถ”๊ฐ€ํ• ์ธ ํ˜œํƒ๊ธˆํ˜ธ๋ฆฌ์กฐํŠธ 1์›” ํ–‰์‚ฌ ์•ˆ๋‚ด -์ถ”๊ฐ€ํ• ์ธ ํ˜œํƒ๊ธˆํ˜ธ๋ฆฌ์กฐํŠธ 1์›” ํ–‰์‚ฌ ์•ˆ๋‚ด - ์ถ”๊ฐ€ํ• ์ธ ํ˜œํƒ๊ธˆํ˜ธ๋ฆฌ์กฐํŠธ 1์›” ํ–‰์‚ฌ ์•ˆ๋‚ด - ์ถ”๊ฐ€ํ• ์ธ ํ˜œํƒ ์ด๋ ‡๋˜ ๋…€์„์ด ์ด๋ ‡๊ฒŒ ๋ฐ”๋€๋‹ค. ์†Œ์Šค์—์„œ ๋ณผ๋“œ์ฒ˜๋ฆฌ ํ•ด๋‘” ๋ถ€๋ถ„์ด ์ค‘์š”ํ•œ ๋ถ€๋ถ„์ธ๋ฐ, vf_360์„ id๋กœ ์Šคํƒ€์ผ์„ ์ ์šฉํ•˜๊ฒŒ ํ–ˆ๊ณ , width:auto; ์†์„ฑ์„ ๋ถ€.. 2019. 6. 22.
๐Ÿ“Œ ๋ฐ์Šคํฌํƒ‘ ํด๋” ์•„์ด์ฝ˜ ๋ณ€๊ฒฝํ•˜๋Š” ๋ฐฉ๋ฒ• / icon ๋ฐ”๊พธ๊ธฐ ๋ฐ์Šคํฌํƒ‘ ํด๋” ์•„์ด์ฝ˜ ๋ณ€๊ฒฝํ•˜๋Š” ๋ฐฉ๋ฒ• / icon ๋ฐ”๊พธ๊ธฐ ์™ธ์žฅํ•˜๋“œ์˜ ์•„์ด์ฝ˜์„ ๋ณ€๊ฒฝํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ํฌ์ŠคํŒ… ํ•˜๋‹ค ๋ณด๋‹ˆ ๋‚ด์นœ๊น€์— ํด๋” ๋ณ„๋กœ ์•„์ด์ฝ˜์„ ๋ณ€๊ฒฝํ•˜๋Š” ๋ฐฉ๋ฒ•๋„ ์˜ฌ๋ ค์•ผ๊ฒ ๋‹ค ์ƒ๊ฐ๋˜์–ด์„œ ํฌ์ŠคํŒ…ํ•ด ๋ณธ๋‹ค. ์ด๊ฑด ํ›จ์”ฌ ๋” ์‰ฝ๋‹ค. ์›๋ž˜ ์œˆ๋„์šฐ์—์„œ ์ œ๊ณตํ•˜๋Š” ๊ธฐ๋Šฅ์ด๋‹ˆ๊นŒ ๋ฉ”๋‰ด์— ์žˆ๋Š” ๊ธฐ๋Šฅ์ด๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. ์‹ฌ์ง€์–ด ๊ธฐ๋ณธ์ ์ธ ์•„์ด์ฝ˜๋“ค๋„ ์ œ๊ณต๋œ๋‹ค. ํ•˜์ง€๋งŒ ๋ณธ์ธ๋งŒ์˜ ๋…ํŠนํ•œ ์•„์ด์ฝ˜์„ ๋„ฃ๊ณ  ์‹ถ๋‹ค๋ฉด ๋‹น์—ฐํžˆ ์•„์ด์ฝ˜ ํŒŒ์ผ๋ถ€ํ„ฐ ๋งŒ๋“ค์–ด์•ผ ํ•  ๊ฒƒ์ด๋‹ค. ์•„์ด์ฝ˜ ํŒŒ์ผ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•์€ ๋‹ค์Œ์˜ ๋งํฌ์—์„œ ์ฐธ์กฐํ•˜๋„๋ก ํ•˜์ž. ์ผ๋‹จ icoํŒŒ์ผ์ด ์ค€๋น„๋˜์—ˆ๋‹ค๋ฉด, ์•„์ด์ฝ˜ ๋ณ€๊ฒฝ์„ ์›ํ•˜๋Š” ํด๋”์—์„œ ๋งˆ์šฐ์Šค ์˜ค๋ฅธ์ชฝ ๋ฒ„ํŠผ์„ ํด๋ฆญํ•ด์„œ ์†์„ฑ์„ ์—ด๊ณ , "์‚ฌ์šฉ์ž์ง€์ •"ํƒญ์„ ์—ด๋ฉด "์•„์ด์ฝ˜๋ณ€๊ฒฝ"๋ฉ”๋‰ด๊ฐ€ ๋ณด์ธ๋‹ค. ํด๋ฆญํ•ด์„œ ์•„์ด์ฝ˜ ํŒŒ์ผ์„ ์ฐพ์•„์„œ ์ ์šฉํ•ด์ฃผ๋ฉด ๋! ์ดํ•ด๊ฐ€ ์•ˆ ๋˜๋Š” ์‚ฌ๋žŒ๋“ค์„ ์œ„ํ•ด์„œ ๋™์˜์ƒ.. 2019. 6. 21.
๐Ÿ“Œ ํฌ์ผ“๋ชฌ๊ณ  5/30~6/12 ๋‘ฅ์ง€ ์ •๋ณด ๋กฑ์Šคํ†ค ์ฝ”์ผ ๊ณ ์˜ค์Šค ์ธ์ฒœ ์„œ์šธ ํฌ์ผ“๋ชฌ๊ณ  5/30~6/12 ๋‘ฅ์ง€ ์ •๋ณด ๋กฑ์Šคํ†ค ์ฝ”์ผ ๊ณ ์˜ค์Šค ์ธ์ฒœ๋‘ฅ์ง€ ๊ด€๋ฌธ์ฒด์œก๊ณต์› : ์ฌ๋”๋ผ์ด ๊ฒฝ๋ณต๊ถ : ์ฝ”์ผ ๋‚จ์‚ฐ : ๊นœ์ง€๊ณฐ/์ผ€์ด์‹œ ๋…ธ๋Ÿ‰์ง„๊ทผ๋ฆฐ๊ณต์› : ๋กฑ์Šคํ†ค ๋„๋ฆผ์ฒœ : ๋‹จ๋‹จ์ง€ ๋•์ˆ˜๊ถ : ์™•์ž๋ฆฌ ๋“ฑ๋‚˜๋ฌด๊ทผ๋ฆฐ๊ณต์› : ์‚์‚ ๋š์„ฌ : ํฌ์ฑ ๋‚˜ ๋š์„ฌํ•œ๊ฐ•๊ณต์› : ๋‘”ํƒ€ ๋ชฝ๋งˆ๋ฅดํŠธ๊ณต์› : ๋…ธ๊ณ ์น˜ ๋ฐ˜ํฌํ•œ๊ฐ•๊ณต์› : ์ด๋ธŒ์ด ๋ถ€์ฒœ๋‚จ๋ถ€์ƒํƒœ๊ณต์› : ์•Œํ†ต๋ชฌ ๋ถ์„œ์šธ๊ฟˆ์˜์ˆฒ : ํŒฝ๋„๋ฆฌ ์‚ฌ์œก์‹ ๊ณต์› : ์—๋ ˆ๋ธŒ ์ƒ์•”๊ฐ€์˜จ๊ณต์› : ๋ธŒ์ผ€์ธ(์†Œ) ์ƒ์•”๊ตฌ๋ฃก๊ณต์› : ํ”Œ๋Ÿฌ์‹œ(์†Œ) ์„œ์„œ์šธํ˜ธ์ˆ˜๊ณต์› : ๊ณ ๋ž˜์™•์ž ์„œ๋Œ€๋ฌธ๋…๋ฆฝ๊ณต์› : ๋ฆด๋ง ์„œ์šธ์ˆฒ : ํฌ์ฑ ๋‚˜ ์„œ์ดˆ๋ฌธํ™”์˜ˆ์ˆ ๊ณต์› : ์Šค๋ผํฌ(๋”์ผ€์ดํ˜ธํ…” ๋’ค) ์„์ดŒํ˜ธ์ˆ˜ : ๋ฃจ์ฃผ๋ผ ์„ ์œ ๋„ : ๋ฃจ์ฃผ๋ผ ์„ฑ์ดŒ๊ณต์› : ๋‹จ๋‹จ์ง€ ์†”๋ฐญ๊ณต์› : ํŒŒ์ด๋ฆฌ ์‹ ๋„๋ฆผํ‘ธ๋ฅด์ง€์˜ค : ๊ฐ€์žฌ๊ตฐ(์†Œ) ์‹ ๋ผํ˜ธํ…”์กฐ๊ฐ๊ณต์› : ๋กฑ์Šคํ†ค ์–‘์žฌ๊ทผ๋ฆฐ๊ณต์› : ์ฅฌ์ฅฌ(์–ธ๋‚จ๊ณ  ๊ทผ์ฒ˜) ์–‘ํ™”.. 2019. 6. 6.
๐Ÿ“Œ5์›” 6์›” ํฌ์ผ“๋ชฌ๊ณ  ์ด๋ฒคํŠธ ํ˜„ํ™ฉ ์ด๋กœ์น˜ ๋™๋ฏธ๋Ÿฌ, ๋ผํ”„๋ผ์Šค, ๊ฐ€์ด์˜ค๊ฐ€, ํฌ๋ ˆ์„ธ๋ฆฌ์•„, ๊ทธ๋ž€๋ˆ 6์›”8์ผ ์ปค๋ฎค๋‹ˆํ‹ฐ ๋ฐ์ด ๊ฒŒ์„๋กœ 5์›” 1์ผ~6์›” 30์ผ ํ•„๋“œ ๋ฆฌ์„œ์น˜ ๋Œ€๋ฐœ๊ฒฌ ๋ณด์ƒ ํฌ์ผ“๋ชฌ - ๋ฃจ๊ธฐ์•„, ์น ์ƒ‰์กฐ, ๋ผํ‹ฐ์•„์Šค, ๋ผํ‹ฐ์˜ค์Šค 5์›” 3์ผ~5์›” 27์ผ 5์„ฑ ๋ ˆ์ด๋“œ ๋ณด์ƒ ์ „์„ค์˜ ํฌ์ผ“๋ชฌ - ์œ ํฌ์‹œ (์ด๋ฒคํŠธ ์ดํ›„์—๋„ ์ถœํ˜„ ์˜ˆ์ •) 5์›” 22~ 5์›”28์ผ ๋ ˆ์ด๋“œ ์œ„ํฌ - ์ด๋กœ์น˜ ๋™๋ฏธ๋Ÿฌ, ๋ ˆ์ด๋“œ ๋ฐฐํ‹€ ๋ณ„์˜ ๋ชจ๋ž˜ 2๋ฐฐ, XP2๋ฐฐ 1์„ฑ : ์•Œํ†ต๋ชฌ, ๊ฒŒ์„๋กœ, ๊ผฌ๋งํฌ, ๋™๋ฏธ๋Ÿฌ. 2์„ฑ : ๋ฌด์šฐ๋งˆ, ํ‚ฌ๋ฆฌ์•„, ์ง„์ฃผ๋ชฝ, ์ž…์น˜ํŠธ, ๋นˆํ‹ฐ๋‚˜, ๋น„๋ฒ„ํ†ต 3์„ฑ : ๋ผ์ด์ธ„(์•Œ๋กœ๋ผ), ๋Ÿญํ‚ค, ์Šค๋ผํฌ, ํ”„ํ…Œ๋ผ, ํ”Œ๋กœ์ ค 4์„ฑ : ์•Œ๋กœ๋ผ ํ……๊ตฌ๋ฆฌ, ๋ง๋‚˜๋‡ฝ, ๋งˆ๊ธฐ๋ผ์Šค, ์•ฑ์†”, ๋ฉ”ํƒ€ ๊ทธ๋ผ์Šค 5์›” 26์ผ 11์‹œ~2์‹œ ์ด๋กœ์น˜ ๋ผํ”„๋ผ์Šค, ์‹œ๊ฐ„ ๋‚ด ๋ฌด๋ฃŒ ๋ ˆ์ด๋“œ ์ตœ๋Œ€ 5๊ฐœ ์ง€๊ธ‰ 6์›” 8์ผ ์ปค๋ฎค๋‹ˆํ‹ฐ ๋ฐ์ด - ์ด๋กœ์น˜ ๊ฒŒ์„๋กœ, ๋ฃจ์–ด ๋ชจ๋“ˆ 3์‹œ๊ฐ„ ์ง€์†, ์•Œ ๋ถ€ํ™” ํ•„์š” ๊ฑฐ๋ฆฌ 1/4, 19์‹œ๊นŒ์ง€ ๊ฒŒ์„ํ‚น.. 2019. 5. 24.
ํŒจ์ŠคํŠธ๋ถ€ํŠธ ๋ฐ˜์‘ํ˜• ์›น ํ‹ฐ์Šคํ† ๋ฆฌ ์Šคํ‚จ ์ƒ๋‹จ์— ๋ฐฐ๋„ˆ๋‹ฌ๊ธฐ. ๋ฏธ๋””์–ด ์ฟผ๋ฆฌ โœˆ ํ”„๋กœ๊ทธ๋ž˜๋จธ๋“ค์ด ์‹ซ์–ดํ•˜๋Š” ์–ธ์–ด ์ œ ๋™์ƒ ๋ธ”๋กœ๊ทธ์— ํŒจ์ŠคํŠธ๋ถ€ํŠธ ๋ฐ˜์‘ํ˜• ์›น์Šคํ‚จ์„ ์ ์šฉํ•ด ์ฃผ์—ˆ๋Š”๋ฐ์š”. ๋ฐ˜์‘ํ˜• ์Šคํ‚จ์ƒ์—์„œ ๋ธ”๋กœ๊ทธ ์ตœ์ƒ๋‹จ์˜ ๋ธ”๋กœ๊ทธ ์ด๋ฆ„ ์˜†์— ๋ฐฐ๋„ˆ๋ฅผ ๋‹ค๋Š” ๋ฒ•์— ๋Œ€ํ•ด ๊ถ๊ธˆํ•ดํ•˜์‹œ๋Š” ๋ถ„์ด ๋Œ“๊ธ€๋กœ ์งˆ๋ฌธํ•ด ์ฃผ์…จ์–ด์š”. ์›นํผ๋ธ”๋ฆฌ์…”๋กœ ์ผํ•˜๋Š” ์ €๋กœ์„œ๋Š” ๊ทธ๋ƒฅ ๊ฐ„๋‹จํ•œ ์ž‘์—…์ด์—ˆ๋Š”๋ฐ, ์•„๋ฌด๋ž˜๋„ ์ผ๋ฐ˜์ธ ๋ถ„๋“ค์€ CSS๊ฐœ๋…์ด๋ผ๋“ ์ง€, ๋ฐ˜์‘ํ˜• ๋ฏธ๋””์–ด ์ฟผ๋ฆฌ์— ๋Œ€ํ•ด ์ž˜ ๋ชจ๋ฅด์‹œ๋‹ˆ๊นŒ ์–ด๋ ต๊ฒŒ ๋Š๊ปด์ง€์‹ค ๊ฒƒ ๊ฐ™๊ธด ํ•˜๋„ค์š”. ๋ชจ๋“  ๋ฐ˜์‘ํ˜• ์›น ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ ์Šคํ‚จ์ด ๋˜‘๊ฐ™์€ ๊ตฌ์กฐ๊ฐ€ ์•„๋‹ˆ๋ผ์„œ ๋‹จ์ •์ ์ธ ๋ฐฉ๋ฒ•์„ ์„ค๋ช…ํ•ด ๋“œ๋ฆด ์ˆ˜๋Š” ์—†๋„ค์š”. ์ผ๋‹จ์€ ์ œ๊ฐ€ ์ฃผ๋กœ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋Š” ํŒจ์ŠคํŠธ๋ถ€ํŠธ ๋ฐ˜์‘ํ˜• ์›น ํ‹ฐ์Šคํ† ๋ฆฌ ์Šคํ‚จ ๋ฒ„์ „ 1.6.1์„ ๊ธฐ์ค€์œผ๋กœ ํ•ด์„œ ์„ค๋ช…์„ ๋“œ๋ฆด๊ฒŒ์š”. ๊ทธ์ „์— ์ผ๋‹จ ์ค‘์š”ํ•œ ํ•ต์‹ฌ์— ๋Œ€ํ•ด์„œ ์–˜๊ธฐํ•˜์ฃ . ์ด ๋ถ€๋ถ„์€ ํŒจ์ŠคํŠธ๋ถ€ํŠธ ์Šคํ‚จ์ด ์•„๋‹ˆ๋”๋ผ๋„ ๋ฐ˜์‘ํ˜• ์›น์ด๋ผ๋ฉด ๊ณ ๋ คํ•ด์•ผ ํ•  ์‚ฌํ•ญ์ž…๋‹ˆ๋‹ค. ์ผ๋‹จ ๋ฐ˜.. 2019. 5. 24.