미리보기

커머스

• 상품 후기 서비스
• 공동구매 서비스
• 개원 여부 설문조사 서비스
• 캐시 서비스
• 등급제 서비스
• 원페이지 마켓
• 장바구니 선택 구매 기능

커뮤니티

• 게시글 북마크 기능
• 에디터 이미지 복수 업로드 기능
• 댓글 사진 첨부 기능

BI

• 한의원 비즈니스 데이터 BI 대시보드

공통

• Lighthouse를 통한 웹 성능 측정, 개선
  • 이미지 기본 포맷 webp로 변경, lazy load 적용
• Storybook 도입 (https://ui.medistream.co.kr/)
• 모달 컴포넌트 npm 패키지화 (https://github.com/medistream-team/vue- fullpage-modal)
• Webpack v3 -> v5 업데이트

기술 스택

• JavaScript, Vue 2, Vue 3, vuex, webpack, vite

DualAxes 컴포넌트 개발

• d3차트를 대체하는 Antd 차트 컴포넌트 제작
• 대외 기술글 게시 (https://www.whatap.io/ko/blog/66/)

기술 스택

• TypeScript, React, redux, styled-components

차트 라이브러리 개발

기술 스택

• TypeScript, SVG

• 한 페이지에서 탐색, 장바구니 담기, 결제까지 가능한 마켓 서비스

• 원계정이 부계정의 결제 권한, 상품 조회를 제어할 수 있는 역할 기반 마켓 서비스

• 전체 마켓 매출의 3 ~ 5 %

• 기술 스택: JavaScript, Vue 3, vuex, vite, @headlessui/vue, date-fns

• 참고: https://biz.medistream.co.kr/

Iron Branch (2022. 09. ~ 2022. 10.)

Command-line Application, 도타2 (Valve AOS 게임) 프로 경기 관전 앱

기술 스택

• JavaScript, React, ink

내용

• 진행중인 경기 정보를 터미널에서 볼 수 있는 앱
• React 기반 Command-line UI 구축 라이브러리 ink 사용

성과

• Dota2 Reddit에 게시, 140 추천, 당일 핫 게시글 15위
• GitHub 주소 : https://github.com/ktseo41/iron-branch

일랜시아 웹 직업 경로 계산기 (2020. 04.)

고전 MMORPG 게임 일랜시아에서 직업에 따른 스탯 포인트 시뮬레이션 프로그램을 웹앱으로 개발

기술 스택

• React, TypeScript, Bulma, Styled-Components, Jest

내용

• 기존 윈도우 전용 응용프로그램(.exe)을 웹앱으로 대체

성과

• 2024년 1월 기준 플레이 유저 70% 이상이 사용중 (MAU: 464)
• 게시 당일 팬카페 BEST 게시글 등록
• 링크 : https://github.com/ktseo41/route-calculator

영어로 작성된 프론트엔드 아티클을 큐레이팅, 번역해 공유하는 활동

"웹어셈블리에서 자바스크립트를 빠르게 실행하는 방법", "리액트에서 useState를 사용하면서 저지를 수 있는 흔한 실수들", "뷰의 새로운 컴포지션 API를 사용해야 하는 이유", "완전한 타입 안전 성을 가진 웹 애플리케이션", "로컬 우선 소프트웨어가 있다면 어떨까요?", "iOS 및 iPadOS의 웹 앱용 웹 푸시" 등 번역

• 팀 소개: https://kofearticle.substack.com/about