미리보기

• KT 텔레콤에서 주관하는 모빈스 프로젝트 프론트엔드 개발

• 3개월내 프로젝트 4개 참여

React 를 이용하여 메인 프로덕트를 개발하였으며, 동시에 Vue 를 활용하여 외주 개발 프로젝트를 수행했습니다.

해당 프로젝트에서 백엔드를 작업하며, 사용자 요구에 맞춘 API를 설계 및 구현하였습니다.

• 85$ 기부금 달성
• 11,240 페이지 뷰 달성
• 2,400명 유저 확보, 꾸준히 증가중인 추세
• SEO 점수 100점

• 트위터 데이터를 크롤링하는 과정에서 자바스크립트 없이 구현된 프로젝트 Nitter를 활용한 대안을 발견하고 설계하고 개발하였습니다.
• 코드 최적화를 통해서 성능을 향상시키고 Lighthouse 점수를 38점에서 98점으로 상승시켰습니다.
• 채널톡을 활용하여 실시간으로 발생하는 버그를 신속하게 보고 받고, 즉시 디버깅하여 해결했습니다.

• Tanstack Query의 Infinite Queries 기능을 활용하여 무한 스크롤 기능을 구현했습니다. 사용자가 페이지의 끝에 도달할 때마다 추가 콘텐츠가 자동으로 로드되도록 했습니다.
• Axios의 interceptor를 사용하여 API 요청과 응답 과정에서 토큰을 자동으로 추가하거나 검증하는 로직을 구현함으로써 보안성을 강화했습니다. 공통헤더을 설정하여 API 관련 코드의 중복을 최소화할 수 있었습니다.

과학기술정보통신부가 주최하는 프로그램 OpenUp 오픈소스 컨트리뷰션 아카데미 에서 리드멘티를 맡았습니다. 리드멘티로서 직접 팀을 대표하여 중간발표를 하고 프로젝트에 직접 기여해 보며 개발자로서 오픈소스에 대한 역량을 배웠습니다.

29만명의 멤버를 보유한 글로벌 비영리 기구, Women Who Code 서울에서 운영자로서 참여하고 있습니다.

모던 JavaScript 튜토리얼을 한국어 번역을 하였습니다.

Storybook Tutorials (react) 문서 한국어 번역을 하였습니다.