고객들이 편리하게 의류 제작을 할 수 있도록 웹 서비스를 구축하였습니다. 현재 고객들에게 좀 더 편리한 의류 제작 툴을 제공하기 위해서 canvas를 이용해 이미지 및 텍스트 변경 툴을 제작하고 있습니다. 또한 디렉터들이 의류 제작시 OKR 및 원단 스케쥴 관리, 원부자재 일정 관리를 위해 필요한 백오피스를 제작하였습니다. 위의 두 가지 모두 처음 접하는 도메인이었기 때문에 처음 학습하는데 재미 있었습니다. 프레임워크로 React를 이용하였고 전역 상태 관리로 Redux를 사용하였습니다. React를 사용하므로써 상태 변화 관리를 효율적으로 할 수 있게 되었고 컴포넌트 단위의 UI를 작성할 수 있게 되었습니다. 또한 가상DOM을 이용하여 리랜더링 과정에서 일어나는 비용을 줄일 수 있었습니다. Redux를 이용한 이유는 단방향 데이터 흐름으로 프로젝트가 커지더라도 데이터 흐름을 파악하기에 용이하다는 것이였습니다. React와 Redux를 모르던 시절 사용하였던 Vanilla JS를 이용하여 MVC 패턴을 구현하였던 적이 있었습니다. MVC 패턴은 양방향 데이터 흐름으로 프로젝트가 커지게 되면 데이터 흐름을 제어하는 과정이 굉장히 복잡하였습니다. 이러한 것은 state를 서로 인지하는 부분이 달라서 나타나는 버그로 이어질 수 있었는데 리덕스는 flux를 이용하여 그러한 단점이 보이지 않았습니다. 컴포넌트 디자인은 style-component를 이용하였습니다. 그리고 디자이너 분께서 컴포넌트 개발 진행 사항을 공유하고 싶다고 말씀을 하셔서 storybook을 이용하여 개발 일정과 디자인 일정을 조율하고 디자인 피드백을 받는 도구로 활용하기도 하였습니다. TDD도 시간이 날 때마다 틈틈히 공부하여 많이 사용하는 유틸 함수나 특정 이벤트에 대한 테스트도 시도하였습니다. 이벤트는 기획이 많이 바뀌어 화면이 바뀌어 버리면 기존에 테스트 코드를 수정해야 된다는 단점이 있었지만 유틸 함수에 대해서는 기존에 내가 원하는 데이터를 넣었을 때 원하는 값이 나오는지 테스트할 수 있었기 때문에 지금도 정말 잘 시도했다고 느낍니다.

更多

앱 개발 서포트 - React Native를 이용하여 이미지 조회하는 기능 구현 - aws lambda를 이용한 express 서버 배포 - 간단한 쿼리 구현 - 협업을 위한 툴로 Jira 이용

更多