미리보기
기본 정보
Why를 통해 학습하고 문제를 해결하는 것을 즐깁니다. 어떠한 기술을 도입하거나 학습할 때 어떤 기술인지(what), 어떻게 사용하는지(How)만으로 그치는 것이 아닌 언제 사용하는지 (when), 왜 사용해야하는지(why)를 고민하며 학습하여 도입하기 위한 기술을 빠르게 이해하고 적용해본 경험이 있습니다. 깊이 고찰한 것이나, 나만의 레슨런을 공유하는 것을 즐깁니다. 공유를 통해 팀과 함께 성장하며 문제를 해결하고 이를 통해 팀 내 신뢰와 유대가 형성되는 긍정적인 경험을 겪어본, 공유 문화를 주도적으로 이끌어나가는 개발자입니다. 강한 오너십과 책임감을 바탕으로 여러 직군과 의견을 공유하고 협업하여 더 나은 UX를 위해 고민하고 주도적으로 프로덕트 발전에 기여하는 개발자입니다. 웹개발에 대한 깊이있는 학습자세와 공유를 통한 상호성장하는 모습, 팀을 이끄는 리더십을 인정받아 약200의 인원이 참여하는 IT 동아리 SOPT의 웹개발파트장을 맡았습니다. 여러 개발자와 타직군간의 원활한 협업을 돕고 파트내 공유문화를 만들어 나갔습니다. 총 8번의 세미나를 진행하여 27명의 대학생 동료들을 주니어 개발자로 성장시키는 경험을 하였습니다.
포트폴리오
기술 스택
React, JavaScript, TypeScript, HTML/CSS, scss, react-query
프로젝트
글쓰기 커뮤니티 플랫폼 - Mile
고려대학교 창업지원단 & IT 벤처 창업 동아리 SOPT
2024.01. ~ 진행 중
[글모임 서비스]
유저에겐 에디터를 활용해 보다 다양한 기능으로 간편하게 글을 쓰고 상호작용할 수 있는, 모임 관리자에겐 admin기능을 제공해 글모임을 만들고 간편하게 관리할 수 있도록 해주는 데스크탑 웹 서비스입니다.
웹 프론트엔드 리드개발자를 맡아 서버, 기획, 디자인과 주도적으로 소통하며 협업하였습니다.
공유하는 팀 문화를 만들어 도입해야할 라이브러리에 대한 세미나를 진행해 팀원 모두에게 공유하는 문화, 스프린트 끝에 서로가 마주한 트러블을 공유하고 회고하는 문화를 만들어 나갔습니다. 코드 리뷰 문화(Pn룰)를 도입하는 등 팀 내에서 더 효율적으로 협업할 수 있도록 노력했습니다.
[개발 스택]
React, Typescript, Emotion, React-Query(v5)를 사용하여 개발하였습니다.
[성능개선]
core web vitals를 기반으로 Lighthouse와 vite-bundle-visualizer를 활용하여 성능을 개선하였습니다.
1. webp사용을 통한 이미지 최적화
2. font dynamic subset활용
3. code splitting과 lazy loading 적용
위 3가지를 통해 메인페이지의 FCP를 기존 16초에서 1.7초로, SI를 5.2초에서 2.5초로 개선하였습니다.
[새로운 기술 도입을 위해 학습하는 과정]
저희 팀은 새로운 라이브러리나 기술 등을 도입하기 위해 학습한 내용을 공유하는 문화를 가지고 있습니다.
[낙관적 업데이트 적용 & react query setQueryData 동작과정 뜯어보기]
좋아요 기능에 낙관적 업데이트를 적용하여 UX를 개선하였고 구현과정 중 React query 라이브러리의 setQueryData 메소드를 깊게 고찰하며 어떤 원리로 해당 로직이 작동하는지를 기록하고 공유하였습니다.
낙관적 업데이트 feat: setQueryData 동작과정 뜯어보기
[React-Query]
서버 상태와 클라이언트 상태의 분리, 낙관적 업데이트, 캐싱 처리 등을 쉽게 해결하기 위해 React-Query를 사용하였습니다.
query key factory를 도입하여 React Query key의 Hierarchy 구조를 잡고 key를 다루는데에 있어 중복선언과 휴먼에러를 방지하였습니다.
[이미지 통신으로 인한 서버 과부하를 줄이기 위한 presigned URL]
presigned URL을 사용하여 S3로 직접 이미지를 업로드하는 방식을 채택하여 서버의 과부하를 줄이기 위한 작업을 진행했습니다.
[CSS-in-JS 라이브러리 비교 분석]
CSS-in-JS 라이브러리를 비교하고 분석하여 팀원들에게 공유한 후 emotion 라이브러리를 도입하였습니다.
[보안적 취약점을 위한 토큰 관리]
accessToken과 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개월)
데이원 컴퍼니에서 진행하는 패스트캠퍼스X카카오테크 교육에서 실습코치를 맡아 개발자 양성 교육 과정 전반에 대한 교육 운영과 지원 및 수강생 관리 업무를 맡았습니다. 체계적이고 꼼꼼하게 문서화하는 능력과 교육만족도를 극대화하기 위한 업무에 대한 능동적인 자세로 수강생의 과제를 확인하고 평가하고 피드백을 주는 업무와 질의응답을 받으며 문제 해결에 도움을 주는 업무와 강의 내용을 요약해서 전달해주는 업무를 전담하여 교육 퀄리티를 관리하였습니다.
주식회사모노라마(monoramaCo. Ltd)
인턴 | 웹 개발
2021.12. ~ 2022.06. (7개월)
모노라마에서 이커머스 쇼핑몰 웹 개발 업무를 담당하였습니다. Angular를 처음 접했지만, 빠르게 습득하여 UI/UX를 개선하고 웹을 반응형으로 만들어 웹 서비스를 더 접근성있게 만들었으며, 장바구니 기능과 필터 기능을 직접 개발하여 서비스에 기여하였습니다.
또한, BC카드 외부 사원으로 파견되어 WeChat Pay 백오피스 시스템의 UI/UX 개발을 담당했습니다. 웹서비스의 마크업을 전담하고 jQuery를 활용한 간단한 서버 통신 로직을 구현하는 업무를 맡았고 팀 내에서 애자일 방식으로 협업하여 업무를 책임감 있게 완수했습니다. 프로젝트 완료 후에는 결과물에 대한 프레젠테이션까지 주도적으로 진행하여 성공적으로 마무리한 경험이 있습니다.
대외활동
대학생 IT 연합동아리 SOPT
SOPT
NAVER D2, 아산나눔 재단 등에서 후원을 받고 있는 전국 최대 규모의 대학생 IT 창업 동아리 SOPT 웹파트원으로 참여하여 IT 지식과 웹 개발에 대해 깊게 탐구하고 이것을 팀원들과 공유하며 상호성장하였습니다.
디자이너, 서버, PM, 프론트엔드 4개의 직군과 협업하여 해커톤과 프로젝트에서 다수의 웹 서비스를 성공적으로 릴리즈 하였습니다.
동아리 활동 마지막에는 개발에 대한 깊이있는 고찰과 공유하며 상호성장하는 자세, 협업능력을 인정받아 200명 규모의 개발 동아리의 웹 개발 파트장을 맡아 단체를 더 발전시키고 성장시키는데에 기여하였습니다. 총 8번의 세미나를 준비하고 진행하였으며, 팀 내 신뢰와 유대를 만들어 나가는데 기여하고 테크톡을 만들어 공유문화를 조성하고 정착시켰습니다. 이와 같은 활동으로 27명의 대학생 파트원들을 주니어 개발자로의 성장을 이끌어내었습니다.
교육
가톨릭대학교
대학교(학사) | 컴퓨터정보공학부
2017.03. ~ 2024.02. | 졸업