PC에서 확인해 주세요
이 발표자료는 PC 화면에 맞춰 제작되었습니다. PC 브라우저에서 접속해 주세요.
이 발표자료는 PC 화면에 맞춰 제작되었습니다. PC 브라우저에서 접속해 주세요.
아이디어는 어디서 시작되는가
문제를 발견하고, 정의하고, 해결하는 과정
프론트엔드 개발자
요소의 동작과
계산을 개발합니다.
화면 속 디자인을
실제 출력물로
연결합니다.
소프트웨어 개발을 쉽게 만드는 틀.
오늘은 이 개념을 생각하고 일하는 과정으로 넓혀봅니다.
조건과 사실 정리
확인할 정보 구분
무엇을 바꿔야 하는지
구체적으로 정하기
문제에 맞는
해결 방법 선택
실행하고
해결됐는지 확인
수학 문제, 서비스 기획, 개발에도 같은 틀을 적용할 수 있습니다.
반지름 1, 중심각 90°인 부채꼴.
P는 호 위의 점, PH ⟂ OA.
Q는 PH와 AB의 교점입니다.
∠POH = θ (라디안)
삼각형 AQH의 넓이 = S(θ)
삼각형 AQH는 직각이등변삼각형입니다.
이를 구하려면 먼저 넓이 S(θ)를 식으로 나타냅니다.
조건 정리 → 구할 값 정의 → 공식 선택 → 계산
매주 들어오는 환불 문의와
낮아진 앱 평점
| 단계 | 수학 | 그로스 | 개발 |
|---|---|---|---|
| 상황 분석 | 주어진 조건 | 문의와 앱 평가 | 좌표와 이동량 |
| 문제 정의 | 구해야 할 극한값 | 신청 경로·조건 이해 | 조절점의 경계 이탈 |
| 솔루션 도출 | 공식 선택 | 화면·안내 기획 | 벡터 계산 |
| 문제 해결 | 계산 | 적용 후 문의 확인 | 코드 구현 |
만들고 싶은 것을 정해놓고 문제를 거기에 끼워 맞추게 됩니다.
누구의 어떤 어려움인지 확인한 뒤 해결 방법을 생각합니다.
무엇을 만들지는 구체적입니다.
맞는 이야기만 골라 듣거나,
작은 불편을 큰 문제로
해석할 수 있습니다.
실제로 필요한지
설명하기 어려워집니다.
어떤 상황에서 막히는지
실제 경험을 확인합니다.
현재 쓰는 방법으로
불편을 감당하고 있는지 살펴봅니다.
문제가 없다면, 시간과 노력을 써도 바뀌는 것이 없을 수 있습니다.
방문한 사람 중 일부만 다운로드까지 이어집니다.
“환불이 어렵다”는 말만 듣고 절차를 줄이면 해결될까요?
신청 경로와 현재 상태를
알아보기 쉽게 보여주기
자신의 상황에 맞는
환불 가능 여부와 이유 안내하기
“당연히 보이는 문제가 문제 아닌가?”라고 생각했어요.
개발자인 제가 보는 상황은 이미 좁았습니다.
그래서 문제는 너무 많이 보였고, 오히려 무엇을 특정할지 어려웠습니다.
한 사람이 어려움을 겪는 구체적인 장면까지
이번에 해결할 메인 문제 하나 고르기
실제 경험과 기록으로 내 생각 확인하기
관심 분야를 작게 만드는 것이 아닙니다.
한 사람의 한 장면까지 내려가, 무엇을 하다가 막히는지 행동을 관찰합니다.
설명용으로 재현한 편집 화면 · 실제 관찰 기록이 아닌 가정한 예시입니다.
영상 편집 전반
인터뷰 영상에
자막을 입력하는 사람이
정확한 문장을 확인하려고
영상의 한 구간을 듣고
같은 구간을 되감아 들을 때마다
자막 입력이 멈춥니다.
넓게 본 문제 · 기능 전체텍스트 이미지화 기능에서 오류가 계속 발생한다.
특정 글꼴이나 스타일에서 텍스트가 다르게 그려졌습니다.
텍스트가 다르게 보임
제보받은 오류 수정
미처 확인하지 못함
그제야 문제를 발견
관찰할 장면: 개발자인 내가 오류를 고치기 위해 코드를 수정할 때
좁혀진 문제: 수정이 다른 텍스트에 미친 영향을 확인하기 어려워,
새로운 오류를 고객 제보 후에야 발견한다.
제보받은 오류 수정
아직 알아채지 못함새로운 문제 발견
변경된 기능을 사용
잘못 그려진 텍스트
코드를 바꿀 때마다 여러 텍스트가 정상적으로 그려지는지 확인했습니다.
이번 작업이 끝났을 때, 어떤 어려움이 줄어들어야 할까?
개별 오류를 고쳐도 다른 오류를 뒤늦게 발견하고 다시 수정하는 일이 반복됐습니다.
그래서 이번에는 오류를 발견하는 시점을 바꾸기로 했습니다.
다른 오류를 뒤늦게
발견하는 일이 반복됨
고객 제보를 받은 뒤
다시 수정해야 했음
코드 수정 직후 확인해
고객이 겪기 전에 발견
개발 사례에서는 놓친 오류를 뒤늦게 고치는 일이 반복됐습니다.
나 자신이 겪는 문제도 선택의 근거가 될 수 있습니다.
실제로 있었던 일과
작업 기록을 확인합니다.
이미 쓰는 방법으로 충분한지,
어떤 불편이 남아 있는지 살펴봅니다.
내 경험과 기록부터 확인합니다.
그 상황을 경험한 사람에게 확인합니다.
비슷한 상황을 경험한 동료, 팀원, 주변 사람부터 시작해도 됩니다.
수정 범위와 일정에서 겪는 어려움
오류 재현·수정 후 검증에서 겪는 어려움
같은 일을 하는데도 어려움을 겪지 않는 사람이 있다면, 어떤 차이가 있는지도 살펴봅니다.
가능하다면 실제 작업 과정과 기록도 함께 봅니다.
반복 작업이나 별도 도구는 문제의 영향을 보여주는 단서입니다.
모든 사람의 문제라고
생각했을 수 있습니다.
특정 조건에서만
어려울 수 있습니다.
실제 대응 방법을 보며
다시 살펴봅니다.
직접 관찰한 행동, 실제 경험, 작업 기록을 함께 정리합니다.
이제 이 어려움을 줄일 해결 방법을 고민할 수 있습니다.
로그인과 결제 같은 기본 기능을 갖춘 웹 서비스 템플릿.
한국 개발자가 사용하기 편하도록 수정했습니다.
기본 기능을 갖춘 템플릿
국내 결제와 추가 요구사항 반영
기존 오픈소스가 공유된
스레드의 댓글을 봤습니다.
기존 SaaS 템플릿으로 서비스를
빠르게 시작하려는 한국 개발자가,
결제를 국내 환경에 맞추기 위한
추가 개발을 해야 한다.
이 템플릿을 사용하려는 사람들이 있었고,
어느 부분에서 어려움을 겪는지도 드러나 있었습니다.
기존 기능을 활용하면서, 사람들이 불편해하던 부분을 수정했습니다.
개발자 커뮤니티인 긱뉴스에 공개한 뒤, 긍정적인 반응을 얻었습니다.
이 프로젝트를 쓰면
도움이 될 것 같다는 반응
자신의 용도에 맞게
개선하며 적용해 보려는 시도
한 사람의
구체적인 장면
집중할 문제 하나와
확인한 근거
그 어려움을 줄일
해결 방법
실행한 뒤
결과 확인