ํผ์ ๋นํ๊ธฐ ํ๊ธฐ ๋ฌด์์์โฆ
โ๊ณตํญ โ ์์ ์ด๋โ
โ๊ฒฝ์ ํ๊ธฐโ
๋ฌด์์ ํ์ง ๋ง์ธ์! โํญ๊ณต ๋ํ ์ฐพ๊ธฐโ๋ฅผ ํตํด ์ฝ๊ฒ ๊ฐ์ ํญ๊ณต์ ํ ๋ํ์ ๊ตฌํ ์ ์์ด์!
ํจ๊ป ์ด๋ํ ์ ์๊ฒ ๋์์ ๋๋ฆด๊ฒ์ ![](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
์๋ ์นด๋๋ค ์ค ํจ๊ป ํ๊ณ ์ถ์ [ํญ๊ณต๊ถ ์ฌ๋ฌ๊ฐ๊ธฐ] ๋งํฌ๋ฅผ ํด๋ฆญ ํ ์ผ์ ์ ๊ผญ! ํ์ธํ๊ณ ์์ฝ ํด์ฃผ์ธ์!
์์ฝ ์๋ฃ๋์๋ค๋ฉด [ํญ๊ณต๊ถ ์์ฝ ์๋ฃํ์ด์!] ํด๋ฆญ ํ ์ ์ฒญ ํด์ฃผ์ธ์!
ํญ๊ณต๊ถ ์์ฝ์ ๊ฐ๋ณํญ๊ณต ์๋ด ํ์ด์ง๋ฅผ ๊ผญ! ํ์ธ ํ ์์ฝ ํด์ฃผ์ธ์ ![](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
๊ฐ๋ณํญ๊ณต ์๋ด ํ์ด์ง [ํด๋ฆญ] โํด๋ฆญ
์ฃผ์์ฌํญ
1.
๋จํก๋ฐฉ ์คํ์ [ํญ๊ณต๊ถ ์์ฝ ์๋ฃํ์ด์!] ๋งํฌ ์ค๋ฌธ๊น์ง ์๋ฃํ ์๋๋น๋ง ์ด๋๋ฉ๋๋ค.
* ๋จํก๋ฐฉ์ ์ถ๊ตญ ๋น์ผ ๋๋ ์ถ๊ตญ ์ ๋ ์ ์คํ ๋ ์์ ์
๋๋ค.
2.
์ถ๋ฐ ํ์ ์ ๋ฏธ๋ฆฌ ๋ฐ๊ถํ์ ๋ถ๋ค์ ๋ํด์๋ ์ผ์ ์ทจ์ ํน ๋ณ๊ฒฝ ์ ์ฑ
์ ์ง์ง ์์ต๋๋ค.
3.
์คํ๋ก ์ธํด ๋ฐ์ํ ๋ฌธ์ ๋ ๊ฐ์ธ์๊ฒ ์์ต๋๋ค. ์ ์ถ ์ ๊ผญ ํ์ธํด์ฃผ์ธ์!
์คํ ๋๋ ์ ๋ชป ์ ์ฒญํ๋ค๋ฉด ํธ๊ธฐ์ฌ์ผํฐ๋ก ์ฐ๋ฝ ํด์ฃผ์ธ์!
4.
์ ๊ท ๋ฑ๋ก ํญ๊ณต๊ถ ์นด๋๋ ๋งค์ฃผ ํ, ๊ธ์์ผ 18์ ์ดํ ํ์ธ์ด ๊ฐ๋ฅํฉ๋๋ค.
์นด๋ ๋ณด๋ ๋ฐฉ๋ฒ
ย ํ์ฌ, ๋ํ์ ์ฐพ๊ณ ์๋ ์นด๋ ![](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
Table
Search
if (button && container) {
let item1Count = 1;
let item2Count = 1; // ์ด๊ธฐ๊ฐ์ 1๋ก ์ค์
items.forEach((item, index) => {
if (item.textContent.includes("๋จ์")) {
item1Count++;
addItem(container, 1, true);
} else {
item2Count++;
addItem(container, 1, false);
}
});
const itemsInContainer = container.querySelectorAll('.item');
if (itemsInContainer.length > 5) {
for (let i = 5; i < itemsInContainer.length; i++) {
itemsInContainer[i].remove();
}
}
buttonContainers.push({ button, container, count, item1Count, item2Count });
}
}
dataBlockIds.forEach(addButtonContainer);
function addItem(container, count, isItem1) {
const maxItemCount = 5;
const itemCount = Math.min(count, maxItemCount);
for (let i = 0; i < itemCount; i++) {
const item = document.createElement('div');
item.classList.add('item');
if (isItem1) {
item.classList.add('item1');
} else {
item.classList.add('item2');
}
container.appendChild(item);
}
}
function addExcessText(container, count, item1Count, item2Count) {
const maxItemCount = 0;
if (count > maxItemCount) {
const excessCount = count - maxItemCount +1;
container.insertAdjacentHTML('beforeend', `<div class="add-text"><b>. . ${excessCount}๋ช
</b>์ด ํจ๊ปํ๋ ์ค</div>`);
}
}
buttonContainers.forEach(info => {
addExcessText(info.container, info.count, info.item1Count, info.item2Count);
});
function openLink(url) {
window.open(url, '_blank');
}