오픈소스에 관심이 많은 사람들이 모여 npm library를 만들어 보았습니다. 해당 library는 애플 사이트의 스크롤에 따라 동영상 재생효과를 주는 인터랙티브한 스크롤 기능을 Intersection Observer API 를 활용하여 커스텀화 하고, 사용하기 쉽게 끔 마이그레이션 하여 제공하였습니다.

Catbow Library를 사용하기 위해 필요한 사이트를 구현했습니다. 개발 기간 : 2022-11-21~2022-12-12 (22일) ✔ AWS-S3 를 사용한 동영상 업로드 로직 구현 ✔ contextAPI 를 사용한 전역상태 관리 ✔ styled-components 를 이용한 조건부 로직 구현, UI 재사용 ✔ github action을 사용한 ci/cd 구축, 배포 ✔ js->ts로 마이그레이션 ✔ 이미지 업로드 시 동영상 미리보기, 미리보기 삭제 기능 ✔ 모달 키다운 이벤트 기능 구현 ✔ 파일 자동저장 기능 구현

typescript와 react-Query를 공부해보기 위해 백엔드 동료와 기획한 todo list 프로젝트로 유저는 회원가입과 로그인을 하고 todo를 생성, 체크, 수정, 삭제합니다. 회원가입시 프로필 사진을 등록하며, 사진은 백엔드에서 form-data로 보내 S3에 저장 후 데이터베이스에 URL을 저장합니다. 팀 FE : 1 BE : 1 ✔ useForm을 사용한 회원가입, 로그인 페이지 구현 ✔ import 를 깔끔하게 사용하기 위해 바렐 폴더 구조 사용 ✔ emotion.js 를 이용한 UI 재사용

wecode x 코오롱 글로벌 연계 프로젝트로 코오롱 글로벌 내부 Survey tool을 구현하였습니다. 팀 Koda (FE : 2, BE : 2) 2022년 9월 19일 ~ 2022년 10월 13일 (25일) - 구현 기능 ✔ JWT와 로컬스토리지를 사용한 로그인 기능 ✔ 서베이 10개씩 5페이지로 끊어서 보여주는 페이지 네이션 ✔ 서베이 진행중 / 대기중 / 완료 / 전체 필터, 서치 기능 (이중 조회 가능) ✔ ClipBoard API 를 이용한 복사 기능 ✔ Recharts 라이브러리를 사용한 문항별 통계 차트

사진에 기반한 소셜 네트워크 서비스 'Pinterest', (https://www.pinterest.co.kr/)를 모티브로 React CRA툴을 사용해 구현하였습니다. 팀 Winnerest (FE : 3, BE : 2) 2022년 8월 29일 ~ 2022년 9월 8일 (10일) - 맡은 구현 기능 ✔ Kakao API를 이용한 회원가입 / 로그인 기능 구현 ✔ useEffect와 Observer API를 이용한 메인페이지 무한스크롤 구현  ✔ 저장한 사진을 불러오는 마이 페이지 구현