← SELECTED WORK← 프로젝트HAN GYU®
05 / 05

PRODUCT ENGINEERING / LOCATION-BASED SERVICE제품 개발 / 위치 기반 서비스

FRONTEND LEAD프론트엔드 팀장

(05)

Walk,
Together.

A location-aware dog-walking service that connects GPS-based walking state, nearby walkers, walk-together requests, and friend requests in one product flow.GPS 기반 산책 상태, 주변 산책자 탐색, 함께 산책하기 요청, 친구 신청을 하나의 흐름으로 연결한 반려견 산책 서비스예요.

SCROLL TO READ스크롤해서 읽기
DDANG / WALK MAPRIVER WALK DISTRICTPARK LOOPLIVE WALKERS · 03NEARBY WALKERWALK TOGETHERGPS WALK · NEARBY · REQUEST

PRODUCT ENGINEERING / 05제품 개발 / 05

Walk / 05산책 / 05

A nearby walk becomes a shared route가까운 산책자를 함께 걷는 제안으로 연결해요

The starting point출발점

Walking a dog is often a solo routine. A route can be recorded, yet it is difficult to notice who is walking nearby or to turn a nearby encounter into a clear, low-friction invitation to walk together.반려견과 걷는 시간은 대체로 혼자 보내는 일상이에요. 산책 경로는 남길 수 있어도, 가까이 걷는 사람을 발견하고 부담 없이 함께 걸을 기회로 이어가기는 쉽지 않아요.

CONTRIBUTION기여한 일
  • GPS walk-state implementationGPS 기반 산책 상태 구현
  • Nearby walker discovery주변 산책자 탐색
  • Walk-together request flow강번따 요청 흐름 구현
  • Friend request flow친구 신청 흐름 구현
TOOLS도구

React / TypeScript / Vite / Geolocation

ROLE역할

FRONTEND LEAD프론트엔드 팀장

How might a person move from starting a walk to noticing a nearby companion—and decide to connect—without losing the clarity of their own walk?혼자 산책을 시작한 사람이 가까운 산책자를 알아차리고, 자신의 산책 흐름을 잃지 않으면서 함께 걷기를 선택하게 하려면 어떻게 해야 할까요?

Locate → discover → request → connect위치 확인 → 주변 탐색 → 함께 걷기 요청 → 친구 연결

The walking flow begins with the user's current GPS location. When other walkers are nearby, the interface makes their presence visible and provides a request path for walking together. Friend requests provide a separate way to keep the social connection after the walk.산책은 사용자의 현재 GPS 위치에서 시작해요. 주변에 산책 중인 사용자와 반려견이 있을 때만 그 존재를 화면에 보여주고, 함께 산책하기 요청을 보낼 수 있게 했어요. 친구 신청은 산책과 별개로 관계를 이어갈 수 있는 흐름으로 구현했어요.

01GPS walk stateGPS 산책 상태
02Nearby walkers주변 산책자
03Walk-together request강번따 요청
04Friend request친구 신청
05Shared connection연결 상태

A shared walk starts with a state people can read.함께 걷기는 산책 중인 상태가 읽히는 데서 시작돼요.

DDang uses the current walking state as a product signal. A person starts a GPS-based walk, sees nearby walkers when that context is relevant, and can choose whether to send a walk-together or friend request.DDang은 현재 산책 상태를 주변 사용자 탐색의 기준으로 삼아요. GPS 기반 산책을 시작하고, 산책 중일 때 주변 산책자를 확인한 뒤 함께 걷기 또는 친구 신청을 선택할 수 있어요.

01

GPS walk stateGPS 산책 상태

A walking session uses the user's current location as the starting point for the walk experience.산책 세션은 사용자의 현재 위치를 기반으로 시작하고, 산책 중이라는 상태를 제품 경험의 출발점으로 삼아요.

  • Current location현재 위치
  • Walk state산책 상태
  • Route context경로 맥락

02

Nearby walker discovery주변 산책자 탐색

Walkers nearby are surfaced in the interface only when the user is already in a walking context.사용자가 산책 중일 때 가까운 다른 산책자와 반려견을 화면에 보여줘요.

  • Nearby profile주변 프로필
  • Distance context거리 정보
  • Discovery state탐색 상태

03

Request and connection요청과 연결

A user can send a walk-together request or a friend request to turn a nearby encounter into an intentional connection.사용자는 강번따 요청 또는 친구 신청을 보내 가까운 만남을 의도적인 연결로 바꿀 수 있어요.

  • Walk request강번따 요청
  • Friend request친구 신청
  • Connection state연결 상태

An active walk should make a shared walk feel natural.산책 중이라는 상태는 함께 걷자는 제안으로 자연스럽게 이어져야 해요.

These are the three frontend product flows I implemented: walking state, nearby discovery, and requests that carry a momentary encounter forward.제가 구현한 프론트엔드 흐름은 산책 상태, 주변 산책자 탐색, 그리고 우연한 만남을 다음 행동으로 이어주는 요청 기능이에요.

GPS

Walk state산책 상태

Current location becomes the context for starting and continuing a walk.현재 위치를 산책 시작과 진행의 맥락으로 사용해요.

