2024년방식 React/Typescript 프론트

React + Typescript를 이용한 프론트엔드 개발

* 경력

리액트 : 5년 (2018.10~ )

타입스크립트 : 3년

_________________________

일부 이력 (일반 CRUD 업무는 제외하였음)

h**** - meteor.js 기반 채팅 플랫폼 고도화 & 번들러 최적화로 인한 속도향상

r***** - 웹기반 비디오 자막 에디터 제작

K***** - 쇼피파이(shopify) 웹훅기반의 음반 판매량 집계 자동화

g***** - 랜딩페이지 개발 (full-page 기반의 인터렉티브 UI)

d***** - 튜닝된 ChatGPT 3.5 turbo API 기반의 질의응답 사이트

r***** - tensorflow.js + movenet 기반의 실시간 운동자세 교정 프로그램 (초저사양 기기에서 수행가능)

a***** - ohif 뷰어 기반의 의료이미지 조회 플랫폼

o***** - 관리자 페이지 (웹소켓 기반의 리얼타임 DB Sync : DB 변동시 UI 자동갱신)

_________________________

아래의 서비스 이용 가능

* 일반 CRUD 페이지 개발

* 정적 페이지에 API 연결

* 애니메이션 기반의 랜딩 페이지 (예 : monimo.com)

* 3D 웹페이지 - gltf등의 3D 모델링 파일 필요

* WebRTC 기반의 화상채팅 플랫폼

* 웹소켓 기반의 리얼타임 DB Sync, 실시간 알람, 채팅 서비스

* OAuth 기반의 회원가입 & 로그인 (구글, 카카오, whatever)

* 결제플랫폼 연동 (부트페이 or 아임포트)

* 웹 퍼블리싱 + 프론트 + 백엔드 + 배포 자동화 전과정 수행가능

_________________________

* 개발 스택

- typescript

- react 18.2

- react-router

- react-query

- 런타임 validator : zod, io-ts

- react-hook-form

- 웹 애니메이션 : framer-motion 또는 GSAP

- 웹 3D : three.js

- ORM : prisma 또는 drizzle ORM

- 번들러 설정 & 플러그인 추가 가능

- 프로젝트 생성부터 배포, 인프라 설정까지 개발 전과정 수행 )가능

1. 스토리보드 등의 요구사항 전달

-> 레이아웃이 있어야 하며 명세가 구체적이어야 함

2. 요구사항 분석 -> 서비스에 적합한 스택 안내 -> 작업시간 안내 -> 비용안내

3. 결제 요청

4. 개발 착수 -> 작업 시작 직후 Vercel에 배포 -> 클라이언트가 진행상황 확인하여 실시간으로 피드백 -> 피드백 수용하여 작업물에 반영

7. 최종 작업물 확인 & 테스트 수행하여 문제없다고 판단되면 거래확정

웹페이지의 디자인 및 스토리보드를 준비해주시면 그에 맞춰 요구사항 분석 및 컨설팅이 진행됩니다 (피그마 또는 제플린 환영)