Lucy.SpaceLucy.Space.

icon

안수경 | 프론트엔드 개발자

안녕하세요. 5년차 프론트엔드 개발자 안수경입니다.

제가 개발자라는 직업에 매력을 느끼는 이유는 함께 일하는 사람들과 비즈니스 모델이라는 공동의 목표를 향해 나아가는 과정을 즐기기 때문입니다.

프로젝트를 버전별로 개발했던 경험이 있는데, 사용자들의 피드백을 반영해 개선해나가고, 점차 완성도를 높여가는 과정 속에서 개발의 즐거움을 발견할 수 있었습니다.

또한 이 경험으로 코드를 작성할 때, 유연하고 확장가능한 코드를 짜는 것을 중요하다는 교훈도 얻게되었습니다.

추후 기능이 추가되거나 변경될 때 최소한의 수정으로 확장이 가능하도록 설계하는 것을 선호합니다.

포트폴리오: https://www.lucy-an.space/

Email: devsoo0527@gmail.com

Skills

Strong

TypeScript, JavaScript, Angular, React, Next.js, HTML, CSS

Knowledgeable

Node.js, AWS

ETC

Git

Careers (총 4년 10개월)

Swit Korea(3년 8개월) Frontend

기간: 2020.11 - 2024.06

기술 스택: Angular, RxJS, Socket.io, Electron.js, NgRX, TypeScript

회사설명: 협업 도구로 기업 고객을 대상으로 하는 B2B SaaS 플랫폼

주요 프로젝트

Developers & Store Project

인원: Frontend(1명), Backend(3명), PM(1명), PD(1명), UR(1명), UW(1명)

기간: v2.0 - v2.2 (2022.08 - 2024.05)

담당

기존에는 커스텀 앱 개발 시 각 팀의 담당자가 필요했으나, 개발 방식의 일관성을 확보하여 누구나 단독으로 커스텀 앱을 개발하고 배포할 수 있도록 개선
PaaS 기반 API 앱 마켓플레이스를 제공하여 Swit 내외부 개발자들이 커스텀 앱을 개발, 등록, 배포 가능하도록 지원
OAuth 인증, 웹훅, API 연동, 앱 액션(커스텀 앱에 메시지 공유, 태스크에 링크 공유 등) Swit 생태계를 확장할 수 있는 개발자 지원 기능 구현
앱 액션 이벤트 발생 시 API 응답을 기반으로 동적 DOM 생성하여 사용자 경험 확장
레거시 데이터와 v2.0 이후 데이터의 통합 및 일관성 유지 및 NgRX를 활용하여 데이터 흐름 최적화

Swit 2.0 Migration Project

인원: Frontend(5명), Backend(8명), PM(4명), PD(8명), UW(3명)

기간: 2023.03 - 2023.08

담당

Swit의 핵심 기능을 워크스페이스 스코프에서 조직 스코프로 전환하는 대규모 아키텍처 변경 작업
프로젝트 내 Notification 시스템, 커스텀 앱 연동, 네비게이션 구조 전환 개발 담당
네비게이션 코드에 Type-safe 적용하여 컴파일 단계에서 오류 감지 및 유지보수성 향상
Angular 14 업그레이드 및 의존성 충돌 해결
Notification 템플릿 로직 최적화(FCP 성능 30% 향상)
실시간 알림(레드닷) 기능의 소켓 → 폴링 방식 변경 후, 서버 최적화 후 소켓 방식 복귀

Subtask Project

인원: Frontend(1명), Backend(1명), PM(1명), PD(1명), UW(1명)

기간: 2022.01 - 2022.07

담당

태스크 간 상·하위 관계의 CRUD 기능 추가
상/하위 테스크 데이터를 소켓 데이터와 통합하여 단일 인터페이스에서 관리할 수 있도록 설계
Socket.io를 활용하여 상위 테스크가 제거되거나 하위 테스크가 변경되는 등의 다양한 상황을 실시간으로 처리할 수 있도록 구현
태스크 공유 모달 컴포넌트에 레이지 로드를 적용하여 번들 파일 크기를 줄이고, FCP 성능 최적화

