ν”Όλ“œλ‘œ λŒμ•„κ°€κΈ°
I Built a Free OLED Pixel Editor for Arduino & ESP32 πŸ–Š
Dev.toDev.to
Frontend

SSD1306 OLED λΉ„νŠΈλ§΅ 생성을 μœ„ν•œ μ‹œκ°μ  C Array λ³€ν™˜ 도ꡬ κ΅¬ν˜„

I Built a Free OLED Pixel Editor for Arduino & ESP32 πŸ–Š

BlinkNBuild2026λ…„ 4μ›” 19일1λΆ„beginner

Context

μˆ˜μž‘μ—… 기반의 ν”½μ…€ μΉ΄μš΄νŒ…κ³Ό Byte Array μž‘μ„±μœΌλ‘œ μΈν•œ 개발 생산성 μ €ν•˜ λ°œμƒ. κ·Έλž˜ν”„ μš©μ§€μ™€ μˆ˜λ™ μ’Œν‘œ 계산에 μ˜μ‘΄ν•˜λŠ” κΈ°μ‘΄ μ›Œν¬ν”Œλ‘œμš°μ˜ λΉ„νš¨μœ¨μ„± ν•΄κ²° ν•„μš”.

Technical Solution

  • SSD1306 OLED λ””μŠ€ν”Œλ ˆμ΄ ν”½μ…€ 맡핑을 μœ„ν•œ μΊ”λ²„μŠ€ 기반 μ‹œκ°μ  에디터 섀계
  • 128x64 포함 16μ’…μ˜ Resolution Preset μ μš©μ„ ν†΅ν•œ λ””μŠ€ν”Œλ ˆμ΄ ν˜Έν™˜μ„± 확보
  • ν”½μ…€ 데이터λ₯Ό C Array 및 .ino μŠ€μΌ€μΉ˜ ν˜•νƒœλ‘œ μ¦‰μ‹œ λ³€ν™˜ν•˜λŠ” Export 둜직 κ΅¬ν˜„
  • 80λ‹¨κ³„μ˜ Undo/Redo μŠ€νƒ 관리λ₯Ό ν†΅ν•œ νŽΈμ§‘ μž‘μ—…μ˜ μ•ˆμ •μ„± 제곡
  • 단일 HTML 파일 ꡬ쑰 μ±„νƒμœΌλ‘œ μ„€μΉ˜ κ³Όμ • μ—†λŠ” Offline μ‹€ν–‰ ν™˜κ²½ ꡬ좕
  • Touch 및 Pinch-zoom μΈν„°νŽ˜μ΄μŠ€ λ„μž…μ„ ν†΅ν•œ λͺ¨λ°”일 ν™˜κ²½μ˜ μ‘°μž‘ νŽΈμ˜μ„± μ¦λŒ€

- μž„λ² λ””λ“œ λ¦¬μ†ŒμŠ€ μ œμ•½μ„ κ³ λ €ν•œ Monochrome λΉ„νŠΈλ§΅ 데이터 ꡬ쑰 섀계 κ²€ν†  - 반볡적인 μˆ˜λ™ 데이터 λ³€ν™˜ 곡정을 μžλ™ν™”ν•˜λŠ” μ „μš© Tooling ꡬ좕을 ν†΅ν•œ 개발 사이클 단좕 - νŠΉμ • ν•˜λ“œμ›¨μ–΄ 가속 없이 λΈŒλΌμš°μ € ν™˜κ²½μ—μ„œ λ™μž‘ν•˜λŠ” κ²½λŸ‰ 데이터 λ³€ν™˜κΈ° 섀계 적용

원문 읽기