데브카페 - 사용자 기여 [ko]

AutoIt에서 sqlplus.exe 호출 결과를 그리드

2026-05-18T10:16:31Z

Devcafe: 새 문서: SET MARKUP CSV ON QUOTE ON으로 sqlplus 출력을 CSV로 받아 파싱 → JSON으로 변환하는 방식입니다. 자격증명은 conn.ini에 저장해서 HTTP body로 평문 전송하지 않도록 했습니다. 구조 추가 <source lang=bash> project/ ├── main.au3 ├── conn.ini ← 새로 추가 (접속정보) ├── sqlite3.dll └── web/index.html </source> conn.ini (예시) <source lang=bash> [prod] user=scott pass=tiger tns=ORCL nls=KORE...

SET MARKUP CSV ON QUOTE ON으로 sqlplus 출력을 CSV로 받아 파싱 → JSON으로 변환하는 방식입니다. 자격증명은 conn.ini에 저장해서 HTTP body로 평문 전송하지 않도록 했습니다.

구조 추가
<source lang=bash>

project/
├── main.au3
├── conn.ini ← 새로 추가 (접속정보)
├── sqlite3.dll
└── web/index.html
</source>

conn.ini (예시)
<source lang=bash>

[prod]
user=scott
pass=tiger
tns=ORCL
nls=KOREAN_KOREA.AL32UTF8

[dev]
user=hr
pass=hr
tns=XEPDB1
nls=KOREAN_KOREA.AL32UTF8
</source>

tns는 tnsnames.ora의 엔트리명, 또는 //host:port/service 형태도 가능.

main.au3 에 추가 (상단 include 아래)
<source lang=autoit>
#include <Constants.au3>

Global $g_sConnIni = @ScriptDir & "\conn.ini"

Switch $sPath 안에 케이스 두 개 추가:

Case "/api/oracle/connections"
_ApiOraConns($iSock)
Case "/api/oracle/query"
_ApiOraQuery($iSock, $sBody)
</source>

그리고 파일 끝에 함수 추가:
<source lang=autoit>

; ─────────────────────────────────────────────
; Oracle 연동
; ─────────────────────────────────────────────
Func _ApiOraConns($iSock)
Local $aSec = IniReadSectionNames($g_sConnIni)
Local $s = '{"ok":true,"connections":['
If IsArray($aSec) Then
For $i = 1 To $aSec[0]
If $i > 1 Then $s &= ","
$s &= _JsonStr($aSec[$i])
Next
EndIf
$s &= ']}'
_SendJson($iSock, $s)
EndFunc

Func _ApiOraQuery($iSock, $sBody)
Local $aSql = StringRegExp($sBody, '"sql":"((?:\\.|[^"\\])*)"', 1)
Local $aConn = StringRegExp($sBody, '"conn":"((?:\\.|[^"\\])*)"', 1)
If Not IsArray($aSql) Or Not IsArray($aConn) Then
_SendJson($iSock, '{"ok":false,"err":"sql/conn 누락"}')
Return
EndIf
Local $sSQL = _JsonUnesc($aSql[0])
Local $sName = _JsonUnesc($aConn[0])

Local $sUser = IniRead($g_sConnIni, $sName, "user", "")
Local $sPass = IniRead($g_sConnIni, $sName, "pass", "")
Local $sTns = IniRead($g_sConnIni, $sName, "tns", "")
Local $sNls = IniRead($g_sConnIni, $sName, "nls", "KOREAN_KOREA.AL32UTF8")
If $sUser = "" Or $sTns = "" Then
_SendJson($iSock, '{"ok":false,"err":"conn.ini에 [' & $sName & '] 없음"}')
Return
EndIf

; 임시 SQL 스크립트
Local $sTmp = @TempDir & "\au_oraq_" & @AutoItPID & ".sql"
Local $sClean = StringRegExpReplace($sSQL, "[\r\n;\s]+$", "")
Local $sScript = _
"SET MARKUP CSV ON QUOTE ON" & @CRLF & _
"SET FEEDBACK OFF" & @CRLF & _
"SET HEADING ON" & @CRLF & _
"SET PAGESIZE 50000" & @CRLF & _
"SET LINESIZE 32767" & @CRLF & _
"SET LONG 4000" & @CRLF & _
"SET TRIMSPOOL ON" & @CRLF & _
"SET SERVEROUTPUT OFF" & @CRLF & _
"WHENEVER SQLERROR EXIT 1" & @CRLF & _
$sClean & ";" & @CRLF & _
"EXIT;" & @CRLF

Local $hF = FileOpen($sTmp, 2 + 128) ; overwrite + UTF-8
FileWrite($hF, $sScript)
FileClose($hF)

; NLS_LANG 지정 후 sqlplus -S 실행
EnvSet("NLS_LANG", $sNls)
Local $sConnStr = $sUser & '/"' & $sPass & '"@' & $sTns
Local $sCmd = 'sqlplus -S -L ' & $sConnStr & ' @"' & $sTmp & '"'

Local $iPID = Run(@ComSpec & ' /c ' & $sCmd, @ScriptDir, _
@SW_HIDE, $STDOUT_CHILD + $STDERR_CHILD)
Local $sOut = "", $sErr = ""
While ProcessExists($iPID)
$sOut &= StdoutRead($iPID)
$sErr &= StderrRead($iPID)
Sleep(30)
WEnd
$sOut &= StdoutRead($iPID)
$sErr &= StderrRead($iPID)
FileDelete($sTmp)

; ORA-/SP2- 오류 감지
Local $aOraErr = StringRegExp($sOut & @CRLF & $sErr, _
"((?:ORA|SP2|TNS)-\d+[^\r\n]*)", 1)
If IsArray($aOraErr) Then
_SendJson($iSock, '{"ok":false,"err":' & _JsonStr($aOraErr[0]) & '}')
Return
EndIf

_SendJson($iSock, _CsvOutToJson($sOut))
EndFunc

; sqlplus CSV 출력 → JSON
Func _CsvOutToJson($sRaw)
Local $aLines = StringSplit(StringStripCR($sRaw), @LF)
Local $aCols[0], $aRows[0]
Local $bHeader = False
For $i = 1 To $aLines[0]
Local $sLine = $aLines[$i]
If StringStripWS($sLine, 3) = "" Then ContinueLoop
; CSV 라인은 보통 "로 시작하거나 ,를 포함. 그 외 잡라인 스킵
If StringLeft($sLine, 1) <> '"' And Not StringInStr($sLine, ",") Then
ContinueLoop
EndIf
Local $aFields = _ParseCsvLine($sLine)
If Not $bHeader Then
$aCols = $aFields
$bHeader = True
Else
ReDim $aRows[UBound($aRows) + 1]
$aRows[UBound($aRows) - 1] = $aFields
EndIf
Next

Local $s = '{"ok":true,"columns":['
For $i = 0 To UBound($aCols) - 1
If $i > 0 Then $s &= ","
$s &= _JsonStr($aCols[$i])
Next
$s &= '],"rows":['
For $i = 0 To UBound($aRows) - 1
If $i > 0 Then $s &= ","
$s &= "["
Local $aRow = $aRows[$i]
For $j = 0 To UBound($aRow) - 1
If $j > 0 Then $s &= ","
$s &= _JsonStr($aRow[$j])
Next
$s &= "]"
Next
$s &= ']}'
Return $s
EndFunc

Func _ParseCsvLine($sLine)
Local $aOut[256], $iN = 0
Local $sCur = "", $bQ = False
Local $iLen = StringLen($sLine)
For $i = 1 To $iLen
Local $c = StringMid($sLine, $i, 1)
If $bQ Then
If $c = '"' Then
If $i < $iLen And StringMid($sLine, $i + 1, 1) = '"' Then
$sCur &= '"'
$i += 1
Else
$bQ = False
EndIf
Else
$sCur &= $c
EndIf
Else
If $c = '"' Then
$bQ = True
ElseIf $c = "," Then
$aOut[$iN] = $sCur
$iN += 1
$sCur = ""
Else
$sCur &= $c
EndIf
EndIf
Next
$aOut[$iN] = $sCur
$iN += 1
ReDim $aOut[$iN]
Return $aOut
EndFunc
</source>

web/index.html — 툴바와 그리드 사이에 SQL 패널 추가

<h2> 다음에 삽입:
<source lang=html>

<div id="sqlPanel" style="background:#fff;border:1px solid #ddd;
border-radius:6px;padding:10px;margin-bottom:10px;">
<div style="display:flex;gap:8px;align-items:center;margin-bottom:6px;">
<label>접속:</label>
<select id="connSel" style="padding:5px;"></select>
<button onclick="runSQL()">▶ 실행 (Ctrl+Enter)</button>
<button onclick="document.getElementById('sqlPanel').style.display='none'">접기</button>
</div>
<textarea id="sqlArea" rows="5"
style="width:100%;font-family:Consolas,monospace;font-size:13px;
padding:6px;box-sizing:border-box;"
placeholder="SELECT * FROM dual"></textarea>
</div>
<button onclick="document.getElementById('sqlPanel').style.display='block'"
style="margin-bottom:8px;">🔌 SQL</button>
</source>

그리고 <script> 안 loadAll() 위에 추가:
<source lang=html>

async function loadConns(){
const j = await (await fetch('/api/oracle/connections')).json();
const sel = document.getElementById('connSel');
sel.innerHTML = j.connections.map(c=>`<option>${c}</option>`).join('');
}

async function runSQL(){
const sql = document.getElementById('sqlArea').value.trim();
const conn = document.getElementById('connSel').value;
if (!sql) return;
setStatus('Oracle 실행중...');
const t0 = Date.now();
const r = await fetch('/api/oracle/query', {
method:'POST',
headers:{'Content-Type':'application/json'},
body: JSON.stringify({sql, conn})
});
const j = await r.json();
if (!j.ok){
setStatus('❌ ' + j.err);
alert(j.err);
return;
}
// 그리드에 결과 표시: 1행=헤더, 이후=데이터
const data = [j.columns, ...j.rows];
// 빈 행 패딩
while (data.length < 30) data.push(Array(j.columns.length).fill(''));
const el = document.getElementById('sheet');
el.innerHTML = '';
sheet = jspreadsheet(el, {
data,
columns: j.columns.map((c,i)=>({title:String.fromCharCode(65+i), width:130})),
minDimensions: [Math.max(j.columns.length,10), Math.max(data.length,30)]
});
setStatus(`✅ ${j.rows.length}행 / ${((Date.now()-t0)/1000).toFixed(2)}s`);
}

// Ctrl+Enter 단축키
document.addEventListener('keydown', e=>{
if (e.ctrlKey && e.key === 'Enter' &&
document.activeElement.id === 'sqlArea'){
e.preventDefault(); runSQL();
}
});

loadConns();
</source>

확인 / 주의사항

• sqlplus PATH: Oracle Client 또는 Instant Client의 sqlplus.exe가 PATH에 있어야 함. 없으면 Run 호출에서 sqlplus 대신 전체 경로(C:\app\client\bin\sqlplus.exe) 사용.
• NLS_LANG: 한글 깨지면 conn.ini의 nls 값을 DB 캐릭터셋에 맞게 조정. UTF-8 DB면 AL32UTF8, KO16MSWIN949 DB면 KOREAN_KOREA.KO16MSWIN949 + 프론트에서도 인코딩 매칭 필요.
• 단일 SELECT 전용: 현재 구조는 SELECT 결과 표시용. DML/DDL은 결과 행이 없어 grid가 비게 됨 — 필요 시 SET FEEDBACK ON으로 두고 raw 출력을 메시지로 반환하는 분기 추가 가능.
• 세미콜론 처리: 입력 SQL 끝의 ;은 정규식으로 제거 후 한 번만 붙임. PL/SQL 블록(BEGIN ... END;)은 별도 처리 필요 — 현재는 단일 SELECT 기준.
• 결과 크기: 매우 큰 결과셋은 stdout 버퍼/메모리 부담. 운영용은 WHERE ROWNUM <= n 또는 FETCH FIRST n ROWS ONLY로 제한 권장.
• conn.ini 보안: 평문 비밀번호이므로 NTFS 권한으로 본인만 읽기 가능하게 설정하거나, AutoIt에서 간단 XOR 암호화 래퍼를 씌우는 것도 가능.

PL/SQL 블록 지원이나 DML 결과 표시, 컬럼별 데이터 타입(NUMBER/DATE) 우측정렬·포맷 등이 필요하면 이어서 만들어 드릴게요.

Autoit web 하이브리드 프로그래밍

2026-05-18T10:14:36Z

Devcafe:

좋습니다. AutoIt이 로컬 HTTP 서버 + SQLite 백엔드 역할을 하고, 브라우저에서 jspreadsheet-ce(엑셀형 그리드)로 화면을 띄우는 구조로 만들어 드릴게요.

구조
<source lang=bash>
project/
├── main.au3 ← HTTP 서버 + SQLite
├── sqlite3.dll ← SQLite UDF용 (AutoIt SQLite UDF에 포함)
└── web/
└── index.html ← 엑셀형 UI
</source>

동작: AutoIt이 127.0.0.1:8765 에서 listen → 자동으로 기본 브라우저 오픈 → 그리드에서 입력/수정 → /api/save, /api/load 로 SQLite와 통신.

main.au3
<source lang=autoit>
#include <SQLite.au3>
#include <SQLite.dll.au3>

Opt("TCPTimeout", 100)
OnAutoItExitRegister("OnExit")

Global $g_sDBPath = @ScriptDir & "\sheet.db"
Global $g_sWebRoot = @ScriptDir & "\web"
Global $g_iPort = 8765
Global $g_hDB

_SQLite_Startup()
If @error Then Exit MsgBox(16, "Err", "SQLite 시작 실패")
$g_hDB = _SQLite_Open($g_sDBPath)
_SQLite_Exec($g_hDB, _
"CREATE TABLE IF NOT EXISTS sheet_data(" & _
" row_idx INTEGER, col_idx INTEGER, value TEXT," & _
" PRIMARY KEY(row_idx, col_idx));")

TCPStartup()
Local $iListen = TCPListen("127.0.0.1", $g_iPort)
If $iListen = -1 Then Exit MsgBox(16, "Err", "포트 사용중: " & $g_iPort)

ShellExecute("http://127.0.0.1:" & $g_iPort & "/")

While 1
Local $iSock = TCPAccept($iListen)
If $iSock >= 0 Then _Handle($iSock)
Sleep(10)
WEnd

Func _Handle($iSock)
Local $sReq = "", $iWait = 0
While $iWait < 300
Local $c = TCPRecv($iSock, 8192)
If $c <> "" Then
$sReq &= $c
If StringInStr($sReq, @CRLF & @CRLF) Then ExitLoop
EndIf
Sleep(5)
$iWait += 1
WEnd

Local $iSplit = StringInStr($sReq, @CRLF & @CRLF)
Local $sHead = StringLeft($sReq, $iSplit - 1)
Local $sBody = StringMid($sReq, $iSplit + 3)

Local $aCL = StringRegExp($sHead, "(?i)Content-Length:\s*(\d+)", 1)
Local $iCL = (IsArray($aCL)) ? Int($aCL[0]) : 0
While StringLen(BinaryToString(StringToBinary($sBody, 4), 4)) < $iCL
Local $c = TCPRecv($iSock, 8192)
If $c <> "" Then $sBody &= $c
Sleep(5)
WEnd

Local $aFirst = StringRegExp($sHead, "^(\S+)\s+(\S+)", 1)
If Not IsArray($aFirst) Then
TCPCloseSocket($iSock)
Return
EndIf
Local $sMethod = $aFirst[0], $sPath = $aFirst[1]

Switch $sPath
Case "/", "/index.html"
_SendFile($iSock, $g_sWebRoot & "\index.html", "text/html; charset=utf-8")
Case "/api/load"
_ApiLoad($iSock)
Case "/api/save"
_ApiSave($iSock, $sBody)
Case "/api/clear"
_SQLite_Exec($g_hDB, "DELETE FROM sheet_data;")
_SendJson($iSock, '{"ok":true}')
Case Else
_Send404($iSock)
EndSwitch

TCPCloseSocket($iSock)
EndFunc

