미리보기
- 직업
- 프론트엔드 개발자
- 이름
- 이소연
- 간단소개
- 팀의 협업을 강화하고, 웹의 매력을 UX로 증명하는 프론트엔드 개발자
자기소개
- 자기소개
안녕하세요!
저는 프론트엔드 개발자로서, 웹 애플리케이션의 매력을 극대화하는 데 열정을 쏟고 있습니다.
주로 Angular와 React를 활용하여 다양한 프로젝트를 성공적으로 이끌어왔으며, 특히 UX 개선과 사내 툴의 효율성 향상에 집중하였습니다. 디자이너와 에디터의 작업 공수를 줄이고 팀과의 협업을 원활하게 하는 데 큰 보람을 느낍니다.
한국 및 글로벌 사용자들을 대상으로 하는 엔터테인먼트 서비스의 리뉴얼, 성능 최적화, 기능 개선에 기여했으며, 백오피스의 기능 향상에도 중요한 역할을 담당했습니다
특히, 백오피스에서 HTML, CSS를 커스텀할 수 있는 기능을 개발하여, 디자이너들이 개발자의 도움 없이도 과금형 인터랙티브 콘텐츠의 표지 템플릿을 빠르게 제작할 수 있도록 지원하였습니다. 이는 디자이너의 업무 효율을 크게 향상시켰습니다.
저는 항상 새로운 도전을 두려워하지 않으며, 업무 외에도 스터디와 개발자 모임을 통해 최신 기술 트렌드를 빠르게 습득하여 더 나은 UX를 제공하는 데 열정을 쏟고 있습니다.
항상 더 나은 코드를 작성하고, 더 나은 솔루션을 찾기 위해 꾸준히 노력하는 개발자입니다. 앞으로도 계속해서 성장하는 모습을 보여드리겠습니다!
기술 스택
- 기술 스택
- React
- Angular
- JavaScript
- Vue.js
- NestJS
- Express
- Node.js
경력
- 회사명
- (주)운칠기삼
- 직책 • 부서
- 사원 • 개발팀
- 근무 기간 (근무 형태)
- 2022.05. - 재직 중
- (2년 6개월 | 정규직)
- 담당 업무
포스텔러 AI Thales 프로젝트 개선(Angular + NestJs + Open AI)
포스텔러 글로벌 서비스 웹 애플리케이션 리뉴얼 및 유지보수 (React)
포스텔러 프리미엄 아이템(과금형 인터랙티브 콘텐츠) 개발 및 유지보수 (Angular)
포스텔러 만세력 웹페이지 개선
포스텔러(Forceteller) 한국 서비스 웹 애플리케이션 개발 및 유지보수 (Angular)
백오피스 유지보수(Angular + NodeJS)
프로모션 페이지 개발 및 유지보수 (Vue, React)
프로젝트
- 프로젝트명
- 포스텔러 AI 프로젝트 개선(Angular + NestJs + Open AI)
- 소속/기관명
- (주)운칠기삼
- 프로젝트 기간
- 2024.08. - 진행 중
- (3개월)
- 프로젝트 설명
Azure OpenAI + langchain을 활용한 차세대 운세 서비스 개발 및 개선
기존에 1장의 카드만 해석하던 AI 타로 서비스를 다중 카드 해석과 다양한 프롬프트 적용이 가능하도록 계산 로직 확장
Fixi.js, Spine을 사용하여 스파인 애니메이션(Live2D) 제어 및 유지보수
- 프로젝트명
- 포스텔러 글로벌 서비스 웹 애플리케이션 리뉴얼 및 유지보수 (React)
- 소속/기관명
- (주)운칠기삼
- 프로젝트 기간
- 2023.01. - 2024.04.
- (1년 4개월)
- 프로젝트 설명
글로벌 서비스 리뉴얼 작업, 사용자 경험 개선 및 최적화
Angular 9에서 React로의 마이그레이션 수행
service와 view를 분리한 디자인패턴
styleX를 도입한 디자인 시스템 경험
Ionic Animation 기능을 사용해 서비스 단에서 메인 페이지의 인터랙티브 효과(애니메이션) 관리
친구 초대 및 추가 기능 개발, React-hook-form을 사용해 유저 및 친구 프로필 폼 관리
여러 페이지에서 공통적으로 사용하는 form을 편하게 관리할 수 있는 컴포넌트 생성
tanstack-query를 활용해 북마크 버튼 UX 개선
낙천적 업데이트로 느린 인터넷 환경을 가진 글로벌 유저들의 UX 개선
딥링크 생성과 공유 플로우 작업, 친구 초대 기능 구현
- 프로젝트명
- 포스텔러 만세력 웹페이지 개선 작업 (React)
- 소속/기관명
- (주)운칠기삼
- 프로젝트 기간
- 2023.07. - 2023.08.
- (2개월)
- 프로젝트 설명
UI 디자인 개편에 따른 전반적인 스타일링 수정 및 컴포넌트 리팩토링
react-hook-form을 활용한 프로필 폼 ux 개선
Day.js를 활용한 사주 운세 캘린더 컴포넌트 개발
유저의 사주 데이터에 기반한 동적 그래픽 컴포넌트 설계 및 구현
Recoil을 도입하여 props drilling을 방지하고 유저의 사주 데이터를 전역 상태로 효율적으로 관리
- 프로젝트명
- 포스텔러 프리미엄 아이템(과금형 인터랙티브 콘텐츠) 개발 및 유지보수 (Angular)
- 소속/기관명
- (주)운칠기삼
- 프로젝트 기간
- 2022.07. - 진행 중
- (2년 4개월)
- 프로젝트 설명
Web animation API를 통해 애니메이션을 동적으로 제어하고, 가독성을 높임.
three.js를 사용한 애니메이션의 3D 에셋 최적화 작업
3D 에셋을 preload하고, 3D 에셋의 폴리곤의 수를 줄이고, 범프 맵을 넣어서 퀄리티를 유지하면서 용량을 줄임.
Scala를 사용한 인터랙티브 콘텐츠의 서버 로직 작성
유저가 선택한 선택지를 기반으로 csv 데이터를 로드하여 가공하는 작업
- 프로젝트명
- Forceteller 백오피스 유지보수(Angular + NodeJS)
- 소속/기관명
- (주)운칠기삼
- 프로젝트 기간
- 2022.05. - 진행 중
- (2년 6개월)
- 프로젝트 설명
매월 직원들의 피드백을 반영하여 백오피스 기능을 지속적으로 개선 및 유지보수.
Node.js와 Sequelize를 활용하여 MySQL DB 스키마 연결 및 API 로직 최적화.
과금형 인터랙티브 아이템(이하 '프리미엄 아이템') 제작툴 개선
HTML, CSS 커스텀 기능을 개발하여 디자이너가 개발자의 도움없이 인터랙티브 컨텐츠의 표지 템플릿을 빠르게 작성할 수 있도록 개선
할인 프로모션 대상 아이템들을 수정하면, 서비스 내의 할인 목록 리스트에 자동으로 동기화되는 기능 작업
- 프로젝트명
- 프로모션 페이지 개발 및 유지보수 (Vue, React)
- 소속/기관명
- (주)운칠기삼
- 프로젝트 기간
- 2022.06. - 진행 중
- (2년 5개월)
- 프로젝트 설명
리디북스의 글로벌 웹툰 플랫폼 'Manta'와의 제휴용 인터랙티브 콘텐츠 개발(React)
행운 단어 뽑기 이벤트 (2024. 1. 15. ~ 1. 21.): BFS 알고리즘 적용, 키워드 정오답 처리 기능 구현
2023년~2024년 상반기 가장 높은 이벤트 페이지 인입 기록(평균 view 12,548), 광고 수익 목표 132.3% 초과 달성
프로모션 페이지 템플릿화 및 기존 템플릿 개선
- 프로젝트명
- 포스텔러 한국 서비스 웹 애플리케이션 개발 및 유지보수 (Angular)
- 소속/기관명
- (주)운칠기삼
- 프로젝트 기간
- 2024.04. - 진행 중
- (7개월)
- 프로젝트 설명
캘린더 형태의 컴포넌트에서 dayjs가 유효하지 않는 날짜를 자동으로 변환함으로서 발생하는 버그 픽스
유저 프로필 폼에서 생일을 입력했을 때, 음력 생일 유효성 검사를 위해 async validator로 비동기적으로 유효성 검사를 하도록 수정
포트폴리오
- 타입
- URL
교육
- 소속/기관
- 청강문화산업대학교
- 종류 | 전공명/전공계열
- 대학교(전문학사) | 애니메이션
- 재학 기간 (재학 상태)
- 2016.03. - 2020.02. (졸업)