NEARBY

Discovery주변 탐색

Other active walkers are made visible as nearby, actionable people.산책 중인 다른 사용자와 반려견을 확인하고, 연결을 요청할 수 있게 해요.

REQUEST

Connection연결

Walk-together and friend requests turn proximity into an explicit choice.강번따 요청과 친구 신청으로 가까움을 명시적인 선택으로 바꿔요.

TEAM PROJECT / FRONTEND LEAD / 2024팀 프로젝트 / 프론트엔드 팀장 / 2024

The product in motion.실제 화면으로 보는 흐름.

These recordings are from the DDang product itself. They make the implementation concrete: an active walk, nearby context, and a request that lets a person choose a shared walk.DDang에서 실제로 구현한 화면이에요. 진행 중인 산책, 주변 사용자 탐색, 함께 걷기를 선택하는 요청 흐름을 보여줘요.

01 / LIVE WALK01 / 실시간 산책

GPS walk recordGPS 산책 기록

A live location, route, duration, and distance are kept together while the walk is in progress.산책 중인 현재 위치, 경로, 시간, 거리를 한 화면에서 함께 확인해요.

02 / NEARBY02 / 주변 탐색

Walkers in context산책 중인 사용자

A nearby-walker state makes the social option visible during a walk.산책 중인 사람에게 주변 사용자를 보여주고, 연결을 선택할 수 있게 해요.

03 / REQUEST03 / 강번따 요청

Choose to connect연결을 선택하기

The walk-together request turns nearby presence into an explicit, reversible action.강번따 요청으로 가까이 있는 사용자에게 함께 걷자고 제안할 수 있어요.

After a walk, the friend-request flow can keep a deliberate connection without treating proximity itself as consent.산책 후에는 친구 신청 흐름으로 연결을 이어갈 수 있어요. 가까이 있었다는 사실만으로 관계를 정하지 않도록 분리한 기능이에요.

DDANG / TEAM PROJECT / 2024DDANG / 팀 프로젝트 / 2024

DDang brought the individual walk, nearby discovery, and relationship-request flows into one React service. I led the frontend team and implemented the location-aware walk and connection experiences.DDang은 개인 산책, 주변 사용자 탐색, 관계 요청을 하나의 React 서비스 흐름으로 연결했어요. 프론트엔드 팀장으로서 위치 기반 산책과 연결 경험을 구현했어요.

“Location is only useful when its state is legible. The product needed to show when a walk was active, who was meaningfully nearby, and which action would create a connection without turning the map into noise.위치는 산책 중이라는 상태와 함께 보여줄 때 의미가 있어요. 누가 가까이 있는지와 어떤 행동이 다음 연결로 이어지는지를, 지도 정보가 아니라 사용자 흐름으로 보여줘야 했어요.”

Building the walking surface

I worked as the frontend lead on DDang, a team project for dog owners who wanted more than a saved walking record. My responsibility centered on the part of the product where a walk becomes a shared activity: the GPS-based walking state, nearby walker discovery, walk-together requests, and friend requests.

The walk flow starts from the present location. That sounds simple, but the interface needs to maintain a readable difference between a person who is browsing the service and a person who is actively walking. Location only becomes meaningful when it is presented with that activity context.

A request should be a decision, not a surprise

The nearby-walker feature makes other active dog owners visible around a person who is walking. From there, a walk-together request gives the user a clear next action. The friend-request flow supports a more durable connection without making every nearby person part of the same relationship by default.

What I focused on

  • Implementing the GPS-based walking experience around current location and active walk state.
  • Building the nearby-walker view and walk-together request interaction.
  • Implementing the friend-request flow as a separate, understandable social action.

제품 구현 기록

DDang은 반려견 산책을 단순히 저장하는 데서 그치지 않고, 걷고 있는 순간의 위치를 다른 사람과 연결할 수 있게 만든 팀 프로젝트예요. 프론트엔드 팀장으로 참여했고, GPS 기반 산책 기능부터 주변 산책자 탐색, 강번따 요청, 친구 신청까지 산책이 관계로 이어지는 흐름을 구현했어요.

산책 기능은 현재 위치를 바탕으로 사용자가 실제로 걷고 있는 상태를 다루는 화면이에요. 서비스를 둘러보는 상태와 산책 중인 상태를 구분하고, 현재 위치를 산책 경험의 출발점으로 사용했어요.

강번따는 주변에 산책 중인 다른 반려견과 보호사가 있을 때 그 존재를 보여주고, 함께 산책하기를 요청할 수 있게 한 기능이에요. 친구 신청은 가까이 있었다는 사실만으로 관계를 정하지 않고, 사용자가 별도로 연결을 선택하게 만드는 흐름으로 구현했어요.

구현한 사용자 흐름

  • 현재 GPS 위치를 기준으로 산책 상태를 시작하고, 산책 경험 안에서 위치 정보를 다뤘어요.
  • 주변에 산책 중인 사용자와 반려견을 발견할 수 있는 화면과 강번따 요청 상호작용을 구현했어요.
  • 친구 신청을 별도의 관계 요청으로 구성해, 가까운 사용자 발견과 장기적인 연결을 구분했어요.