Func _ApiLoad($iSock)
Local $aRes, $iRows, $iCols
_SQLite_GetTable2d($g_hDB, _
"SELECT row_idx,col_idx,value FROM sheet_data ORDER BY row_idx,col_idx;", _
$aRes, $iRows, $iCols)
Local $s = '{"cells":['
For $i = 1 To $iRows
If $i > 1 Then $s &= ","
$s &= '{"r":' & $aRes[$i][0] & ',"c":' & $aRes[$i][1] & _
',"v":' & _JsonStr($aRes[$i][2]) & '}'
Next
$s &= ']}'
_SendJson($iSock, $s)
EndFunc

Func _ApiSave($iSock, $sBody)
_SQLite_Exec($g_hDB, "BEGIN;")
_SQLite_Exec($g_hDB, "DELETE FROM sheet_data;")
Local $aM = StringRegExp($sBody, _
'\{"r":(\d+),"c":(\d+),"v":"((?:\\.|[^"\\])*)"\}', 3)
If Not @error Then
Local $sStmt
For $i = 0 To UBound($aM) - 1 Step 3
Local $v = _JsonUnesc($aM[$i + 2])
$v = StringReplace($v, "'", "''")
_SQLite_Exec($g_hDB, _
"INSERT INTO sheet_data VALUES(" & _
$aM[$i] & "," & $aM[$i+1] & ",'" & $v & "');")
Next
EndIf
_SQLite_Exec($g_hDB, "COMMIT;")
_SendJson($iSock, '{"ok":true}')
EndFunc

Func _SendFile($iSock, $sFile, $sCT)
If Not FileExists($sFile) Then Return _Send404($iSock)
Local $h = FileOpen($sFile, 16)
Local $b = FileRead($h)
FileClose($h)
Local $sH = "HTTP/1.1 200 OK" & @CRLF & _
"Content-Type: " & $sCT & @CRLF & _
"Content-Length: " & BinaryLen($b) & @CRLF & _
"Connection: close" & @CRLF & @CRLF
TCPSend($iSock, $sH)
TCPSend($iSock, $b)
EndFunc

Func _SendJson($iSock, $sJson)
Local $b = StringToBinary($sJson, 4)
Local $sH = "HTTP/1.1 200 OK" & @CRLF & _
"Content-Type: application/json; charset=utf-8" & @CRLF & _
"Content-Length: " & BinaryLen($b) & @CRLF & _
"Connection: close" & @CRLF & @CRLF
TCPSend($iSock, $sH)
TCPSend($iSock, $b)
EndFunc

Func _Send404($iSock)
TCPSend($iSock, "HTTP/1.1 404 Not Found" & @CRLF & "Content-Length: 0" & @CRLF & @CRLF)
EndFunc

