권프로 AI 비즈니스 허브 특선 포트폴리오

"유튜브 숏츠 대본(스크립트)과 HTML5 캔버스 기반 영상 렌더링을 프론트엔드에서 구현하는 소스코드를 작성해 줘. 주제를 입력하면 GPT 연동을 통해 대본을 생성하고, 배경 영상과 자막 애니메이션이 결합된 MP4를 얻을 수 있도록 만들어 줘."

function drawFrame() {
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    if (appState.currentVideo) {
        const scale = Math.max(canvas.width / appState.currentVideo.videoWidth, canvas.height / appState.currentVideo.videoHeight);
        const x = (canvas.width / 2) - (appState.currentVideo.videoWidth / 2) * scale;
        const y = (canvas.height / 2) - (appState.currentVideo.videoHeight / 2) * scale;
        ctx.drawImage(appState.currentVideo, x, y, appState.currentVideo.videoWidth * scale, appState.currentVideo.videoHeight * scale);
    }
    // 자막 애니메이션
    if (currentSubtitle) {
        ctx.fillStyle = 'white';
        ctx.font = 'bold 48px Pretendard Variable';
        ctx.textAlign = 'center';
        ctx.fillText(currentSubtitle, canvas.width / 2, canvas.height * 0.85);
    }
    requestAnimationFrame(drawFrame);
}

"B2B 도매몰 및 제조사 검색 시스템 UI/UX 페이지를 만들어 줘. 프리미엄 페이지이므로 접근 시 1004 비밀번호를 입력해야만 접속 가능하도록 보안 로직을 바닐라 자바스크립트 세션 스토리지 기반으로 구현하고 보호해 줘."

document.addEventListener("DOMContentLoaded", () => {
    const isVerified = sessionStorage.getItem("b2b_verified");
    if (isVerified !== "true") {
        document.body.style.display = "none";
        const password = prompt("프리미엄 B2B 몰에 접속하기 위한 비밀번호를 입력하세요.");
        if (password === "1004") {
            sessionStorage.setItem("b2b_verified", "true");
            document.body.style.display = "block";
            alert("인증 완료되었습니다. 환영합니다.");
        } else {
            alert("인증 실패: 잘못된 비밀번호입니다.");
            window.location.href = "index.html"; // 메인 홈으로 돌려보냄
        }
    }
});

"블로그 자동 배포 봇 및 인스타그램 댓글 수집기 시뮬레이터 UI를 만들어 줘. 터미널 창(콘솔) 스타일로 구동되며, 검증된 타겟 데이터 추출 등의 작업 내역이 차례대로 스크롤되도록 인터벌 애니메이션 효과를 넣어 줘."

function simulateTerminalOutput(botTaskName) {
    const terminal = document.getElementById('terminal-output');
    const logs = [
        `[${botTaskName}] 엔진 초기화 중...`, 
        "[정보] 대상 데이터베이스 스캐닝 시도...", 
        "[성공] 타겟 추출 완료 및 웜업 대기", 
        `[완료] ${botTaskName} 가동 정상 종료.`
    ];
    let i = 0;
    const interval = setInterval(() => {
        if(i < logs.length) {
            terminal.innerHTML += `
> ${logs[i]}
`;
            terminal.scrollTop = terminal.scrollHeight; // 자동 스크롤
            i++;
        } else { clearInterval(interval); }
    }, 800);
}