<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<title>GPT Search Launcher Preview</title>
<style>
body {
margin: 0;
font-family: Pretendard, Arial, sans-serif;
background: #0f172a;
color: #e5e7eb;
}
.launcher {
width: 420px;
margin: 60px auto;
background: #020617;
border-radius: 16px;
box-shadow: 0 20px 60px rgba(0,0,0,0.6);
padding: 20px;
}
.title {
font-size: 18px;
font-weight: 700;
margin-bottom: 12px;
}
textarea {
width: 100%;
height: 80px;
background: #020617;
border: 1px solid #1e293b;
border-radius: 10px;
color: #e5e7eb;
padding: 10px;
resize: none;
}
button {
margin-top: 12px;
width: 100%;
padding: 12px;
background: #2563eb;
border: none;
border-radius: 10px;
font-size: 14px;
font-weight: 600;
color: white;
cursor: pointer;
}
button:hover { background: #1d4ed8; }
.result {
margin-top: 16px;
background: #020617;
border: 1px solid #1e293b;
border-radius: 10px;
padding: 10px;
height: 160px;
overflow-y: auto;
font-size: 13px;
white-space: pre-wrap;
}
.hint {
font-size: 11px;
color: #94a3b8;
margin-top: 6px;
}
</style>
</head>
<body>
<div class="launcher">
<div class="title">GPT 기업 분석 런처 (UI 미리보기)</div>
<textarea id="input" placeholder="기업명을 입력하세요"></textarea>
<button onclick="runSearch()">분석 실행</button>
<div class="result" id="result">결과가 여기에 표시됩니다</div>
<div class="hint">※ 실제 GPT / 브라우저 연동은 미구현 (UI 확인용)</div>
</div>
<script>
function runSearch() {
const q = document.getElementById('input').value.trim();
if (!q) {
alert('기업명을 입력하세요');
return;
}
document.getElementById('result').textContent =
`[기업명]
${q}
[업종]
(추정)
[장점]
- 워라밸 (빈도 5)
- 안정성 (빈도 3)
[단점]
- 연봉 상승 한계 (빈도 4)
※ 실제 검색 엔진/AI 연동 전 UI 미리보기용 더미 데이터`;
}
</script>
</body>
</html>gpt_launcher_ui_preview.html
0.00MB
원래는 기능을 살려 볼랬는대 API KEY랑 걸리면서 ... 문재가 생김
자체 하드웨어로 올려서 크롤링 시키는것도 몬가 이상하고 ...
그래서 윕에 GPT 켜진 상태로 기능 구현 할려다 실패 디자인 흔적만 남겨봄 ㅋㅋ
'PC 및 IT관련.' 카테고리의 다른 글
| 2026.01.10 렘값 내려가나?? (0) | 2026.01.10 |
|---|---|
| 히토미 번호 런쳐 2026 새해 기념 리마스터 (feat. 커서 Ai) (0) | 2026.01.10 |
| 이제 GPT UI 디자인 미리보기 지원되네 ㄷㄷ (0) | 2026.01.10 |
| 우리 캔바가 미쳣어요 ㅠㅠ 어도비, 포토샵 무료 쌀먹 프로그렘 "affinity" (0) | 2026.01.07 |
| 2026 새해 기념 재미로 참조하면 좋을 모든 게임 플랫폼 별 성능표 (0) | 2026.01.07 |