러닝로그 - 매일의 러닝을 기록하세요

러닝 기록, 그냥 스크린샷으로 올리기 아쉬웠다면 — 러닝로그

 

달리기를 마치고 나면 늘 같은 고민이 있었습니다. 가민이나 나이키 앱의 결과 화면을 그대로 캡처해서 올리자니 밋밋하고, 오늘 찍은 러닝 사진에 기록을 얹고 싶은데 매번 다른 앱을 켜서 편집하기는 번거롭고요. 디자인은 마음에 들지만 데이터 항목이 지원이 안되는 부분이 있어 조금 답답하기도 하고...

 

그래서 직접 만들었습니다. 러닝로그 — 러닝 기록을 감각적인 카드와 영상으로 표현할 때 도움을 주는 웹앱입니다.

 

👉 https://runlog.park3min.com

러닝로그

 

설치도, 가입도 없습니다. 링크만 열면 바로 쓸 수 있고 무료입니다.

 

 

 

---

1. 숫자가 살아 움직입니다

거리와 시간만 넣으면 페이스는 자동으로 계산되고, 모든 숫자가 카운트업 애니메이션으로 채워집니다. 0.00에서 오늘 달린 거리까지 차오르는 그 짧은 순간이 생각보다 기분 좋습니다. 스마트폰에서 화면캡처 기능을 이용해 필요한 부분만 잘라낸 후 동영상 편집 프로그램에서 배경을 제거하여 삽입할 수 있습니다.

카운트업 애니메이션 기능

표시할 항목도 직접 고를 수 있어요. 시간, 페이스, 평균 심박, 평균 케이던스 중 보여주고 싶은 것만 남기면 됩니다. 러너에게 가장 중요한 평균 페이스는 다른 항목보다 크게 표시되도록 만들었습니다.

2. 기록을 손으로 옮겨 적을 필요가 없습니다

이게 이 앱을 만들면서 가장 공들인 부분입니다.

⌚ 가민 커넥트 연동

가민 계정으로 로그인하면 최근 활동이 목록으로 뜹니다. 원하는 러닝을 고르기만 하면 거리·시간·심박·케이던스는 물론이고 활동명, 날짜, 시작 시각, 랩 기록까지 전부 자동으로 채워집니다. 폰에서도 그대로 동작합니다.

가민 커넥트에 저장된 러닝 기록 불러오기

📷 러닝 앱 캡처 인식

가민을 안 쓰신다면 이 방법이 더 편합니다. 나이키 런 클럽, 삼성 헬스, 가민 스포츠의 결과 화면을 캡처해서 올리면, 앱이 이미지를 읽어서 거리·시간·페이스·심박·케이던스를 자동으로 인식해 채워줍니다.

앱마다 화면 구성이 다르고 페이스 표기도 제각각(5'42" vs 5:42)이라 이 부분을 맞추는 데 시간이 꽤 걸렸는데, 사진 위에 글씨가 얹힌 공유 카드 형태까지 읽어냅니다. 물론 인식 후 값이 맞는지 확인하고 수정할 수 있습니다.

 

3. 세 가지 방법으로 내보낼 수 있습니다

사진에 워터마크

오늘 찍은 러닝 사진을 올리면 기록이 그 위에 얹힙니다.

• 그라데이션 / 미니멀 / 카드 3가지 스타일
• 기록 블록을 드래그해서 원하는 위치로 이동
• 일반 저장 + 인스타 스토리(9:16) 저장

모바일에서는 공유 시트가 떠서 사진 앨범에 바로 저장하거나 인스타로 곧장 보낼 수 있습니다.

투명 PNG

사진 없이 기록만 투명 배경으로 저장합니다. 내가 쓰던 편집 앱에서 다른 사진이나 영상 위에 자유롭게 얹을 수 있어요.

영상 캡처 모드

빈 배경에서 카운트업 애니메이션만 재생됩니다. 릴스나 브이로그 인트로에 쓰기 좋아요.

• 검정 / 크로마키(초록) / 흰색 배경 선택 — 크로마키로 녹화하면 편집 앱에서 배경을 빼고 합성할 수 있습니다
• 화면 녹화를 먼저 켜고 ▶ 시작을 누르면 재생 (준비할 시간을 주려고 자동 재생을 없앴습니다)
• ↻ 버튼으로 0으로 되돌려 다시 촬영 가능
• 버튼과 안내 문구는 몇 초 뒤 자동으로 사라져서 깨끗한 화면으로 녹화됩니다

 

4. 계정 정보는 어떻게 되나요?

직접 만든 사람으로서 가장 신경 쓴 부분이라 짚고 넘어가겠습니다.

• 비밀번호는 어디에도 저장되지 않습니다. 로그인하는 그 순간에만 쓰이고 사라집니다.
• 로그인 후 발급되는 연동 토큰은 각자의 브라우저에만 저장됩니다. 제 서버로 전송되거나 어딘가에 모이지 않아요. 애초에 사용자 데이터를 받는 서버가 없는 구조입니다.
• 그래서 만든 저도 다른 분의 계정 정보나 기록을 볼 수 없습니다.
• 공용 기기에서 쓰셨다면 활동 목록 창의 "연동 해제" 버튼으로 토큰을 지우실 수 있습니다.

 

혼자 달리면서 "이런 게 있으면 좋겠는데" 싶던 걸 하나씩 만들다 보니 여기까지 왔습니다. 쓰시다가 불편한 점이나 "이 기능 있으면 좋겠다" 싶은 게 있으면 댓글이나 DM으로 편하게 알려주세요. 실제로 그렇게 받은 피드백으로 고친 부분이 많습니다.

오늘도 좋은 러닝 되세요 🏃