Func _JsonStr($s)
$s = StringReplace($s, "\", "\\")
$s = StringReplace($s, '"', '\"')
$s = StringReplace($s, @CR, "\r")
$s = StringReplace($s, @LF, "\n")
$s = StringReplace($s, @TAB, "\t")
Return '"' & $s & '"'
EndFunc

Func _JsonUnesc($s)
$s = StringReplace($s, "\n", @LF)
$s = StringReplace($s, "\r", @CR)
$s = StringReplace($s, "\t", @TAB)
$s = StringReplace($s, '\"', '"')
$s = StringReplace($s, "\\", "\")
Return $s
EndFunc

Func OnExit()
_SQLite_Close($g_hDB)
_SQLite_Shutdown()
TCPShutdown()
EndFunc
</source>

web/index.html
<source lang=html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>웹 시트 (AutoIt + SQLite)</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jspreadsheet-ce@4/dist/jspreadsheet.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jsuites@4/dist/jsuites.css">
<style>
body { font-family:'맑은 고딕',sans-serif; padding:12px; background:#fafafa; }
.bar { margin-bottom:10px; display:flex; align-items:center; gap:8px; }
button { padding:7px 14px; border:1px solid #ccc; background:#fff;
border-radius:4px; cursor:pointer; }
button:hover { background:#f0f0f0; }
#status { margin-left:10px; color:#555; font-size:13px; }
h2 { margin:0 0 12px; font-size:18px; }
</style>
</head>
<body>
<h2>📊 웹 스프레드시트</h2>
<div class="bar">
<button onclick="saveAll()">💾 저장</button>
<button onclick="loadAll()">🔄 불러오기</button>
<button onclick="clearAll()">🗑 전체삭제</button>
<button onclick="exportCsv()">📤 CSV</button>
<span id="status">준비</span>
</div>
<div id="sheet"></div>

<script src="https://cdn.jsdelivr.net/npm/jsuites@4/dist/jsuites.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jspreadsheet-ce@4/dist/jspreadsheet.js"></script>
<script>
const COLS = 10, ROWS = 50;
let sheet;
const setStatus = s => document.getElementById('status').textContent = s;
const emptyData = () => Array.from({length:ROWS}, () => Array(COLS).fill(''));

function initSheet(data){
const el = document.getElementById('sheet');
el.innerHTML = '';
sheet = jspreadsheet(el, {
data,
columns: Array.from({length:COLS}, (_,i) => ({
title: String.fromCharCode(65+i), width: 110
})),
allowInsertRow: true,
minDimensions: [COLS, ROWS],
onchange: () => setStatus('수정됨 (저장 필요)')
});
}

async function loadAll(){
setStatus('불러오는 중...');
const data = emptyData();
const r = await fetch('/api/load');
const j = await r.json();
for (const c of j.cells){
while (data.length <= c.r) data.push(Array(COLS).fill(''));
while (data[c.r].length <= c.c) data[c.r].push('');
data[c.r][c.c] = c.v;
}
initSheet(data);
setStatus(`불러옴 (${j.cells.length}셀)`);
}

async function saveAll(){
setStatus('저장 중...');
const data = sheet.getData();
const cells = [];
for (let r=0; r<data.length; r++)
for (let c=0; c<data[r].length; c++){
const v = data[r][c];
if (v !== '' && v != null) cells.push({r, c, v: String(v)});
}
const res = await fetch('/api/save', {
method:'POST',
headers:{'Content-Type':'application/json'},
body: JSON.stringify({cells})
});
const j = await res.json();
setStatus(j.ok ? `저장 완료 (${cells.length}셀)` : '저장 실패');
}

async function clearAll(){
if (!confirm('전체 데이터를 삭제할까요?')) return;
await fetch('/api/clear', {method:'POST'});
initSheet(emptyData());
setStatus('삭제됨');
}

function exportCsv(){
const data = sheet.getData();
const csv = data.map(r => r.map(v =>
`"${String(v ?? '').replace(/"/g,'""')}"`).join(',')).join('\n');
const blob = new Blob(['\uFEFF'+csv], {type:'text/csv;charset=utf-8'});
const a = document.createElement('a');
a.href = URL.createObjectURL(blob);
a.download = 'sheet.csv';
a.click();
}

loadAll();
</script>
</body>
</html>
</source>

실행 방법

1. 위 구조대로 폴더 생성, 두 파일 저장
2. sqlite3.dll을 main.au3 옆에 두기 (AutoIt SQLite UDF 폴더에 포함)
3. main.au3 더블클릭 → 브라우저 자동 오픈
4. 셀에 입력 후 💾 저장 → SQLite에 즉시 저장됨

확장 포인트

• 시트 여러 개: sheet_data에 sheet_name 컬럼 추가 + 상단 탭 UI
• 셀 서식: value 외에 style_json 컬럼 추가, jspreadsheet getStyle()/setStyle() 활용
• 수식: jspreadsheet-ce가 기본 SUM/AVG 등 지원 — 자동 동작함
• 오라클 연동: /api/oracle/query 엔드포인트 추가해서 [[AutoIt에서 sqlplus.exe 호출 결과를 그리드]]에 표시

CSV import나 다중 시트, 수식 자동계산 결과 저장 등 원하시는 방향 있으면 이어서 만들어 드릴게요.

Autoit web 하이브리드 프로그래밍

2026-05-18T10:03:55Z

Devcafe: 새 문서: 좋습니다. AutoIt이 로컬 HTTP 서버 + SQLite 백엔드 역할을 하고, 브라우저에서 jspreadsheet-ce(엑셀형 그리드)로 화면을 띄우는 구조로 만들어 드릴게요. 구조 <source lang=bash> project/ ├── main.au3 ← HTTP 서버 + SQLite ├── sqlite3.dll ← SQLite UDF용 (AutoIt SQLite UDF에 포함) └── web/ └── index.html ← 엑셀형 UI </source> 동작: AutoIt이 127.0.0.1:8765 에서 listen →...

좋습니다. AutoIt이 로컬 HTTP 서버 + SQLite 백엔드 역할을 하고, 브라우저에서 jspreadsheet-ce(엑셀형 그리드)로 화면을 띄우는 구조로 만들어 드릴게요.

구조
<source lang=bash>
project/
├── main.au3 ← HTTP 서버 + SQLite
├── sqlite3.dll ← SQLite UDF용 (AutoIt SQLite UDF에 포함)
└── web/
└── index.html ← 엑셀형 UI
</source>

동작: AutoIt이 127.0.0.1:8765 에서 listen → 자동으로 기본 브라우저 오픈 → 그리드에서 입력/수정 → /api/save, /api/load 로 SQLite와 통신.

main.au3
<source lang=autoit>
#include <SQLite.au3>
#include <SQLite.dll.au3>

Opt("TCPTimeout", 100)
OnAutoItExitRegister("OnExit")

Global $g_sDBPath = @ScriptDir & "\sheet.db"
Global $g_sWebRoot = @ScriptDir & "\web"
Global $g_iPort = 8765
Global $g_hDB

_SQLite_Startup()
If @error Then Exit MsgBox(16, "Err", "SQLite 시작 실패")
$g_hDB = _SQLite_Open($g_sDBPath)
_SQLite_Exec($g_hDB, _
"CREATE TABLE IF NOT EXISTS sheet_data(" & _
" row_idx INTEGER, col_idx INTEGER, value TEXT," & _
" PRIMARY KEY(row_idx, col_idx));")

TCPStartup()
Local $iListen = TCPListen("127.0.0.1", $g_iPort)
If $iListen = -1 Then Exit MsgBox(16, "Err", "포트 사용중: " & $g_iPort)

ShellExecute("http://127.0.0.1:" & $g_iPort & "/")

While 1
Local $iSock = TCPAccept($iListen)
If $iSock >= 0 Then _Handle($iSock)
Sleep(10)
WEnd

Func _Handle($iSock)
Local $sReq = "", $iWait = 0
While $iWait < 300
Local $c = TCPRecv($iSock, 8192)
If $c <> "" Then
$sReq &= $c
If StringInStr($sReq, @CRLF & @CRLF) Then ExitLoop
EndIf
Sleep(5)
$iWait += 1
WEnd

Local $iSplit = StringInStr($sReq, @CRLF & @CRLF)
Local $sHead = StringLeft($sReq, $iSplit - 1)
Local $sBody = StringMid($sReq, $iSplit + 3)

Local $aCL = StringRegExp($sHead, "(?i)Content-Length:\s*(\d+)", 1)
Local $iCL = (IsArray($aCL)) ? Int($aCL[0]) : 0
While StringLen(BinaryToString(StringToBinary($sBody, 4), 4)) < $iCL
Local $c = TCPRecv($iSock, 8192)
If $c <> "" Then $sBody &= $c
Sleep(5)
WEnd

Local $aFirst = StringRegExp($sHead, "^(\S+)\s+(\S+)", 1)
If Not IsArray($aFirst) Then
TCPCloseSocket($iSock)
Return
EndIf
Local $sMethod = $aFirst[0], $sPath = $aFirst[1]

Switch $sPath
Case "/", "/index.html"
_SendFile($iSock, $g_sWebRoot & "\index.html", "text/html; charset=utf-8")
Case "/api/load"
_ApiLoad($iSock)
Case "/api/save"
_ApiSave($iSock, $sBody)
Case "/api/clear"
_SQLite_Exec($g_hDB, "DELETE FROM sheet_data;")
_SendJson($iSock, '{"ok":true}')
Case Else
_Send404($iSock)
EndSwitch

TCPCloseSocket($iSock)
EndFunc

Func _ApiLoad($iSock)
Local $aRes, $iRows, $iCols
_SQLite_GetTable2d($g_hDB, _
"SELECT row_idx,col_idx,value FROM sheet_data ORDER BY row_idx,col_idx;", _
$aRes, $iRows, $iCols)
Local $s = '{"cells":['
For $i = 1 To $iRows
If $i > 1 Then $s &= ","
$s &= '{"r":' & $aRes[$i][0] & ',"c":' & $aRes[$i][1] & _
',"v":' & _JsonStr($aRes[$i][2]) & '}'
Next
$s &= ']}'
_SendJson($iSock, $s)
EndFunc

Func _ApiSave($iSock, $sBody)
_SQLite_Exec($g_hDB, "BEGIN;")
_SQLite_Exec($g_hDB, "DELETE FROM sheet_data;")
Local $aM = StringRegExp($sBody, _
'\{"r":(\d+),"c":(\d+),"v":"((?:\\.|[^"\\])*)"\}', 3)
If Not @error Then
Local $sStmt
For $i = 0 To UBound($aM) - 1 Step 3
Local $v = _JsonUnesc($aM[$i + 2])
$v = StringReplace($v, "'", "''")
_SQLite_Exec($g_hDB, _
"INSERT INTO sheet_data VALUES(" & _
$aM[$i] & "," & $aM[$i+1] & ",'" & $v & "');")
Next
EndIf
_SQLite_Exec($g_hDB, "COMMIT;")
_SendJson($iSock, '{"ok":true}')
EndFunc

Func _SendFile($iSock, $sFile, $sCT)
If Not FileExists($sFile) Then Return _Send404($iSock)
Local $h = FileOpen($sFile, 16)
Local $b = FileRead($h)
FileClose($h)
Local $sH = "HTTP/1.1 200 OK" & @CRLF & _
"Content-Type: " & $sCT & @CRLF & _
"Content-Length: " & BinaryLen($b) & @CRLF & _
"Connection: close" & @CRLF & @CRLF
TCPSend($iSock, $sH)
TCPSend($iSock, $b)
EndFunc

Func _SendJson($iSock, $sJson)
Local $b = StringToBinary($sJson, 4)
Local $sH = "HTTP/1.1 200 OK" & @CRLF & _
"Content-Type: application/json; charset=utf-8" & @CRLF & _
"Content-Length: " & BinaryLen($b) & @CRLF & _
"Connection: close" & @CRLF & @CRLF
TCPSend($iSock, $sH)
TCPSend($iSock, $b)
EndFunc

Func _Send404($iSock)
TCPSend($iSock, "HTTP/1.1 404 Not Found" & @CRLF & "Content-Length: 0" & @CRLF & @CRLF)
EndFunc

Func _JsonStr($s)
$s = StringReplace($s, "\", "\\")
$s = StringReplace($s, '"', '\"')
$s = StringReplace($s, @CR, "\r")
$s = StringReplace($s, @LF, "\n")
$s = StringReplace($s, @TAB, "\t")
Return '"' & $s & '"'
EndFunc

Func _JsonUnesc($s)
$s = StringReplace($s, "\n", @LF)
$s = StringReplace($s, "\r", @CR)
$s = StringReplace($s, "\t", @TAB)
$s = StringReplace($s, '\"', '"')
$s = StringReplace($s, "\\", "\")
Return $s
EndFunc

Func OnExit()
_SQLite_Close($g_hDB)
_SQLite_Shutdown()
TCPShutdown()
EndFunc
</source>

web/index.html
<source lang=html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>웹 시트 (AutoIt + SQLite)</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jspreadsheet-ce@4/dist/jspreadsheet.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jsuites@4/dist/jsuites.css">
<style>
body { font-family:'맑은 고딕',sans-serif; padding:12px; background:#fafafa; }
.bar { margin-bottom:10px; display:flex; align-items:center; gap:8px; }
button { padding:7px 14px; border:1px solid #ccc; background:#fff;
border-radius:4px; cursor:pointer; }
button:hover { background:#f0f0f0; }
#status { margin-left:10px; color:#555; font-size:13px; }
h2 { margin:0 0 12px; font-size:18px; }
</style>
</head>
<body>
<h2>📊 웹 스프레드시트</h2>
<div class="bar">
<button onclick="saveAll()">💾 저장</button>
<button onclick="loadAll()">🔄 불러오기</button>
<button onclick="clearAll()">🗑 전체삭제</button>
<button onclick="exportCsv()">📤 CSV</button>
<span id="status">준비</span>
</div>
<div id="sheet"></div>

<script src="https://cdn.jsdelivr.net/npm/jsuites@4/dist/jsuites.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jspreadsheet-ce@4/dist/jspreadsheet.js"></script>
<script>
const COLS = 10, ROWS = 50;
let sheet;
const setStatus = s => document.getElementById('status').textContent = s;
const emptyData = () => Array.from({length:ROWS}, () => Array(COLS).fill(''));

function initSheet(data){
const el = document.getElementById('sheet');
el.innerHTML = '';
sheet = jspreadsheet(el, {
data,
columns: Array.from({length:COLS}, (_,i) => ({
title: String.fromCharCode(65+i), width: 110
})),
allowInsertRow: true,
minDimensions: [COLS, ROWS],
onchange: () => setStatus('수정됨 (저장 필요)')
});
}

async function loadAll(){
setStatus('불러오는 중...');
const data = emptyData();
const r = await fetch('/api/load');
const j = await r.json();
for (const c of j.cells){
while (data.length <= c.r) data.push(Array(COLS).fill(''));
while (data[c.r].length <= c.c) data[c.r].push('');
data[c.r][c.c] = c.v;
}
initSheet(data);
setStatus(`불러옴 (${j.cells.length}셀)`);
}

async function saveAll(){
setStatus('저장 중...');
const data = sheet.getData();
const cells = [];
for (let r=0; r<data.length; r++)
for (let c=0; c<data[r].length; c++){
const v = data[r][c];
if (v !== '' && v != null) cells.push({r, c, v: String(v)});
}
const res = await fetch('/api/save', {
method:'POST',
headers:{'Content-Type':'application/json'},
body: JSON.stringify({cells})
});
const j = await res.json();
setStatus(j.ok ? `저장 완료 (${cells.length}셀)` : '저장 실패');
}

async function clearAll(){
if (!confirm('전체 데이터를 삭제할까요?')) return;
await fetch('/api/clear', {method:'POST'});
initSheet(emptyData());
setStatus('삭제됨');
}

function exportCsv(){
const data = sheet.getData();
const csv = data.map(r => r.map(v =>
`"${String(v ?? '').replace(/"/g,'""')}"`).join(',')).join('\n');
const blob = new Blob(['\uFEFF'+csv], {type:'text/csv;charset=utf-8'});
const a = document.createElement('a');
a.href = URL.createObjectURL(blob);
a.download = 'sheet.csv';
a.click();
}

loadAll();
</script>
</body>
</html>
</source>

실행 방법

1. 위 구조대로 폴더 생성, 두 파일 저장
2. sqlite3.dll을 main.au3 옆에 두기 (AutoIt SQLite UDF 폴더에 포함)
3. main.au3 더블클릭 → 브라우저 자동 오픈
4. 셀에 입력 후 💾 저장 → SQLite에 즉시 저장됨

확장 포인트

• 시트 여러 개: sheet_data에 sheet_name 컬럼 추가 + 상단 탭 UI
• 셀 서식: value 외에 style_json 컬럼 추가, jspreadsheet getStyle()/setStyle() 활용
• 수식: jspreadsheet-ce가 기본 SUM/AVG 등 지원 — 자동 동작함
• 오라클 연동: /api/oracle/query 엔드포인트 추가해서 AutoIt에서 sqlplus.exe 호출 결과를 그리드에 표시

CSV import나 다중 시트, 수식 자동계산 결과 저장 등 원하시는 방향 있으면 이어서 만들어 드릴게요.

3D 프린터 출력 제품 만족도 평가

2026-05-18T01:24:23Z

Devcafe: /* 펜꽃이 - 고양이 */

== 3D 프린터 출력 제품 만족도 평가 ==

=== 헤드폰/헤드셋 홀더 ===
{{평점
|제목=제품만족도 : 5점
|별5=5
}}
https://makerworld.bblmw.com/makerworld/model/US68fc4dae065e8f/design/2025-03-28_1feae62045c1a.jpg

https://makerworld.bblmw.com/makerworld/model/DSM00000001219205/design/2025-03-17_0fc3095691aa8.jpg

=== 소니 XM3 및 XM4 충전 거치대 (WH-1000) ===
{{평점
|제목=제품만족도 : 4점
|별4=4
}}
https://makerworld.bblmw.com/makerworld/model/US127c0899d75255/design/2025-01-03_1ccc9333d2ef4.png

* WH-1000XM5 / WH-1000XM4 무게추 충전 거치대
https://makerworld.bblmw.com/makerworld/model/US89bdb97c2a11aa/design/2025-01-16_42a440f0c55ea8.jpeg

=== 헤드폰 거치대 ===
{{평점
|제목=제품만족도 : 4점
|별4=4
}}
https://makerworld.bblmw.com/makerworld/model/USad02f14f272221/design/2025-07-04_861bd3495ed6d8.png

=== 버니어 캘리퍼스 ===
{{평점
|제목=제품만족도 : 5점
|별5=5
}}
https://makerworld.bblmw.com/makerworld/model/US20b733ea7bdd6/design/2024-02-22_2ef61241b4db6.png

=== 펜꽃이 ===
{{평점
|제목=제품만족도 : 5점
|별5=5
}}
https://makerworld.bblmw.com/makerworld/model/US4943f807c219bf/design/2023-12-30_a8fedab5e5305.png

https://makerworld.bblmw.com/makerworld/model/US4943f807c219bf/design/2023-12-30_c632a791e240b.png

=== 펜꽃이 - 고양이 ===
{{평점
|제목=제품만족도 : 미정
|별5=5
}}

https://makerworld.bblmw.com/makerworld/model/USd337a77cf632a7/design/2024-08-17_066550a2de59c.jpg

=== 펜꽃이 - 모니터 부착용 ===
{{평점
|제목=제품만족도 : 4점
|별4=4
}}
https://makerworld.bblmw.com/makerworld/model/USd2cf925b88aa0a/design/2025-02-18_1e04ddfa81fe3.jpg

https://makerworld.bblmw.com/makerworld/model/USd2cf925b88aa0a/design/2025-02-18_6b702547228c9.jpg

=== USB 보관함 ===
{{평점
|제목=제품만족도 : 4점
|별4=4
}}
https://makerworld.bblmw.com/makerworld/model/DSM00000000216210/design/2024-03-01_hmkduzq4wqx1.jpg
=== 약 보관함(휴대용) ===
{{평점
|제목=제품만족도 : 3점
|별3=3
}}
https://makerworld.bblmw.com/makerworld/model/USf676c682197ca9/design/2025-06-10_0f13b4ae848588.jpg

=== 휴대폰 거치대 ===
{{평점
|제목=제품만족도 : 3점
|별3=3
}}

https://makerworld.bblmw.com/makerworld/model/US3241ce462ee634/design/2024-07-25_e2ca3cb3c0ddf.jpg
https://makerworld.bblmw.com/makerworld/model/US3241ce462ee634/design/2024-07-25_31cd10b1eb459.jpg

=== 안경 거치대 ===
{{평점
|제목=제품만족도 : 4점 (뿔테에 적합)
|별4=4
}}
https://makerworld.bblmw.com/makerworld/model/US1c1d2849305c5b/design/2024-10-07_b5f15c6035ce18.jpg
https://makerworld.bblmw.com/makerworld/model/687240/615928/ratings/23179640-9bbc-11ef-bc9c-edb68d07a32b.jpg

=== 피규어 - 모니터위의 고양이 ===
{{평점
|제목=제품만족도 : 4점
|별4=4
}}
https://makerworld.bblmw.com/makerworld/model/US41a761b447d9ab/design/2024-12-06_b5af18e3af28a.jpg

=== 수건걸이 - 와이프 추천 ===
{{평점
|제목=제품만족도 : 5점
|별5=5
}}
https://makerworld.bblmw.com/makerworld/model/USbe8cfffdbf83ac/design/2025-04-16_ccf14e2be08de8.png

https://makerworld.bblmw.com/makerworld/model/USbe8cfffdbf83ac/design/2024-10-26_10e88bc02912f8.gif

=== 구글홈 거치대 ===
{{평점
|제목=제품만족도 : 5점
|별5=5
}}
https://makerworld.bblmw.com/makerworld/model/USc758a7e304d074/design/2024-02-18_bd74aae30a00f.png

=== 마우스 - 로지텍 MX 마스터 3S 마우스 손목 받침대 CARPIO===
{{평점
|제목=제품만족도 : 5점
|별5=5
}}

https://makerworld.bblmw.com/makerworld/model/US6dd80ef1b184/design/2025-05-20_6ad01270c5a43.jpg

https://makerworld.bblmw.com/makerworld/model/US6dd80ef1b184/design/2025-05-20_80482e1c58adf8.gif
[[분류:3D프린터]]

3D 프린터 출력 제품 만족도 평가

2026-05-18T01:24:13Z

Devcafe: /* 펜꽃이 - 고양이 */

== 3D 프린터 출력 제품 만족도 평가 ==

=== 헤드폰/헤드셋 홀더 ===
{{평점
|제목=제품만족도 : 5점
|별5=5
}}
https://makerworld.bblmw.com/makerworld/model/US68fc4dae065e8f/design/2025-03-28_1feae62045c1a.jpg

https://makerworld.bblmw.com/makerworld/model/DSM00000001219205/design/2025-03-17_0fc3095691aa8.jpg

=== 소니 XM3 및 XM4 충전 거치대 (WH-1000) ===
{{평점
|제목=제품만족도 : 4점
|별4=4
}}
https://makerworld.bblmw.com/makerworld/model/US127c0899d75255/design/2025-01-03_1ccc9333d2ef4.png

* WH-1000XM5 / WH-1000XM4 무게추 충전 거치대
https://makerworld.bblmw.com/makerworld/model/US89bdb97c2a11aa/design/2025-01-16_42a440f0c55ea8.jpeg

=== 헤드폰 거치대 ===
{{평점
|제목=제품만족도 : 4점
|별4=4
}}
https://makerworld.bblmw.com/makerworld/model/USad02f14f272221/design/2025-07-04_861bd3495ed6d8.png

=== 버니어 캘리퍼스 ===
{{평점
|제목=제품만족도 : 5점
|별5=5
}}
https://makerworld.bblmw.com/makerworld/model/US20b733ea7bdd6/design/2024-02-22_2ef61241b4db6.png

=== 펜꽃이 ===
{{평점
|제목=제품만족도 : 5점
|별5=5
}}
https://makerworld.bblmw.com/makerworld/model/US4943f807c219bf/design/2023-12-30_a8fedab5e5305.png

https://makerworld.bblmw.com/makerworld/model/US4943f807c219bf/design/2023-12-30_c632a791e240b.png

=== 펜꽃이 - 고양이 ===
{{평점
|제목=제품만족도 : 미정
|별3=5
}}

https://makerworld.bblmw.com/makerworld/model/USd337a77cf632a7/design/2024-08-17_066550a2de59c.jpg

=== 펜꽃이 - 모니터 부착용 ===
{{평점
|제목=제품만족도 : 4점
|별4=4
}}
https://makerworld.bblmw.com/makerworld/model/USd2cf925b88aa0a/design/2025-02-18_1e04ddfa81fe3.jpg

https://makerworld.bblmw.com/makerworld/model/USd2cf925b88aa0a/design/2025-02-18_6b702547228c9.jpg

=== USB 보관함 ===
{{평점
|제목=제품만족도 : 4점
|별4=4
}}
https://makerworld.bblmw.com/makerworld/model/DSM00000000216210/design/2024-03-01_hmkduzq4wqx1.jpg
=== 약 보관함(휴대용) ===
{{평점
|제목=제품만족도 : 3점
|별3=3
}}
https://makerworld.bblmw.com/makerworld/model/USf676c682197ca9/design/2025-06-10_0f13b4ae848588.jpg

=== 휴대폰 거치대 ===
{{평점
|제목=제품만족도 : 3점
|별3=3
}}

https://makerworld.bblmw.com/makerworld/model/US3241ce462ee634/design/2024-07-25_e2ca3cb3c0ddf.jpg
https://makerworld.bblmw.com/makerworld/model/US3241ce462ee634/design/2024-07-25_31cd10b1eb459.jpg

=== 안경 거치대 ===
{{평점
|제목=제품만족도 : 4점 (뿔테에 적합)
|별4=4
}}
https://makerworld.bblmw.com/makerworld/model/US1c1d2849305c5b/design/2024-10-07_b5f15c6035ce18.jpg
https://makerworld.bblmw.com/makerworld/model/687240/615928/ratings/23179640-9bbc-11ef-bc9c-edb68d07a32b.jpg

=== 피규어 - 모니터위의 고양이 ===
{{평점
|제목=제품만족도 : 4점
|별4=4
}}
https://makerworld.bblmw.com/makerworld/model/US41a761b447d9ab/design/2024-12-06_b5af18e3af28a.jpg

=== 수건걸이 - 와이프 추천 ===
{{평점
|제목=제품만족도 : 5점
|별5=5
}}
https://makerworld.bblmw.com/makerworld/model/USbe8cfffdbf83ac/design/2025-04-16_ccf14e2be08de8.png

https://makerworld.bblmw.com/makerworld/model/USbe8cfffdbf83ac/design/2024-10-26_10e88bc02912f8.gif

=== 구글홈 거치대 ===
{{평점
|제목=제품만족도 : 5점
|별5=5
}}
https://makerworld.bblmw.com/makerworld/model/USc758a7e304d074/design/2024-02-18_bd74aae30a00f.png

=== 마우스 - 로지텍 MX 마스터 3S 마우스 손목 받침대 CARPIO===
{{평점
|제목=제품만족도 : 5점
|별5=5
}}

https://makerworld.bblmw.com/makerworld/model/US6dd80ef1b184/design/2025-05-20_6ad01270c5a43.jpg

https://makerworld.bblmw.com/makerworld/model/US6dd80ef1b184/design/2025-05-20_80482e1c58adf8.gif
[[분류:3D프린터]]

버튼 스타일

2026-05-15T08:59:31Z

Devcafe:

== 플랫 버튼 스타일 ==

## 1. BS_FLAT 스타일 (가장 간단)

<source lang=autoit>

#include <GUIConstantsEx.au3>
#include <ButtonConstants.au3>

$hGUI = GUICreate("Flat Button", 300, 200)
GUISetBkColor(0xFFFFFF)

$hBtn = GUICtrlCreateButton("클릭", 50, 50, 200, 40, $BS_FLAT)

GUISetState()
While GUIGetMsg() <> $GUI_EVENT_CLOSE
WEnd
</source>

3D 테두리가 제거되지만, 마우스 오버 시 테두리가 살아나서 완전한 플랫은 아닙니다.

## 2. Label + 색상 조합 (완전 플랫)

<source lang=autoit>

#include <GUIConstantsEx.au3>
#include <StaticConstants.au3>

$hGUI = GUICreate("Flat Button", 400, 300)
GUISetBkColor(0xFFFFFF)

; 버튼처럼 동작하는 Label
$hBtn1 = _CREATE_FLAT_BUTTON("저장", 30, 50, 150, 45, 0x2196F3, 0xFFFFFF)
$hBtn2 = _CREATE_FLAT_BUTTON("취소", 210, 50, 150, 45, 0xF44336, 0xFFFFFF)
$hBtn3 = _CREATE_FLAT_BUTTON("설정", 30, 120, 150, 45, 0x4CAF50, 0xFFFFFF)
$hBtn4 = _CREATE_FLAT_BUTTON("닫기", 210, 120, 150, 45, 0x757575, 0xFFFFFF)

GUISetState()

While 1
Switch GUIGetMsg()
Case $GUI_EVENT_CLOSE
Exit
Case $hBtn1
MsgBox(0, "", "저장 클릭")
Case $hBtn2
MsgBox(0, "", "취소 클릭")
Case $hBtn3
MsgBox(0, "", "설정 클릭")
Case $hBtn4
MsgBox(0, "", "닫기 클릭")
EndSwitch
WEnd

Func _CREATE_FLAT_BUTTON($sText, $iX, $iY, $iW, $iH, $iBgColor, $iFontColor)
Local $hLabel = GUICtrlCreateLabel($sText, $iX, $iY, $iW, $iH, _
BitOR($SS_CENTER, $SS_CENTERIMAGE))
GUICtrlSetBkColor($hLabel, $iBgColor)
GUICtrlSetColor($hLabel, $iFontColor)
GUICtrlSetFont($hLabel, 11, 600, 0, "맑은 고딕")
GUICtrlSetCursor($hLabel, 0) ; 손가락 커서
Return $hLabel
EndFunc
</source>

## 3. GDI+ Owner-Draw (호버 효과 포함)

<source lang=autoit>

#include <GUIConstantsEx.au3>
#include <GDIPlus.au3>
#include <WindowsConstants.au3>
#include <WinAPI.au3>
#include <StaticConstants.au3>

Global Const $FLAT_COLOR_NORMAL = 0xFF2196F3 ; 파란색
Global Const $FLAT_COLOR_HOVER = 0xFF1976D2 ; 진한 파란색
Global Const $FLAT_COLOR_PRESS = 0xFF0D47A1 ; 더 진한 파란색
Global Const $FLAT_COLOR_TEXT = 0xFFFFFFFF ; 흰색

Global $g_aBtns[0][6] ; [n][CtrlID, X, Y, W, H, Text]
Global $g_iHoverIdx = -1
Global $g_iPressIdx = -1
Global $g_hGUI

_GDIPlus_Startup()

$g_hGUI = GUICreate("GDI+ Flat Buttons", 400, 300)
GUISetBkColor(0xF5F5F5)

; GDI+ 그리기용 Pic 컨트롤 (전체 영역)
Global $g_hPic = GUICtrlCreatePic("", 0, 0, 400, 300)
GUICtrlSetState($g_hPic, $GUI_DISABLE)

; 버튼 등록
_ADD_FLAT_BUTTON(30, 50, 150, 45, "저장")
_ADD_FLAT_BUTTON(210, 50, 150, 45, "취소")
_ADD_FLAT_BUTTON(30, 120, 150, 45, "설정")
_ADD_FLAT_BUTTON(210, 120, 150, 45, "닫기")

_DRAW_ALL_BUTTONS()

GUISetState()
GUIRegisterMsg($WM_MOUSEMOVE, "_WM_MOUSEMOVE")
GUIRegisterMsg($WM_LBUTTONDOWN, "_WM_LBUTTONDOWN")
GUIRegisterMsg($WM_LBUTTONUP, "_WM_LBUTTONUP")

While GUIGetMsg() <> $GUI_EVENT_CLOSE
WEnd

_GDIPlus_Shutdown()

; ── 버튼 추가 ──
Func _ADD_FLAT_BUTTON($iX, $iY, $iW, $iH, $sText)
Local $iIdx = UBound($g_aBtns)
ReDim $g_aBtns[$iIdx + 1][6]
$g_aBtns[$iIdx][0] = $iIdx
$g_aBtns[$iIdx][1] = $iX
$g_aBtns[$iIdx][2] = $iY
$g_aBtns[$iIdx][3] = $iW
$g_aBtns[$iIdx][4] = $iH
$g_aBtns[$iIdx][5] = $sText
EndFunc

; ── 전체 버튼 그리기 ──
Func _DRAW_ALL_BUTTONS()
Local $hBitmap = _GDIPlus_BitmapCreateFromScan0(400, 300)
Local $hGfx = _GDIPlus_ImageGetGraphicsContext($hBitmap)
_GDIPlus_GraphicsSetSmoothingMode($hGfx, 4)
_GDIPlus_GraphicsSetTextRenderingHint($hGfx, 5)
_GDIPlus_GraphicsClear($hGfx, 0xFFF5F5F5)

Local $hFontFamily = _GDIPlus_FontFamilyCreate("맑은 고딕")
Local $hFont = _GDIPlus_FontCreate($hFontFamily, 12, 1)
Local $hFormat = _GDIPlus_StringFormatCreate()
_GDIPlus_StringFormatSetAlign($hFormat, 1) ; 가로 중앙
_GDIPlus_StringFormatSetLineAlign($hFormat, 1) ; 세로 중앙

Local $hTextBrush = _GDIPlus_BrushCreateSolid($FLAT_COLOR_TEXT)

For $i = 0 To UBound($g_aBtns) - 1
; 상태별 색상 결정
Local $iColor = $FLAT_COLOR_NORMAL
If $i = $g_iPressIdx Then
$iColor = $FLAT_COLOR_PRESS
ElseIf $i = $g_iHoverIdx Then
$iColor = $FLAT_COLOR_HOVER
EndIf

; 둥근 사각형 배경
Local $hPath = _GDIPlus_PathCreate()
Local $r = 8 ; 둥근 반지름
Local $bX = $g_aBtns[$i][1], $bY = $g_aBtns[$i][2]
Local $bW = $g_aBtns[$i][3], $bH = $g_aBtns[$i][4]
_GDIPlus_PathAddArc($hPath, $bX, $bY, $r * 2, $r * 2, 180, 90)
_GDIPlus_PathAddArc($hPath, $bX + $bW - $r * 2, $bY, $r * 2, $r * 2, 270, 90)
_GDIPlus_PathAddArc($hPath, $bX + $bW - $r * 2, $bY + $bH - $r * 2, $r * 2, $r * 2, 0, 90)
_GDIPlus_PathAddArc($hPath, $bX, $bY + $bH - $r * 2, $r * 2, $r * 2, 90, 90)
_GDIPlus_PathCloseFigure($hPath)

Local $hBrush = _GDIPlus_BrushCreateSolid($iColor)
_GDIPlus_GraphicsFillPath($hGfx, $hPath, $hBrush)
_GDIPlus_BrushDispose($hBrush)
_GDIPlus_PathDispose($hPath)

; 텍스트
Local $tRect = _GDIPlus_RectFCreate($bX, $bY, $bW, $bH)
_GDIPlus_GraphicsDrawStringEx($hGfx, $g_aBtns[$i][5], $hFont, $tRect, $hFormat, $hTextBrush)
Next

; Pic에 적용
Local $hHBmp = _GDIPlus_BitmapCreateHBITMAPFromBitmap($hBitmap)
_WinAPI_DeleteObject(GUICtrlSendMsg($g_hPic, 0x0172, 0, $hHBmp)) ; STM_SETIMAGE
_WinAPI_DeleteObject($hHBmp)

_GDIPlus_BrushDispose($hTextBrush)
_GDIPlus_FontDispose($hFont)
_GDIPlus_FontFamilyDispose($hFontFamily)
_GDIPlus_StringFormatDispose($hFormat)
_GDIPlus_GraphicsDispose($hGfx)
_GDIPlus_BitmapDispose($hBitmap)
EndFunc

; ── 마우스 위치로 버튼 인덱스 찾기 ──
Func _HIT_TEST($iMX, $iMY)
For $i = 0 To UBound($g_aBtns) - 1
If $iMX >= $g_aBtns[$i][1] And $iMX <= $g_aBtns[$i][1] + $g_aBtns[$i][3] And _
$iMY >= $g_aBtns[$i][2] And $iMY <= $g_aBtns[$i][2] + $g_aBtns[$i][4] Then
Return $i
EndIf
Next
Return -1
EndFunc

; ── 마우스 이동 ──
Func _WM_MOUSEMOVE($hWnd, $iMsg, $wParam, $lParam)
Local $iMX = BitAND($lParam, 0xFFFF)
Local $iMY = BitShift(BitAND($lParam, 0xFFFF0000), 16)
Local $iIdx = _HIT_TEST($iMX, $iMY)
If $iIdx <> $g_iHoverIdx Then
$g_iHoverIdx = $iIdx
_DRAW_ALL_BUTTONS()
EndIf
Return $GUI_RUNDEFMSG
EndFunc

; ── 마우스 누름 ──
Func _WM_LBUTTONDOWN($hWnd, $iMsg, $wParam, $lParam)
Local $iMX = BitAND($lParam, 0xFFFF)
Local $iMY = BitShift(BitAND($lParam, 0xFFFF0000), 16)
$g_iPressIdx = _HIT_TEST($iMX, $iMY)
If $g_iPressIdx >= 0 Then _DRAW_ALL_BUTTONS()
Return $GUI_RUNDEFMSG
EndFunc

; ── 마우스 뗌 ──
Func _WM_LBUTTONUP($hWnd, $iMsg, $wParam, $lParam)
Local $iMX = BitAND($lParam, 0xFFFF)
Local $iMY = BitShift(BitAND($lParam, 0xFFFF0000), 16)
Local $iIdx = _HIT_TEST($iMX, $iMY)
If $iIdx >= 0 And $iIdx = $g_iPressIdx Then
; 버튼 클릭 이벤트
MsgBox(0, "클릭", $g_aBtns[$iIdx][5] & " 버튼 클릭!")
EndIf
$g_iPressIdx = -1
_DRAW_ALL_BUTTONS()
Return $GUI_RUNDEFMSG
EndFunc
</source>

세 방식의 차이를 정리하면 다음과 같습니다.

**방법 1 (BS_FLAT)** — 코드 한 줄이면 되지만 Windows 기본 버튼 렌더링에 의존하므로 완전한 플랫이 아닙니다. 마우스 오버 시 3D 테두리가 나타납니다.

**방법 2 (Label 활용)** — Label에 배경색과 폰트색을 입히는 방식으로, 코드가 간결하면서도 완전 플랫합니다. 다만 호버/프레스 시 색상 변화를 주려면 타이머나 메시지 처리를 추가해야 합니다.

**방법 3 (GDI+ Owner-Draw)** — 가장 자유도가 높습니다. 둥근 모서리, 호버 색상 변화, 프레스 효과까지 완전히 커스텀 가능합니다. 코드량이 많지만 SQL*KEY처럼 UI를 세밀하게 제어해야 하는 프로그램에 적합합니다.

=== 플랫한 버튼 스타일 예제 ===
<source lang=autoit>

#include <GUIConstantsEx.au3>
#include <WindowsConstants.au3>
#include <GDIPlus.au3>
#include <WinAPI.au3>

; ── Tab Control 스타일 상수 ──
Global Const $TCS_MULTILINE = 0x0200
Global Const $TCS_BUTTONS = 0x0100
Global Const $TCS_FLATBUTTONS = 0x0008
Global Const $TCS_OWNERDRAWFIXED = 0x2000
Global Const $ODT_TAB = 101
Global Const $ODS_SELECTED = 0x0001

; ── 색상 설정 ──
Global Const $CLR_TAB_SELECTED_BG = 0x2196F3 ; 선택된 탭 배경 (파란색)
Global Const $CLR_TAB_SELECTED_TEXT = 0xFFFFFF ; 선택된 탭 텍스트 (흰색)
Global Const $CLR_TAB_NORMAL_BG = 0xE0E0E0 ; 일반 탭 배경 (밝은 회색)
Global Const $CLR_TAB_NORMAL_TEXT = 0x333333 ; 일반 탭 텍스트 (진한 회색)
Global Const $CLR_TAB_HOVER_BG = 0xBBDEFB ; 호버 탭 배경 (연한 파란색)
Global Const $CLR_TAB_HOVER_TEXT = 0x1565C0 ; 호버 탭 텍스트
Global Const $CLR_GUI_BG = 0xFAFAFA ; GUI 배경
Global Const $CLR_CONTENT_BG = 0xFFFFFF ; 탭 콘텐츠 영역 배경

; ── 폰트 설정 ──
Global Const $TAB_FONT_NAME = "맑은 고딕"
Global Const $TAB_FONT_SIZE = 10

; ── 탭 데이터 ──
Global $g_aTabNames[] = [ _
"환경설정", "단축키 관리", "실행파일", "후킹설정", _
"Direct Key", "매크로", "히스토리", "도움말" _
]

Global $g_hGUI, $g_hTab
Global $g_aTabItems[UBound($g_aTabNames)]
Global $g_aTabLabels[UBound($g_aTabNames)] ; 탭별 콘텐츠 라벨
Global $g_iHoverTab = -1

; ── GUI 생성 ──
$g_hGUI = GUICreate("SQL*KEY - Flat Tab Demo", 700, 500)
GUISetBkColor($CLR_GUI_BG)
GUISetFont($TAB_FONT_SIZE, 400, 0, $TAB_FONT_NAME)

; ── Tab 컨트롤 생성 ──
; TCS_OWNERDRAWFIXED: 직접 그리기
; TCS_BUTTONS: 버튼 스타일
; TCS_MULTILINE: 다중 행
; TCS_FLATBUTTONS: 플랫 버튼 (owner-draw와 함께 사용)
$g_hTab = GUICtrlCreateTab(10, 10, 680, 480, _
BitOR($TCS_OWNERDRAWFIXED, $TCS_BUTTONS, $TCS_MULTILINE, $TCS_FLATBUTTONS))
GUICtrlSetFont($g_hTab, $TAB_FONT_SIZE, 400, 0, $TAB_FONT_NAME)

; ── TabItem 생성 ──
For $i = 0 To UBound($g_aTabNames) - 1
$g_aTabItems[$i] = GUICtrlCreateTabItem($g_aTabNames[$i])

; 각 탭의 콘텐츠 예시
$g_aTabLabels[$i] = GUICtrlCreateLabel( _
"[ " & $g_aTabNames[$i] & " ] 탭 콘텐츠 영역", _
30, 80, 640, 380)
GUICtrlSetFont($g_aTabLabels[$i], 14, 400, 0, $TAB_FONT_NAME)
GUICtrlSetColor($g_aTabLabels[$i], 0x757575)
GUICtrlSetBkColor($g_aTabLabels[$i], $CLR_CONTENT_BG)
Next
GUICtrlCreateTabItem("") ; 탭 아이템 종료

; ── WM_DRAWITEM 등록 (탭 커스텀 그리기) ──
GUIRegisterMsg($WM_DRAWITEM, "_WM_DRAWITEM")

; ── WM_MOUSEMOVE 등록 (호버 효과) ──
GUIRegisterMsg($WM_NOTIFY, "_WM_NOTIFY")

GUISetState(@SW_SHOW)

; ── 메인 루프 ──
While 1
Switch GUIGetMsg()
Case $GUI_EVENT_CLOSE
Exit
EndSwitch
WEnd

; ══════════════════════════════════════════════════════
; WM_DRAWITEM 핸들러 - 탭을 플랫 스타일로 직접 그리기
; ══════════════════════════════════════════════════════
Func _WM_DRAWITEM($hWnd, $iMsg, $wParam, $lParam)
; DRAWITEMSTRUCT 구조체 파싱
Local $tDRAWITEM = DllStructCreate( _
"uint CtlType;" & _
"uint CtlID;" & _
"uint itemID;" & _
"uint itemAction;" & _
"uint itemState;" & _
"hwnd hwndItem;" & _
"handle hDC;" & _
"long rcLeft;long rcTop;long rcRight;long rcBottom;" & _
"ulong_ptr itemData", _
$lParam)

Local $iCtlType = DllStructGetData($tDRAWITEM, "CtlType")
If $iCtlType <> $ODT_TAB Then Return $GUI_RUNDEFMSG

Local $iItemID = DllStructGetData($tDRAWITEM, "itemID")
Local $iState = DllStructGetData($tDRAWITEM, "itemState")
Local $hDC = DllStructGetData($tDRAWITEM, "hDC")
Local $iLeft = DllStructGetData($tDRAWITEM, "rcLeft")
Local $iTop = DllStructGetData($tDRAWITEM, "rcTop")
Local $iRight = DllStructGetData($tDRAWITEM, "rcRight")
Local $iBottom = DllStructGetData($tDRAWITEM, "rcBottom")

Local $bSelected = BitAND($iState, $ODS_SELECTED)

; ── 색상 결정 ──
Local $iBgColor, $iTextColor
If $bSelected Then
$iBgColor = $CLR_TAB_SELECTED_BG
$iTextColor = $CLR_TAB_SELECTED_TEXT
ElseIf $iItemID = $g_iHoverTab Then
$iBgColor = $CLR_TAB_HOVER_BG
$iTextColor = $CLR_TAB_HOVER_TEXT
Else
$iBgColor = $CLR_TAB_NORMAL_BG
$iTextColor = $CLR_TAB_NORMAL_TEXT
EndIf

; ── 배경 채우기 (1px 간격으로 버튼 분리) ──
Local $tRect = DllStructCreate("long Left;long Top;long Right;long Bottom")
DllStructSetData($tRect, "Left", $iLeft + 1)
DllStructSetData($tRect, "Top", $iTop + 1)
DllStructSetData($tRect, "Right", $iRight - 1)
DllStructSetData($tRect, "Bottom", $iBottom - 1)

Local $hBrush = _WinAPI_CreateSolidBrush($iBgColor)
_WinAPI_FillRect($hDC, $tRect, $hBrush)
_WinAPI_DeleteObject($hBrush)

; ── 선택된 탭 하단 액센트 라인 ──
If $bSelected Then
Local $tAccent = DllStructCreate("long Left;long Top;long Right;long Bottom")
DllStructSetData($tAccent, "Left", $iLeft + 1)
DllStructSetData($tAccent, "Top", $iBottom - 4)
DllStructSetData($tAccent, "Right", $iRight - 1)
DllStructSetData($tAccent, "Bottom", $iBottom - 1)
Local $hAccentBrush = _WinAPI_CreateSolidBrush(0x0D47A1) ; 진한 파란 액센트
_WinAPI_FillRect($hDC, $tAccent, $hAccentBrush)
_WinAPI_DeleteObject($hAccentBrush)
EndIf

; ── 텍스트 그리기 ──
Local $sText = ""
If $iItemID >= 0 And $iItemID < UBound($g_aTabNames) Then
$sText = $g_aTabNames[$iItemID]
EndIf

; 폰트 생성
Local $hFont = _WinAPI_CreateFont($TAB_FONT_SIZE + 3, 0, 0, 0, _
($bSelected ? 700 : 400), _ ; 선택 시 Bold
False, False, False, _
$DEFAULT_CHARSET, 0, 0, 5, 0, $TAB_FONT_NAME)
Local $hOldFont = _WinAPI_SelectObject($hDC, $hFont)

; 텍스트 색상 및 배경 모드
DllCall("gdi32.dll", "int", "SetBkMode", "handle", $hDC, "int", 1) ; TRANSPARENT
DllCall("gdi32.dll", "int", "SetTextColor", "handle", $hDC, _
"int", $iTextColor)

; 텍스트 중앙 정렬 출력
Local $tTextRect = DllStructCreate("long Left;long Top;long Right;long Bottom")
DllStructSetData($tTextRect, "Left", $iLeft)
DllStructSetData($tTextRect, "Top", $iTop)
DllStructSetData($tTextRect, "Right", $iRight)
DllStructSetData($tTextRect, "Bottom", $iBottom)

; DT_CENTER=1, DT_VCENTER=4, DT_SINGLELINE=32
DllCall("user32.dll", "int", "DrawTextW", _
"handle", $hDC, _
"wstr", $sText, _
"int", -1, _
"struct*", $tTextRect, _
"uint", BitOR(1, 4, 32))

_WinAPI_SelectObject($hDC, $hOldFont)
_WinAPI_DeleteObject($hFont)

Return True ; 그리기 처리 완료
EndFunc

; ══════════════════════════════════════════════════════
; WM_NOTIFY 핸들러 - 호버 효과를 위한 마우스 추적
; ══════════════════════════════════════════════════════
Func _WM_NOTIFY($hWnd, $iMsg, $wParam, $lParam)
Local $tNMHDR = DllStructCreate("hwnd hWndFrom;uint_ptr IDFrom;int Code", $lParam)
Local $iCode = DllStructGetData($tNMHDR, "Code")

; TCN_SELCHANGE = -551 (탭 변경 시 강제 다시 그리기)
If $iCode = -551 Then
_WinAPI_InvalidateRect(GUICtrlGetHandle($g_hTab))
EndIf

Return $GUI_RUNDEFMSG
EndFunc

; ══════════════════════════════════════════════════════
; WinAPI 보조 함수
; ══════════════════════════════════════════════════════
Func _WinAPI_CreateSolidBrush($iColor)
Local $aRet = DllCall("gdi32.dll", "handle", "CreateSolidBrush", "int", $iColor)
Return $aRet[0]
EndFunc

Func _WinAPI_FillRect($hDC, $tRect, $hBrush)
DllCall("user32.dll", "int", "FillRect", "handle", $hDC, "struct*", $tRect, "handle", $hBrush)
EndFunc

</source>

[[category:autoit]]

2026-05-06T15:21:42Z

Devcafe:

==라즈베리파이 + Waveshare e-Paper로 삼성전자/현대차 실시간 주가 모니터링 ==
=== 개요 ===
데이터는 네이버 금융 API(m.stock.naver.com)에서 실시간으로 가져오고, e-ink 수명 보호를 위해 가격이 바뀔 때만 화면을 갱신하도록 구성했습니다.
Waveshare 2.13” 모델 기준이고, 다른 사이즈는 코드 상단에서 모듈만 바꾸면 됩니다.

=== 주요 특징 ===
* 주요 특징
* 데이터 소스: 네이버 모바일 금융 API(m.stock.naver.com/api/stock/{code}/basic) — 별도 API 키 불필요, 응답 안정적
e-ink 보호 로직:
• 가격/등락이 바뀌었을 때만 화면 갱신 (해시 비교)
• 장중 1분, 장외 30분 주기로 자동 전환
• SIGTERM/SIGINT 수신 시 화면 클리어 후 sleep 모드 진입
화면 구성 (2.7” 264x176 가로 모드):
• 상단: 현재 시각 + [장중/장외] 표시
• 종목별 영역에 종목명, 현재가(큰 글씨), ▲▼ 등락폭/등락률, 시가/고가/저가
확인이 필요한 부분
=== 라이브러리 설치 ===

1. 의존 패키지 설치

<source lang=python>
# 시스템 패키지
sudo apt update
sudo apt install -y python3-pip python3-pil python3-numpy fonts-nanum
sudo apt install -y python3-spidev python3-rpi.gpio

# 파이썬 패키지
pip3 install requests Pillow

# SPI 활성화 (raspi-config → Interface Options → SPI → Enable)
sudo raspi-config
</source>

2. Waveshare e-Paper 라이브러리 설치
코드 상단 libdir 경로가 위와 일치하는지 확인.
다른 모델 사용 시 from waveshare_epd import epd2in7 as epd_module 부분만 변경:
• 2.13”: epd2in13_V3
• 2.9”: epd2in9_V2
• 4.2”: epd4in2
• 7.5”: epd7in5_V2
<source lang=python>
cd ~
git clone https://github.com/waveshare/e-Paper.git
</source>

3. 소스 코드 stock_monitor.py
<source lang=python>
#!/usr/bin/env python3
# -*- coding: utf-8 -*-
"""
삼성전자(005930) / 현대차(005380) 실시간 주가 모니터 + 주봉 차트
Raspberry Pi + Waveshare 2.13" e-Paper (250x122)

페이지 자동 전환:
Page 0 - 요약 (양 종목)
Page 1 - 삼성전자 + 주봉 차트
Page 2 - 현대차 + 주봉 차트

Author: 치치 (dbaworks)
"""

import os
import re
import sys
import time
import logging
import signal
import requests
from datetime import datetime, timedelta, time as dtime
from PIL import Image, ImageDraw, ImageFont

libdir = os.path.expanduser('~/e-Paper/RaspberryPi_JetsonNano/python/lib')
if os.path.exists(libdir):
sys.path.append(libdir)

from waveshare_epd import epd2in13_V4 as epd_module # ← 모델에 맞게 변경

# ─────────────────────────────────────────────────────────────
# 설정
# ─────────────────────────────────────────────────────────────
STOCKS = [
{'code': '005930', 'name': '삼성전자'},
{'code': '005380', 'name': '현대차'},
]

CHART_WEEKS = 26 # 주봉 표시 기간
DATA_REFRESH_OPEN = 60 # 장중 시세 갱신 주기 (초)
DATA_REFRESH_CLOSE = 60 * 30 # 장외 시세 갱신 주기
CHART_CACHE_TTL = 60 * 60 # 주봉 캐시 유지 시간 (1시간)
PAGE_DURATION = 20 # 페이지 자동 전환 주기 (초)
FULL_REFRESH_EVERY = 30 # 부분 갱신 N회마다 전체 갱신

FONT_REGULAR = '/usr/share/fonts/truetype/nanum/NanumGothic.ttf'
FONT_BOLD = '/usr/share/fonts/truetype/nanum/NanumGothicBold.ttf'

MARKET_OPEN = dtime(9, 0)
MARKET_CLOSE = dtime(15, 30)

logging.basicConfig(
level=logging.INFO,
format='%(asctime)s [%(levelname)s] %(message)s'
)
log = logging.getLogger(__name__)

# ─────────────────────────────────────────────────────────────
# 데이터 조회
# ─────────────────────────────────────────────────────────────
def fetch_stock(code):
"""현재가 (네이버 모바일 API)"""
url = f'https://m.stock.naver.com/api/stock/{code}/basic'
headers = {
'User-Agent': 'Mozilla/5.0 (Linux; Android 10) AppleWebKit/537.36',
'Referer': 'https://m.stock.naver.com/',
}
try:
r = requests.get(url, headers=headers, timeout=5)
r.raise_for_status()
d = r.json()

def to_int(s):
return int(str(s).replace(',', '').replace('+', '').replace('-', '')) if s else 0

change = to_int(d.get('compareToPreviousClosePrice', '0'))
sign = d.get('compareToPreviousPrice', {}).get('code', '3')
if sign in ('4', '5'):
change = -abs(change)

return {
'name' : d.get('stockName', ''),
'price' : to_int(d.get('closePrice', '0')),
'change' : change,
'change_rate' : float(d.get('fluctuationsRatio', '0')),
'sign' : sign,
'open' : to_int(d.get('openPrice', '0')),
'high' : to_int(d.get('highPrice', '0')),
'low' : to_int(d.get('lowPrice', '0')),
}
except Exception as e:
log.error(f"[{code}] 시세 조회 실패: {e}")
return None

def fetch_weekly_chart(code, weeks=CHART_WEEKS):
"""
주봉 종가 리스트 [(YYYYMMDD, close), ...]
네이버 차트 API: 응답이 Python list-literal 형태의 텍스트
"""
end = datetime.now()
# 여유분 포함해서 weeks*7+30일치 요청
start = end - timedelta(days=weeks * 7 + 30)
url = (f'https://api.finance.naver.com/siseJson.naver'
f'?symbol={code}&requestType=1'
f'&startTime={start.strftime("%Y%m%d")}'
f'&endTime={end.strftime("%Y%m%d")}'
f'&timeframe=week')
try:
r = requests.get(url, headers={'User-Agent': 'Mozilla/5.0'}, timeout=8)
r.raise_for_status()
text = r.text.strip()

# 각 [...] 블록 추출 후 파싱
rows = re.findall(r"\[([^\[\]]+)\]", text)
data = []
for row in rows:
parts = [p.strip() for p in row.split(',')]
if len(parts) < 5:
continue
date_str = parts[0].strip("'\" ")
if not date_str.isdigit(): # 헤더 행 스킵
continue
try:
close = float(parts[4])
data.append((date_str, close))
except (ValueError, IndexError):
continue

return data[-weeks:] if len(data) > weeks else data
except Exception as e:
log.error(f"[{code}] 주봉 조회 실패: {e}")
return []

# ─────────────────────────────────────────────────────────────
# 유틸
# ─────────────────────────────────────────────────────────────
def fmt_price(p):
return f"{p:,}"

def fmt_axis(v):
"""차트 y축 라벨용 포맷"""
if v >= 10000:
return f'{v/10000:.1f}만'
if v >= 1000:
return f'{v/1000:.1f}k'
return f'{int(v)}'

def change_symbol(sign):
if sign in ('1', '2'):
return '▲'
if sign in ('4', '5'):
return '▼'
return '-'

def is_market_hours():
now = datetime.now()
if now.weekday() >= 5:
return False
return MARKET_OPEN <= now.time() <= MARKET_CLOSE

# ─────────────────────────────────────────────────────────────
# 화면 그리기
# ─────────────────────────────────────────────────────────────
def _new_canvas(epd):
"""가로 모드 빈 캔버스 (250x122)"""
width, height = epd.height, epd.width
image = Image.new('1', (width, height), 255)
return image, ImageDraw.Draw(image), width, height

def build_summary_image(epd, stocks_data):
"""요약 페이지: 양 종목을 위/아래 분할 표시"""
image, draw, width, height = _new_canvas(epd)

f_hdr = ImageFont.truetype(FONT_BOLD, 11)
f_time = ImageFont.truetype(FONT_REGULAR, 10)
f_name = ImageFont.truetype(FONT_BOLD, 13)
f_price = ImageFont.truetype(FONT_BOLD, 22)
f_chg = ImageFont.truetype(FONT_BOLD, 11)
f_tiny = ImageFont.truetype(FONT_REGULAR, 9)

market = '장중' if is_market_hours() else '장외'
draw.text((2, 0), f'주가[{market}]', font=f_hdr, fill=0)
now_str = datetime.now().strftime('%m-%d %H:%M')
bbox = draw.textbbox((0, 0), now_str, font=f_time)
draw.text((width - (bbox[2] - bbox[0]) - 2, 1), now_str, font=f_time, fill=0)
draw.line([(0, 13), (width, 13)], fill=0, width=1)

section_h = (height - 14) // len(stocks_data)
y = 15

for i, d in enumerate(stocks_data):
if d is None:
draw.text((4, y + 18), '데이터 조회 실패', font=f_name, fill=0)
y += section_h
continue

draw.text((3, y + 2), d['name'], font=f_name, fill=0)
price_str = fmt_price(d['price'])
bbox = draw.textbbox((0, 0), price_str, font=f_price)
draw.text((width - (bbox[2]-bbox[0]) - 3, y + 1), price_str, font=f_price, fill=0)

sym = change_symbol(d['sign'])
chg_str = f"{sym} {abs(d['change']):,} ({d['change_rate']:+.2f}%)"
draw.text((3, y + 26), chg_str, font=f_chg, fill=0)

ohl = f"시{fmt_price(d['open'])} 고{fmt_price(d['high'])} 저{fmt_price(d['low'])}"
draw.text((3, y + 41), ohl, font=f_tiny, fill=0)

y += section_h
if i < len(stocks_data) - 1:
draw.line([(0, y - 1), (width, y - 1)], fill=0, width=1)

return image

def build_chart_image(epd, stock, chart_data):
"""차트 페이지: 단일 종목 + 주봉 라인 차트"""
image, draw, width, height = _new_canvas(epd)

f_name = ImageFont.truetype(FONT_BOLD, 13)
f_price = ImageFont.truetype(FONT_BOLD, 16)
f_chg = ImageFont.truetype(FONT_BOLD, 11)
f_tiny = ImageFont.truetype(FONT_REGULAR, 9)

if stock is None:
draw.text((60, 50), '데이터 조회 실패', font=f_name, fill=0)
return image

# 헤더: 종목명 + 현재가
draw.text((3, 0), stock['name'], font=f_name, fill=0)
price_str = fmt_price(stock['price'])
bbox = draw.textbbox((0, 0), price_str, font=f_price)
draw.text((width - (bbox[2]-bbox[0]) - 3, 0), price_str, font=f_price, fill=0)

# 등락 + 페이지 라벨
sym = change_symbol(stock['sign'])
chg_str = f"{sym} {abs(stock['change']):,} ({stock['change_rate']:+.2f}%)"
draw.text((3, 18), chg_str, font=f_chg, fill=0)

label = f'주봉 {len(chart_data)}주'
bbox = draw.textbbox((0, 0), label, font=f_tiny)
draw.text((width - (bbox[2]-bbox[0]) - 3, 21), label, font=f_tiny, fill=0)

draw.line([(0, 32), (width, 32)], fill=0, width=1)

# ── 차트 영역 ──
cx, cy = 3, 36 # 좌상단
cw, ch = 200, 82 # 폭, 높이 (오른쪽에 라벨 공간 확보)

if not chart_data or len(chart_data) < 2:
draw.text((cx + 40, cy + ch//2 - 5), '차트 데이터 없음', font=f_tiny, fill=0)
return image

closes = [c[1] for c in chart_data]
pmin, pmax = min(closes), max(closes)
if pmax == pmin:
pmax = pmin + 1
span = pmax - pmin

# 축
draw.line([(cx, cy), (cx, cy + ch)], fill=0, width=1)
draw.line([(cx, cy + ch), (cx + cw, cy + ch)], fill=0, width=1)

# 가로 그리드 (중간선)
mid_y = cy + ch // 2
for x in range(cx + 2, cx + cw, 6):
draw.point((x, mid_y), fill=0)

# 라인 그리기
n = len(closes)
pts = []
for i, c in enumerate(closes):
px = cx + 1 + int(i * (cw - 2) / max(n - 1, 1))
py = cy + ch - 1 - int((c - pmin) / span * (ch - 3))
pts.append((px, py))

for i in range(len(pts) - 1):
draw.line([pts[i], pts[i + 1]], fill=0, width=1)

# 현재가(마지막 봉) 강조 표시
last_x, last_y = pts[-1]
draw.ellipse([last_x - 2, last_y - 2, last_x + 2, last_y + 2], fill=0)

# Y축 라벨 (오른쪽)
label_x = cx + cw + 3
draw.text((label_x, cy - 4), fmt_axis(pmax), font=f_tiny, fill=0)
draw.text((label_x, mid_y - 5), fmt_axis((pmax + pmin) / 2), font=f_tiny, fill=0)
draw.text((label_x, cy + ch - 9), fmt_axis(pmin), font=f_tiny, fill=0)

# X축 라벨 (시작 / 끝 날짜)
if chart_data:
d_start = chart_data[0][0]
d_end = chart_data[-1][0]
# YYYYMMDD → MM/DD
s_str = f'{d_start[4:6]}/{d_start[6:8]}'
e_str = f'{d_end[4:6]}/{d_end[6:8]}'
draw.text((cx + 2, cy + ch + 1), s_str, font=f_tiny, fill=0)
bbox = draw.textbbox((0, 0), e_str, font=f_tiny)
draw.text((cx + cw - (bbox[2]-bbox[0]) - 2, cy + ch + 1), e_str, font=f_tiny, fill=0)

return image

# ─────────────────────────────────────────────────────────────
# 메인 루프
# ─────────────────────────────────────────────────────────────
running = True

def handle_signal(signum, frame):
global running
log.info(f"신호 수신({signum}) - 종료 처리")
running = False

def render(epd, image, state):
"""전체/부분 갱신을 자동 선택해 화면 출력"""
if state['first'] or state['partial_count'] >= FULL_REFRESH_EVERY:
epd.init()
epd.display(epd.getbuffer(image))
state['partial_count'] = 0
state['first'] = False
log.info("전체 갱신")
else:
try:
epd.displayPartial(epd.getbuffer(image))
state['partial_count'] += 1
log.info(f"부분 갱신 ({state['partial_count']}/{FULL_REFRESH_EVERY})")
except AttributeError:
epd.display(epd.getbuffer(image))
log.info("전체 갱신 (부분 갱신 미지원)")

def main():
signal.signal(signal.SIGINT, handle_signal)
signal.signal(signal.SIGTERM, handle_signal)

log.info("주가 모니터 시작 (Waveshare 2.13\")")
epd = epd_module.EPD()
epd.init()
epd.Clear(0xFF)

stocks_data = [None] * len(STOCKS)
chart_cache = {} # code -> ([(date, close), ...], fetched_at)
state = {'first': True, 'partial_count': 0}

total_pages = 1 + len(STOCKS) # 요약 + 종목별 차트
current_page = 0

last_data_fetch = 0
last_page_switch = time.time()

try:
while running:
now = time.time()
need_redraw = False

# ── 시세 갱신 ──
interval = DATA_REFRESH_OPEN if is_market_hours() else DATA_REFRESH_CLOSE
if now - last_data_fetch >= interval:
for i, s in enumerate(STOCKS):
d = fetch_stock(s['code'])
stocks_data[i] = d
if d:
log.info(f"{d['name']:8s} {d['price']:>8,} "
f"{change_symbol(d['sign'])}{abs(d['change']):>6,} "
f"({d['change_rate']:+.2f}%)")
last_data_fetch = now
need_redraw = True

# ── 주봉 캐시 갱신 ──
for s in STOCKS:
code = s['code']
cached = chart_cache.get(code)
if cached is None or now - cached[1] >= CHART_CACHE_TTL:
log.info(f"[{code}] 주봉 조회")
chart = fetch_weekly_chart(code)
chart_cache[code] = (chart, now)
need_redraw = True

# ── 페이지 전환 ──
if now - last_page_switch >= PAGE_DURATION:
current_page = (current_page + 1) % total_pages
last_page_switch = now
need_redraw = True
log.info(f"페이지 전환 → {current_page}")

# ── 그리기 ──
if need_redraw:
if current_page == 0:
image = build_summary_image(epd, stocks_data)
else:
idx = current_page - 1
code = STOCKS[idx]['code']
chart = chart_cache.get(code, ([], 0))[0]
image = build_chart_image(epd, stocks_data[idx], chart)
render(epd, image, state)

# 1초 단위로 깨어나서 페이지/데이터 시점 체크
for _ in range(1):
if not running:
break
time.sleep(1)

except Exception as e:
log.exception(f"오류: {e}")
finally:
log.info("e-Paper 정리")
try:
epd.init()
epd.Clear(0xFF)
epd.sleep()
except Exception:
pass
log.info("종료 완료")

if __name__ == '__main__':
main()

</source>
3-2. 요약페이지 3행1열 - 2개 페이지 , 주봉차트 6개
<source lang=python>
#!/usr/bin/env python3
# -*- coding: utf-8 -*-
"""
6종목 실시간 주가 모니터 + 주봉 차트
Raspberry Pi + Waveshare 2.13" e-Paper (250x122)

페이지 구성 (총 8페이지):
Page 0 - 요약 1/2 (종목 1~3)
Page 1 - 요약 2/2 (종목 4~6)
Page 2~7 - 각 종목 + 주봉 차트

Author: 치치 (dbaworks)
"""

import os
import re
import sys
import time
import logging
import signal
import requests
from datetime import datetime, timedelta, time as dtime
from PIL import Image, ImageDraw, ImageFont

libdir = os.path.expanduser('~/e-Paper/RaspberryPi_JetsonNano/python/lib')
if os.path.exists(libdir):
sys.path.append(libdir)

from waveshare_epd import epd2in13_V4 as epd_module # ← 모델에 맞게 변경

# ─────────────────────────────────────────────────────────────
# 종목 설정 (6개)
# ─────────────────────────────────────────────────────────────
STOCKS = [
{'code': '005930', 'name': '삼성전자', 'short': '삼성전자'},
{'code': '000660', 'name': 'SK하이닉스', 'short': 'SK하이닉스'},
{'code': '005380', 'name': '현대차', 'short': '현대차'},
{'code': '035420', 'name': 'NAVER', 'short': 'NAVER'},
{'code': '005490', 'name': 'POSCO홀딩스', 'short': 'POSCO홀딩스'},
{'code': '373220', 'name': 'LG에너지솔루션','short': 'LG엔솔'},
]

CHART_WEEKS = 26
DATA_REFRESH_OPEN = 60
DATA_REFRESH_CLOSE = 60 * 30
CHART_CACHE_TTL = 60 * 60
PAGE_DURATION = 12 # 페이지당 머무는 시간(초)
FULL_REFRESH_EVERY = 10 # 부분갱신 N회 후 전체갱신 (잔상 방지)

FONT_REGULAR = '/usr/share/fonts/truetype/nanum/NanumGothic.ttf'
FONT_BOLD = '/usr/share/fonts/truetype/nanum/NanumGothicBold.ttf'

MARKET_OPEN = dtime(9, 0)
MARKET_CLOSE = dtime(15, 30)

# 요약 페이지 1장당 표시할 종목 수
STOCKS_PER_SUMMARY = 3
SUMMARY_PAGES = (len(STOCKS) + STOCKS_PER_SUMMARY - 1) // STOCKS_PER_SUMMARY

logging.basicConfig(
level=logging.INFO,
format='%(asctime)s [%(levelname)s] %(message)s'
)
log = logging.getLogger(__name__)

# ─────────────────────────────────────────────────────────────
# 데이터 조회
# ─────────────────────────────────────────────────────────────
def fetch_stock(code):
url = f'https://m.stock.naver.com/api/stock/{code}/basic'
headers = {
'User-Agent': 'Mozilla/5.0 (Linux; Android 10) AppleWebKit/537.36',
'Referer': 'https://m.stock.naver.com/',
}
try:
r = requests.get(url, headers=headers, timeout=5)
r.raise_for_status()
d = r.json()

def to_int(s):
return int(str(s).replace(',', '').replace('+', '').replace('-', '')) if s else 0

change = to_int(d.get('compareToPreviousClosePrice', '0'))
sign = d.get('compareToPreviousPrice', {}).get('code', '3')
if sign in ('4', '5'):
change = -abs(change)

return {
'name' : d.get('stockName', ''),
'price' : to_int(d.get('closePrice', '0')),
'change' : change,
'change_rate' : float(d.get('fluctuationsRatio', '0')),
'sign' : sign,
'open' : to_int(d.get('openPrice', '0')),
'high' : to_int(d.get('highPrice', '0')),
'low' : to_int(d.get('lowPrice', '0')),
}
except Exception as e:
log.error(f"[{code}] 시세 조회 실패: {e}")
return None

def fetch_weekly_chart(code, weeks=CHART_WEEKS):
end = datetime.now()
start = end - timedelta(days=weeks * 7 + 30)
url = (f'https://api.finance.naver.com/siseJson.naver'
f'?symbol={code}&requestType=1'
f'&startTime={start.strftime("%Y%m%d")}'
f'&endTime={end.strftime("%Y%m%d")}'
f'&timeframe=week')
try:
r = requests.get(url, headers={'User-Agent': 'Mozilla/5.0'}, timeout=8)
r.raise_for_status()
text = r.text.strip()

rows = re.findall(r"\[([^\[\]]+)\]", text)
data = []
for row in rows:
parts = [p.strip() for p in row.split(',')]
if len(parts) < 5:
continue
date_str = parts[0].strip("'\" ")
if not date_str.isdigit():
continue
try:
close = float(parts[4])
data.append((date_str, close))
except (ValueError, IndexError):
continue

return data[-weeks:] if len(data) > weeks else data
except Exception as e:
log.error(f"[{code}] 주봉 조회 실패: {e}")
return []

# ─────────────────────────────────────────────────────────────
# 유틸
# ─────────────────────────────────────────────────────────────
def fmt_price(p):
return f"{p:,}"

def fmt_axis(v):
if v >= 10000:
return f'{v/10000:.1f}만'
if v >= 1000:
return f'{v/1000:.1f}k'
return f'{int(v)}'

def change_symbol(sign):
if sign in ('1', '2'):
return '▲'
if sign in ('4', '5'):
return '▼'
return '-'

def is_market_hours():
now = datetime.now()
if now.weekday() >= 5:
return False
return MARKET_OPEN <= now.time() <= MARKET_CLOSE

# ─────────────────────────────────────────────────────────────
# 화면 그리기
# ─────────────────────────────────────────────────────────────
def _new_canvas(epd):
width, height = epd.height, epd.width # 250 x 122
image = Image.new('1', (width, height), 255)
return image, ImageDraw.Draw(image), width, height

def build_summary_image(epd, stocks_data, page_idx):
"""
요약 페이지: 3행 1열
page_idx: 0 = 종목 1~3, 1 = 종목 4~6
"""
image, draw, width, height = _new_canvas(epd)

f_hdr = ImageFont.truetype(FONT_BOLD, 11)
f_time = ImageFont.truetype(FONT_REGULAR, 9)
f_name = ImageFont.truetype(FONT_BOLD, 13)
f_price = ImageFont.truetype(FONT_BOLD, 18)
f_chg = ImageFont.truetype(FONT_BOLD, 10)
f_tiny = ImageFont.truetype(FONT_REGULAR, 9)

# ── 헤더 (12px) ──
market = '장중' if is_market_hours() else '장외'
hdr_text = f'KR주식[{market}] {page_idx+1}/{SUMMARY_PAGES}'
draw.text((2, 0), hdr_text, font=f_hdr, fill=0)

now_str = datetime.now().strftime('%m-%d %H:%M')
bbox = draw.textbbox((0, 0), now_str, font=f_time)
draw.text((width - (bbox[2] - bbox[0]) - 2, 1), now_str, font=f_time, fill=0)
draw.line([(0, 12), (width, 12)], fill=0, width=1)

# ── 종목 영역: 110px / 3행 ≒ 36px/행 ──
grid_top = 13
row_h = (height - grid_top) // STOCKS_PER_SUMMARY # 36
start = page_idx * STOCKS_PER_SUMMARY
end = min(start + STOCKS_PER_SUMMARY, len(STOCKS))

for i in range(STOCKS_PER_SUMMARY):
y = grid_top + i * row_h
idx = start + i

# 행 구분선
if i > 0:
draw.line([(0, y), (width, y)], fill=0, width=1)

if idx >= end:
continue

meta = STOCKS[idx]
d = stocks_data[idx]

if d is None:
draw.text((3, y + 2), meta['short'], font=f_name, fill=0)
draw.text((3, y + 18), '데이터 조회 실패', font=f_chg, fill=0)
continue

# 1행: 종목명(좌) + 현재가(우, 크게)
draw.text((3, y + 1), meta['short'], font=f_name, fill=0)

price_str = fmt_price(d['price'])
bbox = draw.textbbox((0, 0), price_str, font=f_price)
draw.text((width - (bbox[2]-bbox[0]) - 3, y + 1),
price_str, font=f_price, fill=0)

# 2행: ▲/▼ 등락 + 등락률 (좌) + 시/고/저 (우, 작게)
sym = change_symbol(d['sign'])
chg_str = f"{sym} {abs(d['change']):,} ({d['change_rate']:+.2f}%)"
draw.text((3, y + 21), chg_str, font=f_chg, fill=0)

ohl = f"고{fmt_price(d['high'])} 저{fmt_price(d['low'])}"
bbox = draw.textbbox((0, 0), ohl, font=f_tiny)
draw.text((width - (bbox[2]-bbox[0]) - 3, y + 23),
ohl, font=f_tiny, fill=0)

return image

def build_chart_image(epd, stock_meta, stock_data, chart_data):
"""차트 페이지: 단일 종목 + 주봉 라인 차트"""
image, draw, width, height = _new_canvas(epd)

f_name = ImageFont.truetype(FONT_BOLD, 13)
f_price = ImageFont.truetype(FONT_BOLD, 16)
f_chg = ImageFont.truetype(FONT_BOLD, 11)
f_tiny = ImageFont.truetype(FONT_REGULAR, 9)

# 헤더
draw.text((3, 0), stock_meta['name'], font=f_name, fill=0)

if stock_data is None:
draw.text((3, 22), '시세 조회 실패', font=f_chg, fill=0)
else:
price_str = fmt_price(stock_data['price'])
bbox = draw.textbbox((0, 0), price_str, font=f_price)
draw.text((width - (bbox[2]-bbox[0]) - 3, 0),
price_str, font=f_price, fill=0)

sym = change_symbol(stock_data['sign'])
chg_str = f"{sym} {abs(stock_data['change']):,} ({stock_data['change_rate']:+.2f}%)"
draw.text((3, 18), chg_str, font=f_chg, fill=0)

label = f'주봉 {len(chart_data)}주'
bbox = draw.textbbox((0, 0), label, font=f_tiny)
draw.text((width - (bbox[2]-bbox[0]) - 3, 21), label, font=f_tiny, fill=0)
draw.line([(0, 32), (width, 32)], fill=0, width=1)

# 차트 영역
cx, cy = 3, 36
cw, ch = 200, 82

if not chart_data or len(chart_data) < 2:
draw.text((cx + 40, cy + ch//2 - 5), '차트 데이터 없음', font=f_tiny, fill=0)
return image

closes = [c[1] for c in chart_data]
pmin, pmax = min(closes), max(closes)
if pmax == pmin:
pmax = pmin + 1
span = pmax - pmin

draw.line([(cx, cy), (cx, cy + ch)], fill=0, width=1)
draw.line([(cx, cy + ch), (cx + cw, cy + ch)], fill=0, width=1)

mid_y = cy + ch // 2
for x in range(cx + 2, cx + cw, 6):
draw.point((x, mid_y), fill=0)

n = len(closes)
pts = []
for i, c in enumerate(closes):
px = cx + 1 + int(i * (cw - 2) / max(n - 1, 1))
py = cy + ch - 1 - int((c - pmin) / span * (ch - 3))
pts.append((px, py))

for i in range(len(pts) - 1):
draw.line([pts[i], pts[i + 1]], fill=0, width=1)

last_x, last_y = pts[-1]
draw.ellipse([last_x - 2, last_y - 2, last_x + 2, last_y + 2], fill=0)

label_x = cx + cw + 3
draw.text((label_x, cy - 4), fmt_axis(pmax), font=f_tiny, fill=0)
draw.text((label_x, mid_y - 5), fmt_axis((pmax + pmin) / 2), font=f_tiny, fill=0)
draw.text((label_x, cy + ch - 9), fmt_axis(pmin), font=f_tiny, fill=0)

if chart_data:
d_start = chart_data[0][0]
d_end = chart_data[-1][0]
s_str = f'{d_start[4:6]}/{d_start[6:8]}'
e_str = f'{d_end[4:6]}/{d_end[6:8]}'
draw.text((cx + 2, cy + ch + 1), s_str, font=f_tiny, fill=0)
bbox = draw.textbbox((0, 0), e_str, font=f_tiny)
draw.text((cx + cw - (bbox[2]-bbox[0]) - 2, cy + ch + 1),
e_str, font=f_tiny, fill=0)

return image

# ─────────────────────────────────────────────────────────────
# 페이지 라우팅
# ─────────────────────────────────────────────────────────────
def total_pages():
return SUMMARY_PAGES + len(STOCKS)

def page_label(page):
if page < SUMMARY_PAGES:
return f'요약 {page+1}/{SUMMARY_PAGES}'
return STOCKS[page - SUMMARY_PAGES]['short']

def render_page(epd, page, stocks_data, chart_cache):
if page < SUMMARY_PAGES:
return build_summary_image(epd, stocks_data, page)
idx = page - SUMMARY_PAGES
code = STOCKS[idx]['code']
chart = chart_cache.get(code, ([], 0))[0]
return build_chart_image(epd, STOCKS[idx], stocks_data[idx], chart)

# ─────────────────────────────────────────────────────────────
# e-Paper 갱신 (잔상 방지 개선판)
# ─────────────────────────────────────────────────────────────
def display_full_clear(epd, image):
"""페이지 전환용: 화면을 흰색으로 완전히 지운 뒤 새로 그림"""
epd.init()
epd.Clear(0xFF) # 화면 전체를 흰색으로 강제 클리어 (잔상 제거)
time.sleep(0.3) # 클리어 안정화
epd.display(epd.getbuffer(image))

def display_full(epd, image):
"""전체 갱신 (Clear 없이)"""
epd.init()
epd.display(epd.getbuffer(image))

def display_partial(epd, image):
"""부분 갱신 (깜빡임 없음, 잔상 누적됨)"""
epd.displayPartial(epd.getbuffer(image))

# ─────────────────────────────────────────────────────────────
# 메인 루프
# ─────────────────────────────────────────────────────────────
running = True

def handle_signal(signum, frame):
global running
log.info(f"신호 수신({signum}) - 종료 처리")
running = False

def main():
signal.signal(signal.SIGINT, handle_signal)
signal.signal(signal.SIGTERM, handle_signal)

log.info(f"주가 모니터 시작 - 종목 {len(STOCKS)}개, 총 {total_pages()}페이지")
epd = epd_module.EPD()
epd.init()
epd.Clear(0xFF)

stocks_data = [None] * len(STOCKS)
chart_cache = {}

current_page = 0
prev_page = -1 # 페이지 전환 감지용
partial_count = 0

last_data_fetch = 0
last_page_switch = time.time()

try:
while running:
now = time.time()
need_redraw = False

# ── 시세 갱신 ──
interval = DATA_REFRESH_OPEN if is_market_hours() else DATA_REFRESH_CLOSE
if now - last_data_fetch >= interval:
for i, s in enumerate(STOCKS):
d = fetch_stock(s['code'])
stocks_data[i] = d
if d:
log.info(f"{s['short']:10s} {d['price']:>8,} "
f"{change_symbol(d['sign'])}{abs(d['change']):>6,} "
f"({d['change_rate']:+.2f}%)")
time.sleep(0.2)
last_data_fetch = now
need_redraw = True

# ── 주봉 캐시 갱신 ──
for s in STOCKS:
code = s['code']
cached = chart_cache.get(code)
if cached is None or now - cached[1] >= CHART_CACHE_TTL:
log.info(f"[{code}] 주봉 조회")
chart = fetch_weekly_chart(code)
chart_cache[code] = (chart, now)
time.sleep(0.2)

# ── 페이지 자동 전환 ──
if now - last_page_switch >= PAGE_DURATION:
current_page = (current_page + 1) % total_pages()
last_page_switch = now
need_redraw = True
log.info(f"페이지 전환 → {current_page} ({page_label(current_page)})")

# ── 그리기 ──
if need_redraw:
image = render_page(epd, current_page, stocks_data, chart_cache)
page_changed = (current_page != prev_page)

if page_changed:
# 페이지 전환: Clear로 화면 완전히 지우고 새로 그림 (잔상 제거)
display_full_clear(epd, image)
partial_count = 0
log.info(f"갱신: FULL+CLEAR ({page_label(current_page)})")
elif partial_count >= FULL_REFRESH_EVERY:
# 같은 페이지에서 부분갱신 누적 → 전체갱신
display_full(epd, image)
partial_count = 0
log.info("갱신: FULL")
else:
# 같은 페이지 데이터만 변경 → 부분갱신
try:
display_partial(epd, image)
partial_count += 1
log.info(f"갱신: PARTIAL ({partial_count}/{FULL_REFRESH_EVERY})")
except AttributeError:
display_full(epd, image)
log.info("갱신: FULL (부분갱신 미지원)")

prev_page = current_page

time.sleep(1)

except Exception as e:
log.exception(f"오류: {e}")
finally:
log.info("e-Paper 정리")
try:
epd.init()
epd.Clear(0xFF)
epd.sleep()
except Exception:
pass
log.info("종료 완료")

if __name__ == '__main__':
main()
</source>

4. 실행 테스트
<source lang=python>
python3 stock_monitor.py
</source>

5. 부팅 시 자동 실행 (systemd)
/etc/systemd/system/stock-monitor.service 파일 생성:
<source lang=python>
[Unit]
Description=Stock Price e-Paper Monitor
After=network-online.target
Wants=network-online.target

[Service]
Type=simple
User=pi
WorkingDirectory=/home/pi/stock_monitor
ExecStart=/usr/bin/python3 /home/pi/stock_monitor/stock_monitor.py
Restart=on-failure
RestartSec=10

[Install]
WantedBy=multi-user.target

</source>

활성화
<source lang=bash>
sudo systemctl daemon-reload
sudo systemctl enable stock-monitor.service
sudo systemctl start stock-monitor.service
sudo systemctl status stock-monitor.service
</source>

로그확인

<source lang=python>
journalctl -u stock-monitor.service -f
</source>

라즈베리파이 제로 e-ink 사용하기

2026-05-06T15:13:11Z

Devcafe: /* 주식 */

__notoc__
{{#metadata:key=데브카페}}
{{#metadata:key=파이썬}}
{{#metadata:key=프로그램개발}}
{{#metadata:key=autoit}}
{{#metadata:key=미디어위키}}

= Welcome to DEV CAFE =
* {{CURRENTYEAR}}.{{CURRENTMONTHNAME}}.{{CURRENTDAY}}({{CURRENTDAYNAME}}) , 이세상 모든 개발에 대한 이야기 {{SERVER}}
<p sizes="(max-width: 600px) 480px,800px">
https://devcafe.co.kr/w/images/devcafe_main3.jpeg
</p>
{{틀:타이틀 라운드
|제목=[[:Category:python|파이썬]]: {{PAGESINCATEGORY: python}} 건 , [[:Category:미디어위키]] : {{PAGESINCATEGORY: 미디어위키}} 건 , [[:Category:autoit|오토잇]]: {{PAGESINCATEGORY: autoit}} 건, [[:Category:linux|LINUX]]: {{PAGESINCATEGORY: linux}} 건, [[:Category:음악]]: {{PAGESINCATEGORY: 음악}} 건
|아이콘=emoji_objects
}}
== IT/기술 ==
=== [[파이썬|파이썬 프로그래밍]] ===
==== 파이썬 설치 ====
# [[파이썬 설치]]
# [[Python 가상환경|파이썬 가상화]]
# [[pip 이용 파이썬 라이브러리 설치|파이썬 라이브러리 설치]]
# [[pip 이용 파이썬 라이브러리 설치#설치 패키지 추출|설치된 파이썬 라이브러리 추출하기]]
# [[Python whl 설치|.whl 파일 다운로드 설치법]]

==== 파이썬 기초 ====
{{알림
|내용='''[[:category:Python|Python]] Foundation'''
# [[PYTHON 데이터형|파이썬 데이터형]]
# [[튜플 리스트 딕셔너리 차이점,특징,사용예시|튜플 리스트 딕셔너리]]
# [[파이썬 명명규칙]]
# [[파이썬 클래스]]
|아이콘이름=accessibility
}}

==== 파이썬 고급 ====
:# [[파이썬 개발 추천기능 TOP10|파이썬 고급 기능 TOP 10]]
:# [[Python Cheat Sheet|파이썬 치트 쉬트 ]]
:# [[파이썬 config parser|파이썬 .ini 환경파일에 읽고쓰기]]
:# [[파이썬 로깅]]

==== 파이썬 응용 ====
# [[PyQt|파이썬 GUI 프로그램 개발]]
# [[Process memory share|쉐어 메모리 접근]]
# [[Python Cheat Sheet#Parallel Processing|병렬처리 프로세싱]]
# [[멀티프로세싱]]
# [[파이썬 스케줄러 모듈]]
# [[파이썬 장고]]
# [[flask]]
# [[Json 이용 키-값 추가 수정 삭제 방법|JSON 키값 수정/삭]]
# [[파이썬 mybatis xml sql 파싱 방법|XML 파싱(Mybatis)]]
# [[스케줄러 만들기]]

==== 판다스(Pandas) 기초 ====
{{알림
|아이콘이름=apps
|내용= '''[[:category:pandas|PANDAS]] Foundation'''
# [[pandas|판다스(pandas) 기초]]
# [https://pandas.pydata.org/docs/ pandas 공식문서]
# [https://realpython.com/pandas-dataframe/ 리얼 판다스 튜토리얼]
# [https://www.geeksforgeeks.org/pandas-tutorial/ 그릭스 판다스 튜토리얼]
# [https://towardsdatascience.com/?gi=196f5e0ef243 투왈즈 튜터리얼]
}}

==== 판다스 응용 ====
# [[PANDAS 와 SQL 쿼리]]
# [[Pandas mysql insert]]
# [[Pandas 엑셀]]

==== [[:category:streamlit|스트림릿 (Streamlit)]] 기초 ====
# [[Streamlit 기초]]
# [[Streamlit 개발 사이트|Streamlit 참고 사이트]]
# [[Streamlit Extention]]
# [[Streamlit 개발|Streamlit 프로그램]]

==== 파이썬 응용프로그램 개발 ====
# [[주식 자동매매 프로그램 개발]]
## [[대신증권 API 활용]]
## [[키움증권 api 매수매도|키움증권 API 활용]]
# [[개인 PC 텍스트 검색 채봇]]
## [[개인 PC 텍스트 검색 챗봇 웹 화면]]
# [[SQL 정리 툴|SQL Formater(정리)]]

----

=== [[:category:java|JAVA 프로그래밍]] ===
==== [[Java openjdk 설치|JAVA 설치]] ====
==== [[JAVA 기초]] ====
# [[JAVA 명명 규칙]]

----

=== [[:category:autoit|Autotit 프로그래밍]] ===
{{틀:알림
|아이콘이름=adb
|내용 = <big>오토잇 프로그래밍 설치 및 기초 문법</big>
# [[Auotit 설치]]
# [[Autoit 기초 문법]]
}}

=== [[Autoit gui|Autoit GUI]] ===
:# [[Autoit GUI 컨트롤 스타일|GUI 컨트롤 스타일]]
:# [[Handle의 class instance 값 구하는 방법|GUI 컨트롤 핸들 찾기]]
:# [[Autoit 멀티 윈도우 컨트롤]]
:# [[리스트뷰(그리드) 생성]]

=== [[Autoit 프로그램 개발]] ===
:# [[Autoit sqlite|SQLite 디비 연결]]
:# [[Autoit oracle connect|ORACLE 디비 연결]]
:# [[Autoit 키보드 후킹|키보드 후킹]]
:# [[Autoit 자동 업그레이드 프로그램 개발|자동 업데이트 프로그램 개발]]
----

=== [[에디터 활용]] ===
==== [[:category:vscode|VS 코드(VS Code)]] ====
# [[Vscode 단축키]]

==== [[:Category:서브라임|서브라임 (sublime)]] ====
# [[서브라임 sublime 단축키|Sublime 단축키]]
# [[Sublime plugin 생성 방법|Sublime 플러그인 만들기]]
# [[sublime emmet]]
==== [[Vi 명령어|vi 편집기]] ====
# [[Vi mode - ksh bash zsh]]

----

== 미디어위키 사용법 ==
{{틀:알림
|아이콘이름=school
|내용= '''미디어 위키 초보자 가이드'''
# [[미디어위키 기본 사용법]]
# [[환경세팅 파일|환경설정(LocalSettings.php)]]
# [[스킨(테마) 추가/변경]]
# [[미디어위키 확장 기능]]
}}

=== [[미디어위키 예약어 와 변수]] ===
==== [[미디어위키 예약어 와 변수#동작어_(Behavior_Switches)|미디어위키 동작 예약어]] ====
==== [[미디어위키 예약어 와 변수#변수_(Variables)|미디어위키 변수 예약어]] ====

=== [[미디어위키 기본 사용법]] ===
* [[미디어위키 기본 사용법#새글 쓰기|새글 쓰기]]
* [[미디어위키 기본 사용법#대문 수정|첫페이지(대문) 수정]]
* [[미디어위키 기본 사용법#문단(Section)|목차 만들기]]
* [[미디어위키 기본 사용법#표(wiki table) 만들기|표 만들기]]
* [[미디어위키 기본 사용법#틀(Template) 만들기|틀 만들기]]
* [[미디어위키 기본 사용법#양식(Form) 만들기|폼 만들기]]
* [[미디어위키 기본 사용법#카테고리 만들기|카테고리 만들기]]

=== 미디어 위키 환경설정 ===
* [[스킨(테마) 추가/변경]]
* [[미디어위키 기본 사용법#대문 수정하기|대문 타이틀 글씨 숨기기]]
* [[특수 명령어]]
* [[환경세팅 파일|환경세팅 파일(LocalSettings.php)]]
* [[나눔고딕 웹폰트 설정하기]]
* [[반응형 이미지 사이즈 조절 방법]]
* [[스니펫-목차에 순번 붙이기]]

=== 미디어위키 확장 프로그램 가이드===
==== 페이지 관련 ====
* [[Syntax Highlight|문법 하이라이트]]
* [[목차에 순번 붙이기|목차에 순번 붙이기(확장기능 설치)]]
** [[스니펫-목차에 순번 붙이기 |목차에 순번 붙이기(JS/CSS 이용)]] / [https://www.mediawiki.org/wiki/Manual:Table_of_contents#Auto-numbering 원본페이지 이동]
* [[페이지에 탭 만들기]]
* [[관련글 보기 기능 추가 ]]
* [[방문자 수 보기 기능 추가]]
* [[문서 목차 불러오기 기능 추가]]
* [[댓글 기능 추가]]
* [[미디어위키 유튜브 삽입|유튜브 삽입]]
==== 로그인 ====
* [[구글인증 로그인]]

==== 검색 관련 ====
* [[시맨틱 미디어위키 설치]]
* [[시맨틱 이용한 태그 달기]]

== 3D 모델링 ==
=== [[초보자를 위한 모델링 프로그램 추천]]===
==== [[Blender 초보자 따라하기 ]] ====
==== [[Blender로 마우스 모델링]]====
==== [[Blender 버티컬 마우스 모델링]]====
=== [[mashmixer 모델링 편집틀 사용법]]===
=== 3D 프린터 ===
==== [[3D 프린터 추천 TOP 5]] ====
====[[3D 프린터 필라멘트 장단점 PLA PETG|3D 프린터 필라멘트 종류 와 장단점]]====

==== [[뱀부랩 스튜디오 튜토리얼]] ====
==== [[3D 프린터로 메모 프린터 만들기|3D 프린터로 라인 프린터 만들기]] ====
==== [[3D 프린터 출력 제품 만족도 평가|3D프린터로 만든 제품 추천]] ====
==== [[3D 포르쉐911 RC카 만들기]] ====

== 재테크 ==
=== 부동산 ===
=== 주식 ===
{{틀:알림
|내용 = <big>주식 이야기</big>
# [[주식 용어]]
# [[주식거래시간|주식거래시간(한국/미국/중국)]]
# [[주식 수수료]]
# [[주식 금리|금리가 오를때/내릴때 주식 투자법]]
# [[신호등 분석법]]
# [[미국 배당주 추천|미국 추천 배당주 ]]
}}
* [[주식 금액별 호가 단위]]
* [[주식 시클리컬 가치주 투자법|시클리컬 가치주 투자법]]
** [[시클리컬 주요 산업별 대장주]]
* [[주식 테마주]]
==== 절세 계좌 투자 ====
# [[Isa 개인종합자산관리계좌|ISA 개인종합 계좌]]
# [[IRP 개인퇴직연금 계좌]]
# [[IRP 개인퇴직연금 계좌#IRP계좌 와 연금저축계좌의 차이|연금저축 계좌]]
# [[IRP ISA 연금저축펀트 최대 투자 금액|ISA IRP 연금저축펀드 비교 ]]
----

== 인물 ==
=== 근대사 ===
* [[노무현 명연설]]
* [[인간적인 국회의원 노회찬]]
* [[나의 스승 이어령]]
----

== 취미 ==
=== [[수영]] ===
== 휴식 ==
=== 휴양지 ===
==== [[서울_노원구_휴양림|서울_노원구_휴양림-'''수락 휴''']]====
=== 물놀이/스파 ===
==== [[영종도 파라다이스 시티]] ====
==== [[경기도 계곡 추천]]====
==== [[가평 계곡 추천]] ====
==== [[전라도 계곡 추천]]====
==== [[경상도 계곡 추천]] ====

=== 여행지 ===
=== 맛집 ===
==== [[인생 맛집 경기/서울]] ====
----

== 음악 ==
=== 클래식 ===
* [[구스타프 말러]]

=== 레젼드 ===
* [[존바이즈 베스트]]
* [[유키 구라모토]]
* [[조지 윈스턴]]
* [[김광석 베스트]]
* [[신해철 베스트]]
* [[김건모 베스트]]
* [[박혜경 베스트]]
* [[김필 베스트]]

=== 기타 연습 ===
* [[메탈리카 기타 연습]]
* [[캐논 락버전]]
* [[smells like teen spirit - nirvana|Smells Teen Split-너바나 ]]
* [[Lover's concerto]]
[[category:devcafe]]
[[category:python]]
[[category:미디어위키]]
[[category:autoit]]
[[category:인물]]
[[category:역사]]
[[category:음악]]

대문

2026-04-02T09:14:59Z

Devcafe: /* 주식 */

__notoc__
{{#metadata:key=데브카페}}
{{#metadata:key=파이썬}}
{{#metadata:key=프로그램개발}}
{{#metadata:key=autoit}}
{{#metadata:key=미디어위키}}

= Welcome to DEV CAFE =
* {{CURRENTYEAR}}.{{CURRENTMONTHNAME}}.{{CURRENTDAY}}({{CURRENTDAYNAME}}) , 이세상 모든 개발에 대한 이야기 {{SERVER}}
<p sizes="(max-width: 600px) 480px,800px">
https://devcafe.co.kr/w/images/devcafe_main3.jpeg
</p>
{{틀:타이틀 라운드
|제목=[[:Category:python|파이썬]]: {{PAGESINCATEGORY: python}} 건 , [[:Category:미디어위키]] : {{PAGESINCATEGORY: 미디어위키}} 건 , [[:Category:autoit|오토잇]]: {{PAGESINCATEGORY: autoit}} 건, [[:Category:linux|LINUX]]: {{PAGESINCATEGORY: linux}} 건, [[:Category:음악]]: {{PAGESINCATEGORY: 음악}} 건
|아이콘=emoji_objects
}}
== IT/기술 ==
=== [[파이썬|파이썬 프로그래밍]] ===
==== 파이썬 설치 ====
# [[파이썬 설치]]
# [[Python 가상환경|파이썬 가상화]]
# [[pip 이용 파이썬 라이브러리 설치|파이썬 라이브러리 설치]]
# [[pip 이용 파이썬 라이브러리 설치#설치 패키지 추출|설치된 파이썬 라이브러리 추출하기]]
# [[Python whl 설치|.whl 파일 다운로드 설치법]]

==== 파이썬 기초 ====
{{알림
|내용='''[[:category:Python|Python]] Foundation'''
# [[PYTHON 데이터형|파이썬 데이터형]]
# [[튜플 리스트 딕셔너리 차이점,특징,사용예시|튜플 리스트 딕셔너리]]
# [[파이썬 명명규칙]]
# [[파이썬 클래스]]
|아이콘이름=accessibility
}}

==== 파이썬 고급 ====
:# [[파이썬 개발 추천기능 TOP10|파이썬 고급 기능 TOP 10]]
:# [[Python Cheat Sheet|파이썬 치트 쉬트 ]]
:# [[파이썬 config parser|파이썬 .ini 환경파일에 읽고쓰기]]
:# [[파이썬 로깅]]

==== 파이썬 응용 ====
# [[PyQt|파이썬 GUI 프로그램 개발]]
# [[Process memory share|쉐어 메모리 접근]]
# [[Python Cheat Sheet#Parallel Processing|병렬처리 프로세싱]]
# [[멀티프로세싱]]
# [[파이썬 스케줄러 모듈]]
# [[파이썬 장고]]
# [[flask]]
# [[Json 이용 키-값 추가 수정 삭제 방법|JSON 키값 수정/삭]]
# [[파이썬 mybatis xml sql 파싱 방법|XML 파싱(Mybatis)]]
# [[스케줄러 만들기]]

==== 판다스(Pandas) 기초 ====
{{알림
|아이콘이름=apps
|내용= '''[[:category:pandas|PANDAS]] Foundation'''
# [[pandas|판다스(pandas) 기초]]
# [https://pandas.pydata.org/docs/ pandas 공식문서]
# [https://realpython.com/pandas-dataframe/ 리얼 판다스 튜토리얼]
# [https://www.geeksforgeeks.org/pandas-tutorial/ 그릭스 판다스 튜토리얼]
# [https://towardsdatascience.com/?gi=196f5e0ef243 투왈즈 튜터리얼]
}}

==== 판다스 응용 ====
# [[PANDAS 와 SQL 쿼리]]
# [[Pandas mysql insert]]
# [[Pandas 엑셀]]

==== [[:category:streamlit|스트림릿 (Streamlit)]] 기초 ====
# [[Streamlit 기초]]
# [[Streamlit 개발 사이트|Streamlit 참고 사이트]]
# [[Streamlit Extention]]
# [[Streamlit 개발|Streamlit 프로그램]]

==== 파이썬 응용프로그램 개발 ====
# [[주식 자동매매 프로그램 개발]]
## [[대신증권 API 활용]]
## [[키움증권 api 매수매도|키움증권 API 활용]]
# [[개인 PC 텍스트 검색 채봇]]
## [[개인 PC 텍스트 검색 챗봇 웹 화면]]
# [[SQL 정리 툴|SQL Formater(정리)]]

----

=== [[:category:java|JAVA 프로그래밍]] ===
==== [[Java openjdk 설치|JAVA 설치]] ====
==== [[JAVA 기초]] ====
# [[JAVA 명명 규칙]]

----

=== [[:category:autoit|Autotit 프로그래밍]] ===
{{틀:알림
|아이콘이름=adb
|내용 = <big>오토잇 프로그래밍 설치 및 기초 문법</big>
# [[Auotit 설치]]
# [[Autoit 기초 문법]]
}}

=== [[Autoit gui|Autoit GUI]] ===
:# [[Autoit GUI 컨트롤 스타일|GUI 컨트롤 스타일]]
:# [[Handle의 class instance 값 구하는 방법|GUI 컨트롤 핸들 찾기]]
:# [[Autoit 멀티 윈도우 컨트롤]]
:# [[리스트뷰(그리드) 생성]]

=== [[Autoit 프로그램 개발]] ===
:# [[Autoit sqlite|SQLite 디비 연결]]
:# [[Autoit oracle connect|ORACLE 디비 연결]]
:# [[Autoit 키보드 후킹|키보드 후킹]]
:# [[Autoit 자동 업그레이드 프로그램 개발|자동 업데이트 프로그램 개발]]
----

=== [[에디터 활용]] ===
==== [[:category:vscode|VS 코드(VS Code)]] ====
# [[Vscode 단축키]]

==== [[:Category:서브라임|서브라임 (sublime)]] ====
# [[서브라임 sublime 단축키|Sublime 단축키]]
# [[Sublime plugin 생성 방법|Sublime 플러그인 만들기]]
# [[sublime emmet]]
==== [[Vi 명령어|vi 편집기]] ====
# [[Vi mode - ksh bash zsh]]

----

== 미디어위키 사용법 ==
{{틀:알림
|아이콘이름=school
|내용= '''미디어 위키 초보자 가이드'''
# [[미디어위키 기본 사용법]]
# [[환경세팅 파일|환경설정(LocalSettings.php)]]
# [[스킨(테마) 추가/변경]]
# [[미디어위키 확장 기능]]
}}

=== [[미디어위키 예약어 와 변수]] ===
==== [[미디어위키 예약어 와 변수#동작어_(Behavior_Switches)|미디어위키 동작 예약어]] ====
==== [[미디어위키 예약어 와 변수#변수_(Variables)|미디어위키 변수 예약어]] ====

=== [[미디어위키 기본 사용법]] ===
* [[미디어위키 기본 사용법#새글 쓰기|새글 쓰기]]
* [[미디어위키 기본 사용법#대문 수정|첫페이지(대문) 수정]]
* [[미디어위키 기본 사용법#문단(Section)|목차 만들기]]
* [[미디어위키 기본 사용법#표(wiki table) 만들기|표 만들기]]
* [[미디어위키 기본 사용법#틀(Template) 만들기|틀 만들기]]
* [[미디어위키 기본 사용법#양식(Form) 만들기|폼 만들기]]
* [[미디어위키 기본 사용법#카테고리 만들기|카테고리 만들기]]

=== 미디어 위키 환경설정 ===
* [[스킨(테마) 추가/변경]]
* [[미디어위키 기본 사용법#대문 수정하기|대문 타이틀 글씨 숨기기]]
* [[특수 명령어]]
* [[환경세팅 파일|환경세팅 파일(LocalSettings.php)]]
* [[나눔고딕 웹폰트 설정하기]]
* [[반응형 이미지 사이즈 조절 방법]]
* [[스니펫-목차에 순번 붙이기]]

=== 미디어위키 확장 프로그램 가이드===
==== 페이지 관련 ====
* [[Syntax Highlight|문법 하이라이트]]
* [[목차에 순번 붙이기|목차에 순번 붙이기(확장기능 설치)]]
** [[스니펫-목차에 순번 붙이기 |목차에 순번 붙이기(JS/CSS 이용)]] / [https://www.mediawiki.org/wiki/Manual:Table_of_contents#Auto-numbering 원본페이지 이동]
* [[페이지에 탭 만들기]]
* [[관련글 보기 기능 추가 ]]
* [[방문자 수 보기 기능 추가]]
* [[문서 목차 불러오기 기능 추가]]
* [[댓글 기능 추가]]
* [[미디어위키 유튜브 삽입|유튜브 삽입]]
==== 로그인 ====
* [[구글인증 로그인]]

==== 검색 관련 ====
* [[시맨틱 미디어위키 설치]]
* [[시맨틱 이용한 태그 달기]]

== 3D 모델링 ==
=== [[초보자를 위한 모델링 프로그램 추천]]===
==== [[Blender 초보자 따라하기 ]] ====
==== [[Blender로 마우스 모델링]]====
==== [[Blender 버티컬 마우스 모델링]]====
=== [[mashmixer 모델링 편집틀 사용법]]===
=== 3D 프린터 ===
==== [[3D 프린터 추천 TOP 5]] ====
====[[3D 프린터 필라멘트 장단점 PLA PETG|3D 프린터 필라멘트 종류 와 장단점]]====

==== [[뱀부랩 스튜디오 튜토리얼]] ====
==== [[3D 프린터로 메모 프린터 만들기|3D 프린터로 라인 프린터 만들기]] ====
==== [[3D 프린터 출력 제품 만족도 평가|3D프린터로 만든 제품 추천]] ====
==== [[3D 포르쉐911 RC카 만들기]] ====

== 재테크 ==
=== 부동산 ===
=== 주식 ===
{{틀:알림
|내용 = <big>주식 이야기</big>
# [[주식 용어]]
# [[주식거래시간|주식거래시간(한국/미국/중국)]]
# [[주식 수수료]]
# [[주식 금리|금리가 오를때/내릴때 주식 투자법]]
# [[신호등 분석법]]
# [[미국 배당주 추천|미국 추천 배당주 ]]
}}
* [[주식 금액별 호가 단위]]
* [[주식 시클리컬 가치주 투자법|시클리컬 가치주 투자법]]
## [[시클리컬 주요 산업별 대장주]]
* [[주식 테마주]]
==== 절세 계좌 투자 ====
# [[Isa 개인종합자산관리계좌|ISA 개인종합 계좌]]
# [[IRP 개인퇴직연금 계좌]]
# [[IRP 개인퇴직연금 계좌#IRP계좌 와 연금저축계좌의 차이|연금저축 계좌]]
# [[IRP ISA 연금저축펀트 최대 투자 금액|ISA IRP 연금저축펀드 비교 ]]
----

== 인물 ==
=== 근대사 ===
* [[노무현 명연설]]
* [[인간적인 국회의원 노회찬]]
* [[나의 스승 이어령]]
----

== 취미 ==
=== [[수영]] ===
== 휴식 ==
=== 휴양지 ===
==== [[서울_노원구_휴양림|서울_노원구_휴양림-'''수락 휴''']]====
=== 물놀이/스파 ===
==== [[영종도 파라다이스 시티]] ====
==== [[경기도 계곡 추천]]====
==== [[가평 계곡 추천]] ====
==== [[전라도 계곡 추천]]====
==== [[경상도 계곡 추천]] ====

=== 여행지 ===
=== 맛집 ===
==== [[인생 맛집 경기/서울]] ====
----

== 음악 ==
=== 클래식 ===
* [[구스타프 말러]]

=== 레젼드 ===
* [[존바이즈 베스트]]
* [[유키 구라모토]]
* [[조지 윈스턴]]
* [[김광석 베스트]]
* [[신해철 베스트]]
* [[김건모 베스트]]
* [[박혜경 베스트]]
* [[김필 베스트]]

=== 기타 연습 ===
* [[메탈리카 기타 연습]]
* [[캐논 락버전]]
* [[smells like teen spirit - nirvana|Smells Teen Split-너바나 ]]
* [[Lover's concerto]]
[[category:devcafe]]
[[category:python]]
[[category:미디어위키]]
[[category:autoit]]
[[category:인물]]
[[category:역사]]
[[category:음악]]