미리보기
기본 정보
Why를 통해 학습하고 문제를 해결하는 것을 즐깁니다. 어떠한 기술을 도입하거나 학습할 때 어떤 기술인지(what), 어떻게 사용하는지(How)만으로 그치는 것이 아닌 언제 사용하는지 (when), 왜 사용해야하는지(why)를 고민하며 학습하여 도입하기 위한 기술을 빠르게 이해하고 적용해본 경험이 있습니다. 깊이 고찰한 것이나, 나만의 레슨런을 공유하는 것을 즐깁니다. 공유를 통해 팀과 함께 성장하며 문제를 해결하고 이를 통해 팀 내 신뢰와 유대가 형성되는 긍정적인 경험을 겪어본, 공유 문화를 주도적으로 이끌어나가는 개발자입니다. 강한 오너십과 책임감을 바탕으로 여러 직군과 의견을 공유하고 협업하여 더 나은 UX를 위해 고민하고 주도적으로 프로덕트 발전에 기여하는 개발자입니다.
기술 스택
React, JavaScript, TypeScript, HTML/CSS, scss, react-query
프로젝트
글쓰기 커뮤니티 플랫폼 - Mile
고려대학교 창업지원단 & IT 벤처 창업 동아리 SOPT
2024.01. ~ 진행 중
[글모임 서비스]
유저에겐 에디터를 활용해 보다 다양한 기능으로 간편하게 글을 쓰고 상호작용할 수 있는, 모임 관리자에겐 admin기능을 제공해 글모임을 만들고 간편하게 관리할 수 있도록 해주는 데스크탑 웹 서비스입니다.
웹 프론트엔드 리드개발자를 맡아 서버, 기획, 디자인과 주도적으로 소통하며 협업하였습니다.
공유하는 팀 문화를 만들어 도입해야할 라이브러리에 대한 세미나를 진행해 팀원 모두에게 공유하는 문화, 스프린트 끝에 서로가 마주한 트러블을 공유하고 회고하는 문화를 만들어 나갔습니다. 코드 리뷰 문화(Pn룰)를 도입하는 등 팀 내에서 더 효율적으로 협업할 수 있도록 노력했습니다.
[개발 스택]
React, Typescript, Emotion, React-Query(v5)를 사용하여 개발하였습니다.
[새로운 기술 도입을 위해 학습하는 과정]
저희 팀은 새로운 라이브러리나 기술 등을 도입하기 위해 학습한 내용을 공유하는 문화를 가지고 있습니다.
[React-Query]
서버 상태와 클라이언트 상태의 분리, 캐싱 처리 등을 쉽게 해결하기 위해 React-Query를 사용하였습니다.
query key factory를 도입하여 React Query key의 Hierarchy 구조를 잡고 중복선언과 휴먼에러를 방지하였습니다.
[이미지 통신으로 인한 서버 과부하를 줄이기 위한 presigned URL]
presigned URL을 사용하여 S3로 직접 이미지를 업로드하는 방식을 채택하여 서버의 과부하를 줄이기 위한 작업을 진행했습니다.
[보안적 취약점을 위한 토큰 관리]
accessToken과 refresh토큰을 동시에 사용하여 보안적 취약점을 개선하였습니다. access token이 탈취되었을 때에 대비하여 짧은 만료시간의 access token과 함께 refresh 토큰을 사용하여 토큰이 탈취될 경우에 대비하였고, 짧은 토큰 유효시간으로 인해 재로그인해야하는 유저의 불편함을 개선하기 위해 자동으로 토큰을 연장하는 silent refresh 로직을 구현해 UX를 개선하였습니다.
[유저 유치 경험]
고려대학교 창업지원을 받으며 현재 유저테스트 진행중에 있고 이에 따라 발생한 문제들을 즉각적으로 대응하고 해결해본 경험이 있습니다.
최적의 회의시간 도출 서비스 - ASAP
IT 벤처 창업 동아리 SOPT
2023.07. ~ 2023.10.
회의 일정 잡는 과정에서의 불편함을 느껴 이를 프로덕트를 활용해 직접 개선해보고자 시작한 최적의 회의시간 도출 서비스 ASAP입니다.
사용자가 회의정보와 회의 가능 시간을 입력하고 링크를 공유해서 팀원들의 시간을 입력받아 최적의 회의시간을 도출하고 회의 일정을 공유할 수 있는 서비스를 개발하였습니다.
[ 개발스택 ]
React, TypeScript, styled-componets, recoil를 사용해 개발하고 vite를 통해 배포했습니다.
[ CI를 구현하여 기존의 불편했던 배포 자동화 ]
github action과 vercel을 활용한 자동 배포, 자동빌드 테스트 CI/CD를 구축하여 기존에 불편하던 배포 과정과 수동으로 하던 빌드 테스트 작업을 자동화하였습니다.
[ funnel구조 리팩토링 ]
toss의 useFunnel에서 영감을 받아 funnel구조를 개선하여 불필요한 전역 상태를 제거하고, 상태의 흐름을 파악하기에 용이하도록 리팩토링하였습니다.
[ atomic design패턴 일부 차용 ]
atomic design 패턴을 일부 차용하여 컴포넌트의 재사용성을 고려한 설계를 하였습니다.
경력
패스트캠퍼스 - 카카오테크캠퍼스
실습코치 | FE
2024.06. ~ 2024.08. (3개월)
2024카카오 테크 캠퍼스에서 FE파트 실습코치로 근무하였습니다.
학생들의 학습일지에 대한 피드백을 제공하고 Slack, ZEP 등의 플랫폼에서 온라인으로 교육에 참여하는 학생들의 질문을 해결해주는 업무를 담당하였습니다.
주식회사모노라마(monoramaCo. Ltd)
인턴 | 웹 개발
2021.12. ~ 2022.06. (7개월)
Angular를 활용한 이커머스 쇼핑몰 플랫폼 서비스 개발을 맡았습니다. Angular를 사용해 page를 반응형으로 만들고, 상품 상세페이지와 장바구니 페이지를 구현하고 간단한 api를 연결했습니다.
BC카드 외부 사원으로 파견 후 wechatpay Outgoing 매입 시스템 백오피스 퍼블리싱을 맡았습니다.
html, css 사용해서 뷰를 구현하는 것을 주로 담당했으며 매일 애자일하게 프로젝트를 진행하고 체계적인 협업을 통한 실무를 경험해보았습니다.
대외활동
대학생 IT 연합동아리 SOPT
SOPT
국내 최대 IT벤처 창업 동아리 SOPT 웹파트에 참여하였습니다.
디자이너, 서버, PM, 프론트엔드 4개의 직군과 협업하여 해커톤과 프로젝트에서 다수의 웹 서비스를 성공적으로 릴리즈 하였습니다.
웹개발에 대한 깊이있는 학습자세와 공유로 인한 상호성장, 팀을 이끄는 리더십을 인정받아 200명 가량의 인원이 참여하는 IT 동아리의 웹개발파트장을 맡았습니다. 리더를 맡아 팀내 유대와 신뢰를 형성하여 원활한 협업을 돕고 서로의 경험과 개발자식을 공유할 수 있는 다양한 공유문화를 만들고 정착시켰습니다. 총 8번의 세미나를 진행하여 27명의 동료들을 주니어 개발자로 성장시키는 경험과 소속했던 단체에 소속감을 가지고 깊게 기여해보는 경험을 하였습니다.
