기본 콘텐츠로 건너뛰기

코딩 전에 디자인을 하라.

IT 업계 경력도 짧고 개발 경력도 없는 제가 이런 얘기를 하는 것이 좀 우스울 수도 있고, 제 얘기가 많은 분들의 경우와 다를 수 있습니다.

아래 글은 어디까지나 제 경험에 의한 것이고 관련된 의견들은 댓글로 주시면 고맙겠습니다.

제 일천한 경력으로 미루어보건데 소프트웨어의 개발에서 많은 경우 대체로 아래와 같은 순서로 진행된다고 생각됩니다.

먼저 요구사항을 수집하고 UML이나 기타 등등으로 설계를 합니다. 웹사이트의 경우는 화면 설계, DB 설계 등 각종 설계를 합니다.

그리고 코딩을 합니다.

코딩이 끝나면 테스트를 합니다.

테스트를 하기 위해서는 입력과 출력을 위한 UI가 필요합니다. (최근에도 CUI 기반의 소프트웨어들이 존재하지만 대다수의 경우에는 GUI 기반의 소프트웨어라고 생각됩니다.)

그런데, 이 UI는 코딩이 끝나가는 과정에 코딩과는 별도로 디자이너들이 개발하여 소스코드와 통합하는 작업을 합니다. (개발자분들이 디자인 작업을 하시는 경우도 있기는 합니다.)

그리고 이렇게 통합된 UI는 언제나 사용하기 불편하고 결함이 많습니다.

UI는 경직되어 있어 수정도 거의 불가능합니다.

개인적으로 그 이유를 곰곰히 생각해보니 UI가 소스 코드 위에 얹혀여 있어서 그런것이 아닌가 싶습니다.

소스 코드 상의 단위와 UI상의 단위는 분명 다릅니다.

UI 상으로는 분리되어 있는 기능들도 소스 코드 상으로는 하나의 기능으로 통합되어 있는 경우도 많습니다.

그런데 소스 코드 상에 UI가 얹혀져 있을 경우 UI를 변경하면 소스 코드를 같이 변경해야하는데 위와 같은 경우라면 당연히 거의 불가능합니다.

테스트를 수행함에도 이런 경우 문제가 발생합니다. 공통된 소스 코드를 가지고 여러곳에서 분산되는 UI를 한번에 파악하며 테스트하기란 무척 힘듭니다.

예를 들면 ID와 PW를 저장하는 DB는 회원가입, 회원정보 수정, 회원 탈퇴 등 여러곳에서 쓰입니다.

이러한 것들을 파악할 정보를 구하는 것도 새로 만드는 것도 쉬운 작업은 아닙니다.

일천한 제 경험에 비추어 보건데

유연하고 테스트 가능한 UI를 위해서는 설계 단계에서 UI를 설계하는 것이 훨씬 이득이라는 것입니다.

이런 개념은 프로토타이핑 에서도 찾을 수 있지만 프로토타이핑 역시 코딩을 해야합니다.

제가 이야기하는 것은 그러한 코딩을 배제하고 순수하게 UI를 먼저 만드는 작업이 필요하다고 봅니다.

흔히 말하는 와이어프레임 같은 것들 말입니다.

저는 실제로 역할극이나 페이퍼 프로토타이핑 같은 방법을 좋아합니다.

실제로 동작 가능하고 이해 가능한 상태를 만들어놓고 보면 실제 우리에게 정말 필요한 기능이 무엇인지 어떤 기능을 어떻게 배치하면 좀 더 효과적이고 효율적인지 한눈에 파악할 수 있습니다.

UI를 먼저 설계하면 UI를 단위로 구분하여 개발 가능한 단위를 추산하기도 쉽습니다.

항상 분명하지 않던 테스트 커버리지에 대한 개념도 조금 쉽게 가져갈 수 있습니다.

그런데 이렇게 UI를 먼저 개발하자는 개념을 개발자나 기획자에게 설명하면 많은 분들이 공감을 하지 못합니다.

제가 설득력이 떨어지는 것이 주된 원인일것입니다.

지금 쓰고 있는 글도 그냥 뜬구름 같은 이야기라고 생각됩니다.

