2023.02

작업 검수 작업에서의 잦은 오류와 재 작업 요청을 위한 메시지를 남기는 기능의 불편함 개선 작업

완성된 컴포넌트 페이지

JobOverview Layout 개선

As-is

// example

const JobOverview: IComposition = ({ role: 'admin' | 'client' }) => { ... }
JobOverview.Layout = <Layout>{...}</Layout>
JobOverview.Header = <Header>{...}</Header>

// admin service
<JobOverview role={'admin'} />

// client service
<JobOverview role={'client'} />

JobOverview 컴포넌트 하나로 각기 다른 서비스에서도 사용하여 재사용성은 좋았지만 레이아웃을 공유하기 때문에 서비스에 맞게 수정하기에는 Coupling 이 심해 알맞게 수정하기 매우 번거롭다. 또한 새로운 디자인이 적용되어야 하기 때문에 더더욱 코드의 복잡도가 올라가게 되었다.

To-be

두가지 컴포넌트를 완전히 분리 후 Job / Work 들을 한번에 상태별로 보여주기 위한 List 컴포넌트를 작성했다.

검수자의 시간을 아끼고 고도화된 편의성, 사용성을 위해 기획 단계에서 부터 일반적인 동작보다 좀더 구체적으로 업그레이드가 진행되었다.

필수 요구사항

• 작업을 지속적으로 승인 및 반려를 진행해야 하기 때문에 무한한 Pagination 을 구현해야 한다.
• 탭을 누르지 않거나 검색을 했을 경우 모든 상태의 항목이 리스트화 되어야 한다.
• 모든 상태의 리스트 에서는, 검수자가 간단히 다음 작업으로 단축키로 이동하기 위해 상태별로 묶어서 재정렬이 필요하다.

요구사항을 만족시키기 위해 수행한 것