[멘토링] 프로젝트 기여를 수치화하는 방법

[hyemimi]

질문자

판교 2기 / 21조(iceT)
helen.lee(이혜미)/풀스택

궁금한 내용

포토폴리오 작성 시 성과를 수치화하는 것이 좋다고 들었는데, 웹 프론트엔드 개발 인턴(현장 실습) 경험이 있지만 성과를 수치화할 수 있는 업무를 수행하지 않았다고 생각합니다.

(1) 주로 프로젝트 세팅 및 퍼블리싱/문서화/api 연결 등의 작업이었고 최적화와는 거리가 먼 업무였는데, 어떻게 수치화 하는 것이 좋을지, 수치화 할 수 없다면 어떠한 점을 어필하는 것이 좋을지 고민하고 있습니다.
(2) 프론트엔드 개발자가 수치화 할 수 있는 기여에는 어떠한 것들이 있을지 여쭤보고 싶습니다.

시도한 방식

사내 문서 PDF 출력 프로그램 개발

개요	사내 문서를 수동으로 처리하는 기존의 시스템을 개선하기 위한 서비스입니다. 문서에 필요한 정보를 폼을 통해 입력하면 일관된 형식의 PDF 문서로 출력합니다.
개발 기간	3주
인원 구성	프론트엔드 개발자 2명(본인 외 1명)
사용 기술	React, TypeScript, React-to-print, Sass

기여

• 일관된 형식의 PDF 문서 자동 생성 시스템 구현으로 사내 문서 처리 절차 50% 단축
• 재사용 가능한 폼 컴포넌트 구조 설계로 유지보수성과 확장성 향상
• 사용자의 입력 데이터를 실시간으로 반영하는 시각적 피드백 기능 구현
  • 입력값이 문서에 반영되는 부분을 하이라이팅하여 직관적 UX 제공
• 오탈자 검출 유효성 검사 도입으로 문서의 정확도 및 신뢰도 향상

---

“일관된 형식의 PDF 문서 자동 생성 시스템 구현으로 사내 문서 처리 절차 50% 단축” 부분에서

문서 작성 → 문서 형식 확인 → 결재 → 처리 등의 절차를, 문서 작성 → 문서 처리 과정으로 단축했던 내용을 50%로 작성했습니다. 이렇게 억지로라도 수치화 해보는 게 도움이 될지, 차라리 문서화 경험이나 새롭게 배운 내용들을 더 적는 게 좋을지 궁금합니다.

이제 어떻게 하려고 하는지?

• 기여를 수치화 할 수 없다면 다른 개인화된 경험을 작성하고자 합니다. 하지만 이력서에 적기에는 부적절하다는 생각이 들어 고민하고 있습니다.
• 이번 프로젝트에서는 개발자 도구, Lighthouse 같은 성능 측정 도구로 렌더링 성능을 측정해 수치화 해볼 계획입니다. 신입 프론트엔드 개발자가 어필할 만한 성능 최적화 경험이 있을까요?

추가 참고자료

• #React

[wesley-kim]

• 멘토링 시간에 다루었지만 정리해서 코멘트 남깁니다

우선 프론트엔드가 성능개선 등을 수치화 할 수 있는 부분이 많지는 않다고 생각합니다.
렌더링 횟수, Image 크기같은 것을 개선하는게 일반적입니다.

"일관된 형식의 PDF 문서 자동 생성 시스템 구현으로 사내 문서 처리 절차 50% 단축"
우선 이와같이 성능개선을 이뤄낸 부분을 기록하는 것은 좋습니다. 대신 50%의 의미와 단축할 수 있었던 계기 등을 명확히 기록해두시길 바랍니다.
최적화는 정말 알고리즘적 개선을 통해 시간과 자원(CPU, memory)모두 개선시키는 경우도 있지만, trade off 를 통해 한쪽만 개선하는 경우도 있습니다.
기능이나 유저 환경에 따라 올바른 방향성에 맞추면 문제가 없으니 이를 기술해두시면 좋겠습니다.

• 제가 질문내용을 조금 잘못이해해서 추가로 남깁니다.
  보다보니 유저 사용성? 개선시킨 내용을 작성하신것 같은데, 이런 부분에서의 수치화는 되도록 실 사용 평균치를 내야합니다. 만약 사내에서 별도 수치화를 하려고 하지 않았다면, 단축이라는 용어보단 개선이나 간소화라는 표현정도로 바꾸어도 괜찮을 것 같습니다.
  (제가 수치화라는 단어에 꽂혀서 기술적인 내용이라 생각하고 답변을 해버렸네요)

[hyemimi]

안녕하세요! 먼저 시간 내어 답변해주셔서 진심으로 감사드립니다.
말씀해주신 내용처럼, 해당 부분은 유저 사용성을 개선한 것이 맞는 것 같습니다.
또한 조언해주신 대로 실제 수치가 아닌 경우에는 수치화 자체가 적절하지 않을 수 있다는 점에 공감합니다.
'개선'이나 '간소화'라는 표현이 더 적절하다는 생각이 들었습니다. 감사합니다 :)