하지만 일천한 경력이나마 이곳 저곳에서 테스트를 하다 보니 소프트웨어의 궁극적인 목적은 사용자가 쓰기 쉬워야 하는 것이라고 생각합니다.

사용자가 원하는 목적에 쉽게 도달하기 위해서 소프트웨어는 사용하기 쉬어야 하고 사용하기 쉬운 소프트웨어가 다른 모든 활동들보다 먼저 고민되어야 한다고 생각합니다.

그래서 저는 어떤 제품을 테스트 하기 전에 UI를 계층으로 구분하여 프로토타이핑을 하는 것을 좋아합니다.

그러한 프로토타이핑이 끝나면 데이터의 흐름과 기능의 연관관계가 좀 더 명확해지고 각 기능과 데이터간의 오류가 좀 더 쉽게 보입니다.

여러분들도 저의 이러한 개념에 동의하시나요?

혹시 이와 관련된 기존 이론이나 방법론을 알고 계시다면 소개해주시면 고맙겠습니다.

댓글

  1. 꼼순이8/6/12 11:38

    이제 설득과 동의란 단어보다는 필수라는 생각이 듭니다. 모르는 사람이 뒤쳐지는거라는거 인지해야겠죠. 그리고 사실 알고는 있을겁니다. 실제 적용을 안해서들 문제죠.

    답글삭제

댓글 쓰기

이 블로그의 인기 게시물

스위치봇 & 스위치봇 허브 미니 간단 사용기

제 블로그에 예전부터 오셨던 분들은 제가 사브작 사브작 홈 오토메이션을 어설프게 해온 것을 아실겁니다. 작년부터 너무 하고 싶었던 도어락 자동화에 도전해봤습니다. 우리 나라에 자체 서비스로 앱을 통해 도어락을 제어하는 제품은 꽤 있습니다. 게이트맨도 있고, 키위도 있고, 삼성도 있죠.. 그런데.. 전 그것보다 구글 어시스턴트를 지원하는 도어락이 필요했는데... 그런건 안만들더라구요.. 꼭 필요한건 아니지만 웬지 해보고 싶은데... 언제 제품이 출시될지도 몰라서.. 가능한 방법을 찾아보다가.. 스위치봇이라는 제품으로 도어락을 버튼을 꾹 누르는 방법을 찾아서 스위치봇이 직구가 아닌 국내에 출시되었길래 낼름 구매해서 도전해봤습니다. 스위치봇 제품에 대한 내용이나 구매는  https://www.wakers.shop/  에서 하시면 됩니다. 저는 스위치봇에 스위치봇을 구글 홈에 연결시키기 위해 스위치봇 허브 미니까지 구매했습니다. 스위치봇 허브 미니가 없으면 스위치봇을 외부에서 제어하거나 구글 홈에 연결할 수 없습니다. 그리고 제가 스위치봇 허브 미니를 구매한 이유 중 다른 하나는 이 제품이 RF 리모컨 기능이 지원됩니다. 집에 있는 모니터를 제어할 필요가 있어서 이참 저참으로 같이 구매했습니다. 제품 등록은 어렵지 않습니다. 여기서는 스위치봇 허브 미니에 RF 리모컨을 등록해서 구글 어시스턴트로 제어하는 방법을 소개해드릴까 합니다. 제가 스위치봇 허브 미니로 모니터를 제어하고 싶었던 부분은 컴퓨터에서 크롬캐스트로 외부 입력을 때에 따라 바꿔야 하는데.. 그때마다 리모컨을 찾는게 너무 불편해서였습니다.  어차피 리모컨은 외부 입력 바꿀 때 빼고는 쓸 일도 없는지라.. 매번 어디로 사라지면 정말 불편해서 이걸 자동화 하고 싶었습니다. 그런데, 처음에 스위치봇 허브 미니를 등록하고 여기에 리모컨을 등록하니.. 구글 홈에 등록된 리모컨이 자동으로 등록이 됩니다. 그런데, 등록된걸 확인해보니 전원 On/Off만 제어되는 것이고, 나머지 버튼은 구글 홈...

murianwind의 트위터 - 2011년 12월 30일 ~ 2012년 01월05일

