미리보기

성장 과정

저는 중학교 시절 개발자이신 아버지의 권유로 프론트엔드 개발에 입문하게 되었습니다. HTML5와 CSS3를 사용한 네이버 클론 코딩 강의를 들으면서 웹 개발에 대한 흥미를 가지게 되었고, 이를 계기로 IT 특성화고인 서울디지텍고등학교에 입학하게 되었습니다. 고등학교 입학 후, 웹 개발 교내 동아리인 MOD에 가입하여 반응형 디자인과 JavaScript 개발 과제를 해결하며 실력을 쌓았습니다. 이러한 경험을 통해 동적 웹 개발의 대해 이해하게 되었고, 이를 바탕으로 공간정보 S/W 해커톤 웹/앱 경진 교내 대회에서 우수상을 수상하는 성과를 이루었습니다. 프론트엔드 개발 직무에 지원하게 된 동기는 사용자 경험을 최적화하고, 직관적인 웹 애플리케이션을 개발하는 데에 흥미를 느끼게 되었습니다. 또한 빠르게 변화하는 기술 트렌드에 맞춰 지속적으로 학습하고 성장할 수 있는 환경에서 일하고 싶다는 열망이 있습니다. 이러한 열정을 바탕으로 귀사에서 프론트엔드 개발자로서의 역량을 발휘하고, 팀과 함께 혁신적인 웹 솔루션을 만들어 나가고 싶습니다.

성경의 장단점

저의 성격의 장점은 협업하기 좋은 친화력입니다. 인턴 생활 당시, 원활한 커뮤니케이션을 통해 비개발 직군인 CS팀과 협업하여 고객 이슈 20개를 해결한 경험이 있습니다. 또한, Figma를 사용하여 디자이너와 협업하여 디자인 개편 작업을 성공적으로 마무리했습니다. 이외에도 이슈 관리 툴인 Jira를 사용해 CS팀과 협력하여 이슈 20개를 해결하는 등, 다양한 팀과의 협업을 통해 문제를 해결하고 프로젝트를 성공적으로 이끌어 나가는 능력을 갖추고 있습니다. 

저의 성격의 단점은 미련입니다. 인턴 생활 당시, 프로젝트를 완성한 후에도 계속해서 개선하려는 성향이 있었습니다. 이러한 성향은 때로는 비효율적으로 보일 수 있지만, 결과적으로 후속 이슈를 예방하고 프로젝트의 완성도를 높이는 데 기여했습니다. 이러한 경험을 바탕으로, 회사의 성장에 기여할 수 있는 지속적인 개선과 발전을 추구하는 자세를 가지고 있습니다.

문제 해결 경험

xeno 쇼핑몰 프로젝트 당시 입력값을 받는 다양한 prompt modal을 구현해야 하는 상황이 발생했습니다. 각 modal마다 공통된 스타일을 유지하면서 각기 다른 동작을 수행해야 했습니다. 이를 해결하기 위해 AppPromptModal 컴포넌트를 설계하였습니다. AppPromptModalProps에는 공통된 modal props를 가진 AppModalType를 상속받고 각 버튼의 action과 style, text를 받아 modal 컴포넌트 안에 있는 닫기 이벤트를 적용하였습니다. 이를 통해 modal의 재사용성을 높이고, 유지보수를 용이하게 하였습니다. 기존에는 공통된 스타일을 가진 modal인데 각 modal을 만들어 스타일 파일이 증가하고 재사용이 되지 않는 현상을 해결하였습니다. 

또한, 상품 상세페이지의 옵션 선택 모달에서 옵션 선택, 상품 옵션 미리보기, 수량 변경 작업이 하나의 컴포넌트에서 발생되어 불 필요한 리렌더링이 발생하였고, 코드의 유지 보수가 되지 않고 있었습니다. 이를 해결 하기 위해 fixed로 하단에 고정되어 있는 구매하기 버튼은 ProductOrderBar로 설계하였고 구매하기 버튼을 누르면 ProductOrderModal의 onOpen 함수를 호출시켜 고정되어 있는 bar와 modal을 분리하였습니다. ProductOrderModal 컴포넌트에서는 subButton 버튼의 action인 장바구니 handler와 actionButton 버튼의 handler인 구매하기 handler를 정의해주고 AppPromptModal에 넘겨주어 재사용이 가능하게 하였습니다. 상품 옵션 선택하는 ProductOptionSelectBox와 선택된 상품들을 보여주는 ProductOptionSelectedList를 정의하였고 선택된 가격과 수량을 표시해주는 ProductOptionResultBox를 AppPromptModal의 children으로 넘겨주어 컴포넌트를 분리하여 유지보수가 가능하게 하였습니다.