에이슬립 피드 웹 페이지 개발 [2022.07 ~ ] [https://feed.asleep.ai] - Next.js 13 버전의 app directory로 프로젝트를 진행하였습니다. - 서버 컴포넌트를 중심으로 개발하였습니다. - 다국어 기능을 개발하였습니다. - 페이지에 맞는 렌더링 전략을 사용하여 개발하였습니다. React Native Android, iOS 앱 개발 [2022.06 ~ 2023.06] - React Navigation을 활용하여 컨벤션을 잡아서 프로젝트 폴더를 구성하였습니다. - Orval를 활용하여 react-query의 타입을 정의하여 사용하였습니다. - VictoryChart를 활용하여 기본적인 차트의 뼈대를 잡고, 라이브러리에서 제공하지 않는 요소들은 직접 작성하여 차트를 구성하였습니다. - expo-video를 활용하여 비디오 플레이어를 구성하였습니다. - detox.js로 e2e 테스트를 작성하였습니다.

查看更多

Matchark (https://app.matchark.com/) - button, input, modal 등의 디자인 시스템을 재사용성을 고려하여 구축하였습니다. - Mongo Realm의 Authentication을 기반으로 회원가입, 로그인, 비밀번호 찾기 등의 계정 관련 서비스 플로우를 맡아 구축하였습니다. - Next.js의 Image Optimization을 적극 활용하여 프로필 사진, 비디오 썸네일 등을 더욱 더 빠르게 로드할 수 있도록 계속해서 성능 개선을 생각하며 개발하였습니다. - Mongo Realm의 서버리스 함수를 작성하고, 데이터 스키마를 직접 작성하여 개발하였습니다. - Apollo Client와 GraphQL을 활용하여 백엔드와 통신하고, InMemoryCache를 적극적으로 활용하여 관리하였습니다. [기술스택] - Next.js(SSR, SSG, ISR), Apollo client, Graphql, Typescript, Styletron(atomicCSS), Baseui, MongoRealm

查看更多