Presentation: Keynote: Predictability and Measurement with Kanban http://t.co/gitzf2Qv posted at 16:05:31 The Lean Startup Frenzy http://t.co/PwzqKTQl posted at 16:07:42 [테스팅 히치하이커를 위한 안내서] murianwind의 트위터 - 2011년 12월 23일 ~ 12월 29일 http://t.co/mE3hIC2t posted at 16:16:37 예다함은 배가 부른건지.. 내가 친히 가입을 해주겠다고 홈페이지 상담 게시판에 글까지 남겼거만 해가 바뀌도록 연락이 없다. 이거 내가 가입 좀 시켜달라고 전화를 해야하는건가? 주객전도인 것 같은데... posted at 16:34:20 RT @n0lb00 : 2011년 좀 더 생산적이기 위한 무료 안드 앱 20+선e http://t.co/FTJqQFtV posted at 14:23:34 2011년은 아내의 3도 화상으로 액땜.. 송구영신예배는 못가고 그냥.. 집에서.. 평소처럼.. 아웅다웅.. 하지만 나의 새해는 언제나 설날 기준.. 나에게 내일은 아직 2011년... posted at 23:20:10 [테스팅 히치하이커를 위한 안내서] 내 인생 첫 차량 구매 후기 - 쉐보레 스파크 http://t.co/m6dJp9sn posted at 16:56:15 웹 접근성 평가 도구 N-WAX http://t.co/lU8f1lBF posted at 15:25:21 [4일(수) 조간] 한심한 MB..."뭐? 배추국장, 샴푸과장 만들라고?" http://t.co/faY21DG0 posted at 10:02:04 Customer Experience v User Experience http://t.co/uk6ZDRy1 posted at 23:00:27 10 Reasons to Root Your Android Device [Android]...

20년 차 테스터가 고른 최근 IT 소식: 기술의 속도, 그리고 사람의 자리

20년 넘게 IT 업계에서 테스팅하고 강의하고 공부하고 여러 일을 해왔지만... 정말이지 단 하루도 편하게 쉴 틈을 주지 않는 세상입니다. 특히 최근 4~5년 동안 가속화된 AI의 물결은 기술의 스펙트럼뿐만 아니라 우리가 일하고, 협업하고, 조직을 이끄는 방식 전체를 뒤흔들고 있습니다. 이번 주에도 수많은 뉴스레터와 아티클을 훑어보았습니다. 그중에서도 기술의 화려함 뒤에 숨겨진 ‘사람, 조직, 그리고 커리어의 본질’을 찌르는 글 몇 개가 눈에 띄어 메모해 둡니다. 제 평소 생각과 맞닿아 있는 6가지 이야기입니다. --- 1. 인지부채(Cognitive Debt): 바이브 코딩 시대에 우리가 지게 되는 진짜 빚 (출처: ROBOCO - 인지부채: 바이브 코딩 시대의 새로운 부채 관리법 / 정도현 수석 컨설턴트 ) 요즘 커서(Cursor)나 클로드 코드(Claude Code) 같은 에이전트를 붙여 "이거 만들어줘" 하고 승인(Approve) 버튼만 누르면 눈 깜짝할 사이에 코드베이스가 완성되는 '바이브 코딩(Vibe Coding)'이 유행입니다. 그런데 속도는 엄청나게 빠른데, 정작 서비스에 장애가 나면 "AI가 짜서 잘 모르겠는데요?"라는 답이 나오는 이상한 현상이 벌어집니다. 정도현 컨설턴트는 이를 '인지부채(Cognitive Debt)'라고 정의합니다. 코드는 쌓이는데, 정작 인간의 시스템 이해도는 쌓이지 않는 격차죠. * Human-in-the-loop의 환상: AI가 초당 수백 줄을 뽑아내는데 사람이 일일이 검토한다? 결국 검토자는 병목이 되고, 시간 압박에 쫓겨 영혼 없이 승인 버튼만 누르게 됩니다. 40년 전 자동화 연구(Bainbridge, 1983)가 지적했듯, 자동화될수록 사람은 감시만 하다가 정작 개입해야 할 결정적 순간에 숙련도를 잃어버립니다. * 부채는 0으로 만드는 게 아니라 '관리'하는 것: AI가 만든 모든 코드를 사람이 외울 수는 없습니다. 핵심은 ...