미리보기

서치라이트의 랜딩 페이지를 framer에서 Next.js로 마이그레이션 및 리뉴얼하는 작업을 전담하였습니다.

next.js typescript tailwind CSS zustand git

• SEO 최적화

• AWS S3 + CloudFront로 이전

• github-actions를 이용한 배포 자동화

• 리스트 신청 페이지, 블로그 페이지, FAQ 페이지 추가

• 홈페이지 디자인 리뉴얼

• Sentry, Hotjar 등 써드파티 서비스 연동

(계약 기약 만료로 인한 종료)

oosie는 사용자들이 자신의 운동, 식단, 체중을 기록하고, 이를 분석하여 개인 맞춤형 건강 관리 대시보드를 제공하는 서비스입니다.

next.js typescript tailwind CSS zustand tanstack query supabase git

• 식단, 운동 CRUD

  • 식단 검색 기능을 통한 칼로리 입력 기능 추가

  • 운동 완료 체크 속도 1.2초 -> 0.01초로 개선

• 디자이너 피드백을 반영한 공통 컴포넌트 및 UI 수정

• 반응형 웹 페이지 구현

• figma를 이용한 와이어프레임 작성 및 디자인 의견 제시

• 프로젝트 문서화 및 기술 스택 정리

github | 시연 영상

Bloomsbury Lab의 신제품인 Liberty 52 전용 쇼핑몰 및 관리자 서비스입니다. (서버 종료)

react javascript styled-components mui tanstack query git

• 쇼핑몰 페이지 - 9개 화면 구현

  • 로그인, 회원가입, 주문, 배송 정보 입력,

    주문 조회, 주문 상세 조회,

    상품 소개 및 리뷰 작성/ 조회,

    공지사항

• 관리자 페이지 - 4개 화면 구현

  • 고객 관리, 주문 취소, 주문 상세 조회 (이미지 업스케일링),

    상품 소개 관리

• 공통 컴포넌트 구현

  • 버튼, 텍스트 입력창, 체크박스, 헤더, 이미지 입력창, 모달, 라디오 버튼

• 렌더링 속도를 위해 댓글, 리뷰 등 페이지네이션으로 구현

• 관리자 페이지와 쇼핑몰 페이지 데이터 동기화

github

• 매일 12시간 집중 학습으로 React 주요 개념 체계적 습득

• 개인 프로젝트 5개, 팀 프로젝트 6개 중 3번의 리더를 맡아 팀원들을 이끌어 프로젝트를 기한 내에 완성하는 능력 기름

• 전문 디자이너, 개발자들과의 협업 및 소통 능력 향상

• Git, React, React Native의 기초적인 내용 학습

  • git 학습 내용

• 오픈소스 hyper의 코드와 패키지 구조 분석

• 아카데미에서의 학습을 바탕으로 오픈소스 가상 화이트보드 excalidraw에 기여함

  • (closed) 한국어용 손글씨 폰트 추가

  • (merged) PNG로 내보낼 때 모든 파일로 저장되는 버그 수정