# Show GN: 몰입을 시각화한 타이머, enflo

> Clean Markdown view of GeekNews topic #23538. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=23538](https://news.hada.io/topic?id=23538)
- GeekNews Markdown: [https://news.hada.io/topic/23538.md](https://news.hada.io/topic/23538.md)
- Type: show
- Author: [taewoong10](https://news.hada.io/@taewoong10)
- Published: 2025-10-09T15:48:28+09:00
- Updated: 2025-10-09T15:48:28+09:00
- Original source: [github.com/taewoongheo](https://github.com/taewoongheo/enflo?tab=readme-ov-file)
- Points: 9
- Comments: 6

## Summary

**타이머 앱**에 **엔트로피**라는 개념을 적용해, 사용자의 **몰입도**를 실시간으로 **파티클 인터랙션** 형태로 시각화하며 집중 상태를 직관적으로 경험할 수 있도록 설계했습니다. **방해 이벤트**와 **사용 패턴**을 분석해 몰입이 깨질 때마다 엔트로피(무질서도) 변화가 즉시 화면에 반영되어, 기존 타이머 앱과 달리 단순 시간 측정을 넘어선 **몰입 상태 피드백**을 제공합니다. **Skia 기반 고성능 그래픽**과 직접 구현한 **물리 시뮬레이션**을 활용해 자연스러운 파티클 동작을 구현했으며, 향후 **Android 지원**과 **몰입도 분석 고도화 계획**도 준비 중입니다.

## Topic Body

몰입을 위한 타이머 앱입니다.   
  
엔트로피(무질서도) 라는 개념을 몰입에 빗대어 파티클 인터랙션으로 표현했습니다. 타이머 중 방해 이벤트와 사용 패턴을 바탕으로 몰입도를 엔트로피로 표현합니다. 터치 및 드래그로 상호작용 할 수 있습니다.  
  
### 왜 만들었는가?  
단순 집중시간의 기록을 넘어, 나의 몰입을 직접 느낄 수 있다면 어떨까? 에서 출발했습니다.   
  
실시간으로 변하는 몰입을 직접 경험할 수 있는 형태로 만들고 싶었습니다.  
  
### 기존 타이머 앱과 무엇이 다른가   
- 엔트로피 시각화: 몰입이 깊어질수록 파티클이 정렬, 흐트러질수록 확산됩니다.  
- 몰입도 측정: 앱 이탈, 일시정지, 스크롤 등 방해 이벤트와 이전 몰입도를 함께 분석합니다.  
- 동작 예시: 타이머를 오래 쉬면 엔트로피가 상승, 몰입도가 꾸준하게 이어지면 엔트로피가 낮아지며 화면에 바로 반영됩니다.  
  
### 어떻게 만들었는가?  
- 고성능 그래픽 렌더러 Skia로 파티클을 구현했습니다.  
- 물리 시뮬레이션(감쇠·상호작용 등)을 직접 구현해 자연스러운 움직임을 만들었습니다.  
  
### 앞으로의 계획  
- 타이머 중 몰입도 분석 고도화: 방해 이벤트(예: 기기 흔들기) 추가, 계산 로직 정교화  
- Android 배포(현재는 개인 사용 목적의 iOS 우선 배포)  
  
### 기술 스택  
- react native(expo)  
- react native skia  
- react native reanimated  
- react native gesture handler

## Comments



### Comment 44767

- Author: m00nlygreat
- Created: 2025-10-10T04:38:28+09:00
- Points: 1

뭘 어떻게 측정하느냐에 대한 얘기가 없어서 뭘 하는 앱인지 모르겠네요. 무질서도를 어케 측정해요?  
  
오로지 핸드폰을 사용해야만 무질서도가 측정이 되는건가요?

### Comment 44795

- Author: taewoong10
- Created: 2025-10-10T19:12:08+09:00
- Points: 1
- Parent comment: 44767
- Depth: 1

타이머가 실행되는 동안 사용자의 이벤트를 수집합니다. 앱 이탈, 일시정지, 스크롤 같은 이벤트와 타이머 길이, 최근 세션 기록 등을 함께 분석해 점수화합니다.  
  
그리고 그 점수를 기반으로 파티클 인터랙션을 표현합니다.

### Comment 44756

- Author: unsure4000
- Created: 2025-10-09T23:17:46+09:00
- Points: 1

라이센스를 알 수 있을까요?

### Comment 44794

- Author: taewoong10
- Created: 2025-10-10T19:08:39+09:00
- Points: 1
- Parent comment: 44756
- Depth: 1

깃허브는 구현 구조를 참고할 수 있도록 공개했습니다.  
상용 앱이라 오픈소스 라이선스는 적용하지 않았습니다!

### Comment 44752

- Author: jhk0530
- Created: 2025-10-09T22:13:45+09:00
- Points: 1

앱스토어 링크도 올려주셨으면 좋을 것 같아요

### Comment 44755

- Author: taewoong10
- Created: 2025-10-09T23:08:57+09:00
- Points: 1
- Parent comment: 44752
- Depth: 1

https://apps.apple.com/app/enflo-visual-flow-timer/id6753640753  
  
앱스토어 링크입니다!