TaskPlus Project 착수 전 리팩토링

인원: Frontend(2명)

기간: 2021.08 - 2021.12

담당

웹 진입 시 프로젝트 미참여 유저, 접근 권한 없음, 링크를 통한 진입 등 다양한 진입 상황을 개별적으로 처리하던 기존 방식에서, RxJS 스트림을 활용하여 각 상태를 통합적으로 관리하도록 개선
RxJS 구독해제 부재로 일어난 메모리 누수 해결(CPU 과부하 88% 감소)
MVVM 패턴 리팩토링

ETC

그 외 통합알림개편, Outlook Mail 1.0, 초대링크 프로젝트 등 다수 프로젝트 개발
Swit AI, Swit DM, Swit Builder 등 다수 프로젝트 개발 지원
팀 내 TypeScript 및 RxJS 스터디 참여 및 발표

세탁특공대(4개월) Frontend

기간: 2019.12 - 2020.04

기술 스택: React, React-Native, Redux, Redux-saga, S3, Styled-component

회사설명: 세탁물을 배달하는 O2O 서비스

주요 프로젝트

세탁특공대 분류 프로세스 페이지 개발

인원: Frontend(1명)

기간: 2020.01 - 2020.02

담당

공장의 세탁물 분류 작업을 직접 체험하여 문제점을 파악하고, 디지털화를 통해 효율성을 높이고 오류를 줄이는 시스템을 개발
기존 2단계 분류 프로세스를 5단계로 세분화하여 정확성 및 작업 효율성 향상
S3 버킷을 활용한 이미지 저장 기능 구축 (세탁 오염물 촬영 및 관리)

ETC

React-Native 버그 픽스

아이디어컴즈(10개월) Frontend

기간: 2018.08 - 2019.06

기술 스택: React, React-Native, Redux, Styled-component

회사설명: 블록체인 및 ICO 관련 서비스

주요 프로젝트

블록체인 ICO 프레임워크 제작

인원: Frontend(1명), Backend(1명), PD(1명), PM(1명)

기간: 2018.10 - 2018.12

담당

노코드 솔루션 & 관리자 페이지 구축으로 개발자 개입 없이 ICO 프로젝트 운영 가능하도록 개선
지갑 연동 기능 추가로 사용자 유입 증가 및 휴먼 에러 방지

ETC

TOVI 애플리케이션 개발 및 배포

Projects

LUCY.SPACE.(2개월/1명) Frontend

기간: 2024.10 - 2024.12

링크: 프로젝트 설명 | 깃허브

설명: 개발 블로그 및 포트폴리오 제작

인원: Frontend(1명)

기술 스택: Next.js, React.js, Tailwindcss, Vercel , TypeScript, Cloudinary

담당

하이드레이션 이전 단계에서 스크립트를 주입하여 깜빡임 없는(FOUC) 다크 모드를 구현
Notion API와 ISR을 적용하여 최신 데이터를 반영하는 포트폴리오 및 블로그 페이지 구현
Notion 이미지 API → Next.js 엣지 네트워크 활용 (LCP 8s → 6.3s) → Cloudinary 최적화로 최종 LCP 2.3s까지 단축

FF(3개월/3명) Frontend

기간: 2024.06 - 2024.09

링크: 프로젝트 설명

설명: Google Maps API를 활용해 외국인들이 한국 레스토랑 정보를 확인하고 예약할 수 있는 서비스 개발

인원: Frontend(1명), Backend(1명), PD(1명)

기술 스택: Next.js, React, Tailwindcss, Vercel , TypeScript, React-Native, SWR

담당

사용자가 온라인(웹/앱)에서 한국 내 레스토랑 정보를 확인하고 예약할 수 있는 위치 기반 O2O 플랫폼
다국어 기능 지원으로 다양한 국가의 사용자가 접근 가능
React-Native를 활용하여 웹뷰 방식의 모바일 화면 개발
NextAuth 라이브러리를 활용하여 OAuth 로그인 기능 구현

Education

2024.03 -                    방통대 컴퓨터과학과 편입

2012.03 - 2017.02  백석대학교 유아교육과 졸업