extra.js

Download
javascript 23 lines 743 B 
 1/**
 2 * μΆ”κ°€ 컨텐츠 μ»΄ν¬λ„ŒνŠΈ
 3 * 동적 μž„ν¬νŠΈ (Code Splitting) 예제
 4 */
 5
 6export function loadExtraContent(container) {
 7    const extraContent = document.createElement('div');
 8    extraContent.className = 'extra-content';
 9    extraContent.innerHTML = `
10        <h3>μΆ”κ°€ 컨텐츠</h3>
11        <p>이 μ»¨ν…μΈ λŠ” λ™μ μœΌλ‘œ λ‘œλ“œλ˜μ—ˆμŠ΅λ‹ˆλ‹€!</p>
12        <p>λ³„λ„μ˜ 청크(chunk)둜 λΆ„λ¦¬λ˜μ–΄ ν•„μš”ν•  λ•Œλ§Œ λ‘œλ“œλ©λ‹ˆλ‹€.</p>
13        <ul>
14            <li>초기 λ‘œλ“œ μ‹œκ°„ 단좕</li>
15            <li>ν•„μš”ν•œ μ½”λ“œλ§Œ λ‘œλ“œ</li>
16            <li>μΊμ‹œ νš¨μœ¨μ„± ν–₯상</li>
17        </ul>
18    `;
19    container.appendChild(extraContent);
20
21    console.log('βœ… μΆ”κ°€ 컨텐츠가 λ‘œλ“œλ˜μ—ˆμŠ΅λ‹ˆλ‹€!');
22}