채용공고 올리기

이지원님을 응원해보세요!

가벼운 티타임 좋아요

미리보기

직업
프론트엔드 UX 엔지니어
이름
이지원
간단소개
안녕하세요! 배움을 즐거워하는 프론트엔드 개발자 이지원 입니다. 제가 만든 서비스를 남들이 사용해 주는 것이 좋아 개발하고 있습니다. UX(유저 경험), DX(개발자 경험)을 1순위로 생각하며 개발합니다. 가독성 좋은 코드, 협업이 잘 되는 태도를 고민합니다.

기술 스택

기술 스택
React
Next.js
TypeScript
Flutter

경력

회사명
(주)비바리퍼블리카
직책 • 부서
UX Engineer Assistant • DEUS
근무 기간 (근무 형태)
2023.09. - 재직 중
(1년 1개월 | 계약직)
담당 업무
  • Fill, Border, Shadow 등 디자인 속성 개발
  • Copy & Paste, Drag and Drop 등 에디터 코어 기능개발
  • 데우스 에디터에서 React 컴포넌트인 TDS(Toss Design System)를 사용할 수 있도록 개발
회사명
블루시그넘주식회사
직책 • 부서
Frontend Developer
근무 기간 (근무 형태)
2022.07. - 2023.08.
(1년 2개월 | 정규직)
담당 업무

학교와 병행하며 학기 중에는 파트타임, 방학 중에는 풀타임으로 근무하였습니다.

블루시그넘 근태관리 앱

기술스택 : Flutter
기간 : 23.07~23.08

  • 근무기록, 휴가 신청, 어드민 UI 개발
  • Figma의 컴포넌트, variant를 사용하여 일부 페이지 디자인
  • 클린 아키텍쳐, MVVM, Stream을 사용하여 확장성 있는 구조 고민

AI 당신의 상담소

기술 스택 : NextJS, Recoil, Module CSS
기간 : 23.04

  • 채팅형 게임으로 스코어(라포)를 관리하고, 라포를 시나리오에 반영
  • GPT API 사용 및 prompt 관련된 기능은 서버 사이드에서 처리
  • 슬랙 봇과 연동하여 에러가 나는 경우 슬랙으로 전송
  • 모바일 브라우저 및 키보드를 고려하여 구현
  • Custom-hook, Service Layer 를 활용하여 view 와 logic 을 구분
  • ChatGPT와 함께하는 심리상담 게임

무디 | Moodee

기술스택 : Flutter
기간 : 23.03 ~ 23.07

  • 안드로이드 위젯 개발
  • 멤버십 해지 페이지 UI 구현
  • 애니메이션을 활용한 UX 개선
  • 개발팀의 효율을 위해 피그마 플러그인 제작 (디자인 시스템을 적용한 텍스트 위젯 자동 생성)
  • ‎무디 Moodee : 지금의 감정에 필요한 것은?

KMI 음성 심리검사

기술스택 : React, Typescript, recoil, module css, scss, storybook, vercel
기간 : 22.07 ~ 22.08

  • 사용자 음성 및 설문 결과 서버로 전송
  • 디지털 표현형(스크롤 속도, 마우스 포인터 위치, 화면에 focus 된 시간 및 횟수) 기록
  • 방사형 그래프로 시각화 및 pdf 저장 기능 개발
  • Web Audio API를 사용하여 사용자의 음성 시각화
  • 모든 브라우저 및 모바일 디바이스에서 작동하도록 개발
  • storybook을 사용하여 컴포넌트 단위 개발
  • Enter로 넘기기, 자동으로 다음 문항으로 넘기는 기능을 추가하여 UX 향상

프로젝트

프로젝트명
Interactive Artwork
소속/기관명
프로젝트 기간
프로젝트 설명

기술스택 : Typescript, Web-Component, CSS Module, SCSS

  • Typescript 기반으로 컴포넌트, 라우트를 활용해 SPA 제작
  • Web-component를 활용한 자체 라이브러리로 UI 개발
  • 3D 모델인 도넛의 각 픽셀당 밝기를 계산하여 2D text로 표현
  • 드래그로 물체를 회전시킬 때 최대한 자연스런 느낌을 받도록 구현
  • HTML canvas, 계산 최소화, 캐싱을 사용하여 렌더링 시간 92% 개선(464ms45ms)
  • Website, Github
프로젝트명
피그마 플러그인, 위젯
소속/기관명
프로젝트 기간
프로젝트 설명

기술스택: Typescript, yarn-berry

  • Variable로 다국어를 사용하기 위한 피그마 플러그인 개발 (Link)
  • 파일을 공유할 수 있는 피그마 위젯 개발 (Link)
  • 날짜 정보를 채워주는 플러그인 개발 (Link)

포트폴리오

타입
URL
댓글