[{"_1":2,"_45":-5,"_46":-5},"loaderData",{"_3":4,"_7":8},"routes/lang-layout",{"_5":6},"lang","ko","routes/relations/stories-detail",{"_9":10},"item",{"_11":12,"_13":14,"_15":16,"_17":16,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":31,"_32":33,"_34":25,"_35":25,"_36":37,"_38":39,"_44":6},"id",614,"title","고객을 위한 리뉴얼, 나에게는 리셋이었다","board_id",1,"user_id","content","

[고객을 위한 리뉴얼, 나에게는 리셋이었다]

$\"Image$

리뉴얼. 처음엔 고객단 페이지의 디자인만 바꾸면 되는 일이라고 생각했다. 디자이너가 새로 만든 화면은 정갈했고, 바꿀 것들은 명확했다. 프론트엔드 개발자로서 주어진 디자인이 실현되도록 옮겨 주기만 하면 될 일이라고 생각했다. 막상 작업할 페이지를 켜보니 이 생각은 약간 모자란 생각임을 알게 되었다. 오래된 것을 바꾸려고 하는 것은 단지 나이 들었기 때문이 아니었다. 이전 구조의 과한 얽힘 정도와 고객의 경험적 불편함 때문이었다. 왜 오래된 것을 바꾸려고 하는지 vscode 화면 가득 담긴 읽기 어려운 코드, php와 vue2의 구조, 서버 호출의 복잡함, 실제 사용시 약간의 불편함과 마주했을 때 어떻게 해결해야 하나 싶은 마음이 들었다.

한 파일 안에 여러 기술 스택이 공존하고 있었다. HTML, CSS, SCSS, JavaScript, PHP, Vue.js(Vue2) 등. 문법이 다른 언어들이 서로의 언어 체계로 이야기를 하는 것을 보고 있자니 바벨탑을 짓던 사람들이 하나님께 천벌 받은 직후의 대화가 이러했지 않았을까 생각이 들었다. 작업할 파일 페이지 내에 있는 로직과 스타일, 마크업, 서버 호출까지 모두 한데 얽혀 있었다. 한 줄을 고치면 콘솔창에서는 빨간색이, 다른 한 줄을 고치면 새하얀 화면과 인사를 했다. 가볍게 생각한 작은 수정 한 번에도 나는 일단 코드를 다시 읽는 것부터 시작해야 했다. 레거시 코드를 이해하고, 정리하고, 때론 다시 되돌리고, 새로 작성했다.

읽어야 할 코드의 구조를 나누기 시작했다. 데이터를 어떤 흐름으로 받고, 어떻게 화면에 렌더링하는지 살펴봤다. 마크업은 어디까지 책임지고, 스타일은 어디서 어떻게 들어오는지 파악했다. Vue를 사용한 스크립트 코드는 왜 이렇게 적용되었는지. 기술의 문제를 풀다 보니 빨강, 하양의 반복의 그 너머에 있는 서비스 자체의 흐름도 다시 보였다. 이전 작업자가 고객의 눈을 빌려 어떤 순간에 무엇을 보고, 어떤 요청을 보내는지, 그리고 전임자와 같이 일하던 백엔드 개발자와는 어떻게 소통했는지 또한 조금은 알 수 있게 되었다.

이 일은 결국 나를 정리하게 했다. 더 좋은 설계를 위해 고민하고, 몇 번이고 다시 코드를 써보며 ‘내가 무엇을 만들고 있는가’를 고민하게 했다. 이제는 머릿속의 코드를 그저 ‘받아 적는’ 것이 아니라 이해하고 설명할 수 있게 ‘글을 쓰듯’ 하자고 생각의 전환을 하게 됐다.

리뉴얼 작업은 아직 끝나지 않았다. 여전히 그 안에 있고, 파일을 열고, 코드를 읽고, 삭제하고, 또다시 쓰는 일을 반복하고 있다. 하지만, 이 일은 더 이상 단순한 디자인 교체 작업이 아니게 되었다. 개발자로 고객과 시스템 사이 서로 다른 언어를 구사하는 통역사의 역할을 하고 있고, 그 접점을 새로 그리는 작업이며, 그 속에서 나 자신도 함께 리셋되고 있다.

그리고, 이 과정을 겪으면서 생긴 필자의 궁금에 답해주고 소중한 의견을 나눠준 우리 팀에게 고마움을 전합니다.

<디지털팀 프론트엔드 개발자 강찬일 / 010-7511-8691 / cikang@eqqui.com>

","views",80,"likes",4,"comment",0,"thumbnail_file","/2025/05/4.썸네일-고객을 위한 리뉴얼, 나에게는 리셋이었다.jpg","thumbnail_name","4.썸네일-고객을 위한 리뉴얼, 나에게는 리셋이었다.jpg","created_at","2025-05-20","updated_at","2026-05-28T16:31:08","status","company","author","강찬일","metadata",{"_13":14,"_40":41,"_42":43},"keyword","리뉴얼, 레거시코드, 프론트엔드개발, 자기성찰, 성장, 사용자경험","description","복잡한 레거시 구조를 풀고, 코드를 다시 쓰며 '무엇을 만들고 있는가'를 고민하게 된 시간. 단순한 디자인 변경을 넘어, 개발자로서 나를 돌아보고 다시 시작한 순간을 공유합니다.","locale","actionData","errors"]