미리보기
기본 정보
세상에 가치를 주는 소프트웨어를 개발하는데 즐거움을 느껴요. 한 가지 문제를 다각도로 바라보고 어떻게 하면 생산적으로 큰 아웃풋을 만들어 낼 수 있을지 고민하는 것을 좋아해요. 해결하고자 하는 문제가 무엇인지를 제대로 파악해야만 누군가에 도움이 되는 문제를 해결 방법을 만들 수 있다고 생각해요.
기술 스택
JavaScript, TypeScript, React, Next.js, tailwind-css
경력
29cm
프론트엔드 개발자 | 검색 추천팀 | 재직 중
2023.08. ~ 재직 중 (1년 3개월)
What I did
• 이굿위크 TF로 활동하며 3주동안 마이셀렉션이라는 서비스를 개발하여 런칭했어요. 이벤트 10일 동안 유저들의 6.5만건의 참여를 이끌 수 있었어요.
• 검색 팀에서 검색 결과/검색 시작 페이지를 새롭게 개편하여 고객의 상품을 찾는 여정을 개선 시켰어요.
• 추천 팀 소속으로 UI A/B 테스트를 진행하며 유저들이 좋아하는 UI/UX를 제공하기 위해 실험을 진행했어요.
• Ruler 디자인 시스템을 최적화 및 유지보수를 관리하고 있어요. 브라우저에서 유저를 더 빨리 만날 수 있도록 성능을 최적화하고, 안정적인 디자인 시스템 개발을 위해 Visual Test 자동화 시키고 있어요.
주식회사 오누이
What I did
• 기술 교류의 장을 적극적으로 활용하여 DX 개선에 대한 액션 아이템을 산출하여 적용했습니다.
• 프론트엔트 챕터 내의 TF팀에서 Storybook과 MSW 도입을 추진하여 개발 생산성 향상에 기여하였습니다. Storybook을 통해 UI 테스트를 위임하고, 서버 종속성 없이 구현하여 코드 안정성과 개발 속도를 향상시켰습니다.
• Composition 패턴의 컴포넌트를 구현하여 디자인 변경에 유연하게 대응함으로서 기획자와 디자이너와의 소통을 원할하게 진행하였습니다.
• 기능 조직의 워킹 노트 템플릿을 만들어 코드 컨벤션과 도메인 정보를 정리하여 작업에 대한 자원을 감소시켰습니다.
• API Batch call을 사용하여 컨텐츠 조회 성능을 향상시켜 네트워크 오버헤드와 리렌더링을 방지하였습니다.
Tech Stack
Next, GraphQL, Stiches, Zustand, Storybook, MSW, Vitest
아이시프트
사원 | 개발2팀
2020.11. ~ 2022.01. (1년 3개월)
What I did
• 중고차 백오피스 관리자들의 피드백을 수집하여 UI/UX 개선 작업을 진행했습니다. 드래그앤드롭을 통해 상품 묶음 처리 가능하도록 사용자 경험을 개선했으며, 포워딩 단계에 필요한 필수 입력 필드를 한 눈에 알아볼 수 있도록 UI를 개선했습니다.
• Mixin을 활용하여 메모리 누수를 방지하고, Redis DB 전역 상태 관리를 통해 다국어 작업을 진행하여 코드 안정성을 향상시켰습니다. • 관리자 타입에 백오피스 로그인 관리자 타입별 권한 작업을 완료하여 보안성을 강화하기 위해 Vuex를 통해 레이어를 분리하고 Navigation Guard를 사용하여 미들웨어를 최소화하였습니다.
Tech Stack
Vue, Vuex, Spring boot, JPA, MariaDB
프로젝트
여기 덕담이요
개인
2022.09. ~ 2022.09.
What I did
추석을 연휴를 활용하여 랜덤 덕담메시지 공유하기 어플리케이션을 5일 동안 구현했습니다. 공유 받은 덕담 메시지 이미지를 미리볼 수 있도록 SSR을 활용하여 메타태그(오픈그래프)를 동적으로 구현하였습니다.
Task
덕담 메시지 미리보기 동적 메타태그 처리
카카오, 트위터, 링크 공유하기 기능 구현
Firebase 데이터 호출 api routing 처리
Tech Stack
TypeScript, Next, Emotion
Production Link
https://here-your-duckdam.vercel.app/
Git Hub