영원한 메이커의 고향, 시계 ESPclock 스마트 시계

모든 메이커의 불멸의 노스탤지어는 시계 프로젝트죠. ㅎㅎㅎ

 

모든 시계 프로젝트를 유심히 본다. 심지어 큰 프로젝트의 시간을 구현한 방법이나 인터페이스를 따로 보고, 프로젝트의 시계 디스플레이를 관심 있게 보기도 하고,  시계가 주 목적인 프로젝트는 환장을 하고 디자인, 알고리즘, 기구 데이터, 프로그램, 마케팅까지 모든 자료를 수집한다.

 

Reddit에서 보낸 메일에 있는 내용을 옮긴다. 재미 있는 것은 이 메이커가 굉장히 흥분해서, 대단하다고 생각하고 자신을 너무 대견하다고 생각하면서 올린 티가 난다. 히히 그럴 때가 좋은 때다. 그 시절을 지나면 좀 재미도 없고 지루한 시절을 또 오래 거쳐야 하기 때문이다.

 

자료도 잘 작성했고, 소스 코드는 길어 이곳에 싣지 않는다. 아래 링크를 따라간다. 기계적인 도면이나 사진에 많은 공을 들였다. 감탄하고 박수를 칠 만 하다.

---

 

 

📜 사용 설명서

 

1. VSCode 또는 VSCodium을 설치하세요 (저는 VSCodium을 선호하는데, VSCode와 기본적으로 동일하지만 원격 측정 기능이 없기 때문입니다 ).
2. VSCode/VSCodium에 PIOarduino 확장 프로그램을 설치하세요.
3. "릴리스" 섹션에서 최신 .zip 파일을 다운로드하고 압축을 푼 다음 VSCode/VSCodium에서 ESPclock 프로젝트 디렉토리를 엽니다.
4. VSCode/VSCodium에서 PIOarduino 확장 프로그램을 선택한 다음, 두 단계에 걸쳐 HTML 페이지를 ESP8266 플래시 메모리에 저장해야 합니다.

• 플랫폼 -> 파일 시스템 이미지 빌드
• 플랫폼 -> 파일 시스템 이미지 업로드

 

5. 이제 C/C++ 코드를 업로드해 보겠습니다. VSCode/VSCodium의 PIOarduino 확장 프로그램에서 다음 경로로 이동하세요.

 

일반 -> 빌드

일반 -> 업로드

 

6. 이제 PC 또는 모바일 기기를 ESPclock 액세스 포인트에 연결하고 비밀번호는 waltwhite64를 입력하세요.

 

7. ESPclock의 AP에 연결한 후 브라우저를 열고 주소창에 http://192.168.4.1/을 붙여넣으세요.

 

8. 웹 UI에서 먼저 홈 네트워크를 추가한 다음, 해당 지역에 맞는 NTP 서버와 GMT/UTC 오프셋 시간을 추가하세요.

 

9. 자, 이제 완성입니다! 제 프로젝트가 마음에 드셨으면 좋겠어요! 혹시 의견이나 제안이 있으시면 언제든지 알려주세요!

 

📱 웹 UI

 

 

🤖 현재 기능 (및 추가될 기능)

 

비동기 웹 서버

자동 와이파이 스캔

웹 UI를 통한 Wi-Fi 및 NTP 서버 설정

설정 저장/삭제 (재부팅 후 데이터 복원에 사용)

자동 밝기 모드

깜빡이는 콜론 토글

ESP32 포트

NTPclient.h 파일을 라이브러리로 교체하세요.

 

알람 시계 모드 (부저 포함)

웹 UI에 가동 시간 표시

케이스에 버튼 1개 또는 2개 추가

ESPhome 또는 Homeassistant 연동

HA 지원

 

🛒 부품 목록

 

샤오 ESP32 C3 또는 위모스 D1 MINI (제 것은 V3.0.0 클론입니다)

TM1637 모듈 https://it.aliexpress.com/item/1005001582129952.html?spm=a2g0o.order_list.order_list_main.49.370e3696i4W9Sn&gatewayAdapt=glo2ita

듀폰 전선

DG308 7핀 터미널 블록(샤오용) 또는 DG308 8핀 터미널 블록(위모스용): 2개

암형 7핀 헤더(샤오용) 또는 암형 8핀 헤더(위모스용): 2개

7x3cm 만능판: 1개

M2.5 나사: 10개입

M2.5 너트: 2개

단일 행 암형 5핀 헤더(공통 접지용): 1개

 

🔌 보드 배선

 

ESP32 (샤오 ESP32 C3)

 

 

 

 

ESP8266 (Wemos D1 Mini 3.0.0)

 

 

 

 

 

🪛 ESPclock 조립 방법

 

 

 

🤝 코드 기여

 

이 프로젝트는 제 코딩 실력 향상과 학습을 위해 진행 중인 개인 프로젝트입니다. 따라서 제 계획대로 진행하기 위해 풀 리퀘스트는 받지 않습니다. 제안, 조언, 피드백이 있으시면 이슈를 열어주세요. 포크도 환영하며, 여러분이 이 프로젝트에 추가해 주실 새로운 변화들을 기대하고 있습니다!

 

⚠️ 문제 해결

 

퍼머링크: ⚠️ 문제 해결

7-세그먼트 디스플레이에 표시될 수 있는 오류는 (현재) 두 가지입니다:

• Err0 -> “LittleFS.begin()”이 실패했을 때

• Err1 -> 플래시 메모리에 “index.html”이 존재하지 않을 때 (사용자가 업로드를 잊었을 경우)

 

 

코드 

 

소스 코드는 다음 링크를 참고하세요.

 

원 저자에게 감사합니다.