안녕하세요
웹 프론트엔드 개발자
오이슬입니다
Introduce
React, Next.js, Typescript 기반 서비스 구축 및 운영 경험이 있으며, 웹 표준을 고려한 인터랙티브 웹 프로젝트들을 진행했습니다.
재사용 가능한 컴포넌트 작성과 코드의 완성도를 높이는 과정에 큰 즐거움을 느낍니다. 개발을 할 때 정답이 있다기보다 상황에 적절한 최적의 방식이 있다고 생각하고, 이를 위한 건설적인 토론과 코드 리뷰를 좋아합니다.
Skills
Experiences
비투지게임즈
Frontend Developer
2024.04 -
스포츠 판타지 웹 게임 개발 2024.04 -
- Canvas를 활용하여 실시간 축구 시뮬레이션 설계 및 구현
- 전반적인 로딩 최적화 작업
- Google 회원가입, 로그인 연동
Tech Stack
Vue, Nuxt, Typescript
pinia, scss
북아이피스
Frontend Developer
2022.11 - 2023.12
- 검색결과 페이지를 렌더링 최적화하여 유저 경험을 향상시키고 검색 리텐션이 18% 증가
- 상태관리 단순화와 패키지 경량화를 위해 기존 MobX에서 Zustand로 변경 도입
- 디자인팀과의 원활한 협업 및 테스트 효율을 위한 Storybook 도입
Tech Stack
React, Next, Typescript
zustand, mobX, lodash, styled-components, storybook
mono-repo, yarn, azure
법적조치 관리 사이트 신규 개발 2023.08 - 2023.12
- 프로젝트 구조 설계 및 공통 컴포넌트 개발
- 인프라 비용 절감을 위해 SSG 방식 채택하여 AWS, Github Action으로 자동 배포 구축
Tech Stack
React, Next, Typescript
zustand, react-query, emotion, re-chart
yarn-berry, aws, github-action
더즈인터랙티브
FE Assistant Manager
2019.08 - 2022.05
삼성 갤럭시 메타버스 체험존 개발 2021.12 - 2022.02
- WebGL 기반의 맵에서 사용자 인터랙션 요소 개발
- 맵 내 npc들과의 채팅 기능 구현
- GTM 이벤트 수집 및 관리
- 30개국 서비스 출시 및 운영을 위한 i18n 설정
- AEM 서버 내 컴포넌트 제작 및 조합하여 페이지 제작
- 2천 장 이상의 이미지 로딩 방식을 최적화하여 평균 로딩 속도 30% 감소
- ScrollTrigger 사용하여 스크롤에 위치에 따라 애니메이션 동작하는 게임 브랜드 페이지 구현
- 스타일 속성 최적화하여 애니메이션 로딩 속도 평균 30% 감소
- IE 및 모바일 구 디바이스 크로스 브라우징
- 세 개의 외부 개발사와 협업하여 쇼핑몰에 필요한 UI 작업 및 어플리케이션화를 위한 지원
- 디자인 가이드를 토대로 가이드 시스템 구축하여 사전작업 시간 단축에 기여
- WebGL 기반으로 360 카메라로 촬영된 공간들을 둘러볼 수 있는 체험존 개발
- Jsp 상에서 게시판 DB 연동 작업
Tech Stack
Html5, Css3, Javascript, GSAP
WebGL, JSP, Thymeleaf, AEM
Education
계원예술대학교 디지털미디어디자인과 프로그래밍전공2015.03 - 2018.02
Award
Webby Awards 2022 Nominee 2022.03
WebGL 기반의 웹 메타버스 체험존에서 전반적인 UI와
인터랙티브 채팅, 이벤트 프로모션 구현
Contact
pftrobot@gmail.com
Github