미리보기
기본 정보
안녕하세요. 고도화와 협업을 중요시하는 프론트엔드 개발자 강나연입니다.
기술 스택
React, TypeScript, Next.js, react-query
프로젝트
별별 부동산
Frontend Developer
진행 중
MVP 단위 서비스 출시
- 기획, 디자인, 백엔드, 프론트엔드 개발자와의 협업
- 10일간 MVP 출시 및 QA 진행에 참여하여 제품 출시 속도 및 품질에 기여
- 솔직하고 안전한 리뷰를 통해 최근 사회적 문제인 전세사기를 예방하고자 기획에 참여하여 사회적 가치를 실현
- 리치스니펫 및 Open Graph를 통한 SEO 최적화
- 2차 출시를 위한 실 서비스 운영 준비 중
- Next.JS, TypeScript, Tanstack-query, Chakra
이슈트래커(Issue Tracker)
Frontend Developer
웹 보안 강화와 반응형 웹 구현 및 번들 최적화
- 백엔드, 프론트엔드 개발자와 협업하여 장기 프로젝트 진행
- 웹 보안 강화를 위해 jwt 토큰 및 secure 쿠키를 적용하여 XSS, CSRF 공격 방어
- 다양한 디바이스에 대응하는 반응형 웹 구현
- 효율적인 에러 관리 및 세분화된 에러 핸들링을 위한 ErrorBoundary 커스텀
- MSW로 생성한 mock API로 배포 환경에서 프론트 리소스만으로 API 통신이 가능하도록 함
- Storybook을 활용한 UI 테스트 및 컴포넌트 재사용성 개선
- 프론트엔드 환경 구축과 번들 최적화를 위해 Webpack을 활용하고 폰트 최적화, 코드 스플리팅, 트리 쉐이킹 적용
쿠쇼핑
Frontend Developer
MVC 패턴 도입 및 다중 레이어 드롭다운 메뉴 개선
- 쇼핑몰 웹 서비스의 필수적인 인터랙션을 구현할 수 있음
- MVC 패턴을 도입하여 관심사 분리와 구조 개선을 고민함
- debounce를 적용하여 다중 레이어 드롭다운 메뉴의 사용자 경험 향상
- 지속적인 노력을 통한 사용자 경험과 기능 개선
FE-Challenge
Frontend Developer
2023.08. ~ 2023.09.
스프린트 단위 재사용 컴포넌트 구현
- 한 주를 스프린트 단위로 재사용 가능한 컴포넌트 구현하여 개발 프로세스 효율화
- 주어진 요구사항을 일반화하여 Vanilla JS, React로 범용적인 컴포넌트 구현
- 팀원과의 코드 리뷰를 통한 전반적인 코드 품질 및 개발 역량 향상
- 막대차트, 파이차트, 7 segment 디지털 시계, Toast-notification, Post-it 등 구현
포트폴리오
교육
프로그래머스
사설 교육 | 데브코스 웹앱 과정
2023.12. ~ 2024.04. | 중퇴
코드스쿼드
사설 교육 | 프론트엔드 마스터즈 과정
2021.10. ~ 2022.06. | 졸업
한국외국어대학교
대학교(학사) | 전자공학과 학사
2015.03. ~ 2019.08. | 졸업
자기소개
[지속적으로 코드를 개선합니다.]
지속적인 코드 개선은 제가 지향하는 가치 중 하나입니다. 트러블 슈팅과 리팩토링은 저의 성장을 이끌어가는 원동력입니다.
새로운 프로젝트를 만드는 것도 좋아하지만 유지 보수 및 고도화에 관심이 많습니다.
이전에 겪었던 문제와 도전에 대해 잊지않고, 지난 코드를 복기하고 개선하는 것을 즐깁니다.
당시 겪었던 이슈를 되새겨보며 성장을 위한 교훈을 얻고 미래에 더 나은 대응을 할 수 있도록 노력합니다.
실제로 작년과 제작년에 진행한 사이드 프로젝트를 되짚어보며 발견한 문제점들을 해결하고, 코드를 더 효율적으로 만들기 위해 최선을 다하였습니다. 이러한 노력을 통해 제 개발 역량을 향상시키고, 앞으로의 프로젝트에 대비하여 더 나은 솔루션을 찾을 수 있는 능력을 기르고자 합니다.
[집단 지성을 좋아합니다.]
제게 있어 팀워크는 에너지와 시너지를 발휘할 수 있는 중요한 요소입니다.
혼자서 일하는 것보다 팀과 함께 작업하며 상호작용하고 지식을 공유함으로써 보다 효율적으로 일할 수 있다고 믿습니다.
저는 팀원들과의 협업을 통해 성장하는 것을 즐기며, 지식을 나누고 피드백을 받는 것을 중요하게 생각합니다.
장기 프로젝트를 진행하면서 팀원들과 함께 고난과 역경을 극복하며 서로의 강점을 살려 나아가는 경험을 하였습니다.
또한 협업을 통해 짧은 기간 동안 몰입하여 서비스를 출시하는 경험도 했습니다.
이러한 경험을 통해 팀워크를 통한 성장의 중요성을 깨달았으며, 지속적으로 발전하고 성취해 나가고자 합니다.
[최적화를 중요시합니다.]
프론트엔드는 고객과 밀접한 분야인만큼 사용자 경험성과 성능 개선을 통해 편리하고 빠른 서비스를 제공하는 것에 관심이 많습니다.
사용자가 늘어났을 때를 대응할 수 있는 확장성있는 웹 서비스를 개발하고자 합니다.
제가 경험한 최적화 작업은 다음과 같습니다.
- Webpack과 Babel을 활용한 프론트엔드 기술 환경 구성: 이를 통해 번들 용량을 최적화하고 효율적인 개발 환경을 구축하였습니다.
- 코드 스플리팅: 페이지 컴포넌트를 분리하여 초기 로딩 속도를 개선하고, 필요한 컴포넌트만 동적으로 로딩하여 사용자 경험을 향상시켰습니다.
- 트리 쉐이킹: 사용되지 않는 코드를 제거하여 번들 파일의 용량을 최소화하고 성능을 향상시켰습니다.
- API 병목 현상 해결: prefetching 및 promise.all 을 통해 API 병렬 호출로 병목 현상을 해결했습니다.
이러한 최적화 작업을 통해 사용자들에게 더 나은 서비스를 제공하고, 시스템이 더 많은 트래픽을 처리할 수 있도록 고민합니다.