사용 기술.

TypeScript, React Native, React-Query, Recoil, React-Native-Reanimated, React-Native-Webview

이런 걸 했어요.

• 현재 한세고의 모든 학생들이 사용하는 학교 대표 앱 "한움"을 개발하였습니다.
• 학사일정, 시간표, 급식표, 대나무숲(커뮤니티) 등의 학교 관련 기능들을 전부 개발하였습니다.
• 대나무숲 기능까지 한움 프로젝트의 프론트 1인 개발을 담당했습니다.
• 기기의 테마 색깔을 가져와 그에 맞는 테마 색깔을 적용하였습니다.
• 바텀 시트 라이브러리의 버그로 인해 직접 바텀 시트를 구현하였습니다.
• 대나무 숲의 무한 스크롤 기능을 구현하였습니다
• 학생회 신청 백엔드의 이슈로 인해 4시간만에 Api 연결을 해야하는 상황이 있었지만 성공적으로 해결하였습니다.
• QR 인식 기능을 추가하여 축제때 부스의 결제를 모두 QR로 진행하였습니다.
• 한세어울리마당 부분을 하루안에 완성해야하는 상황속에서 빠르게 개발하였습니다.
• 한세어울림마당에 실시간 투표 기능을 추가 하였고, 행사 당일 모두 정상적으로 잘 작동했습니다.

사용 기술.

TypeScript, React.js, Next.js, Zustand, Framer Motion

이런 걸 했어요.

• 웹 앱을 구현하였습니다
• Zustand를 사용하여 앱 인식을 구현 하였습니다
• 앱 인식 여부에 따른 스타일링 변화를 주었습니다
• Framer Motion을 사용하여 숫자 count 애니메이션과 fade-in 애니메이션을 구현하였습니다

사용 기술.

TypeScript, React.js, Emotion, Recoil, Pnpm

이런 걸 했어요.

• 부스의 키를 입력하면 총 잔액을 보여주고, 결제 내역을 확인하는 기능을 구현했습니다.
• 혹여나 잘못 결제가 된 경우를 대비해, 환불 기능을 구현했습니다.

사용 기술.

TypeScript, React.js, Emotion, Prettier, Yarn

이런 걸 했어요.

• 첫 협업으로 Emotion, ESLint 그리고 Prettier를 사용하는 계기가 되었습니다.
• 선배님들의 코드 리뷰를 통해 코드를 깔끔하게 작성하는 방법을 배웠습니다.
• 많은 리스트들을 사용하여 반복되는 코드를 줄였습니다.
• 절대 경로를 설정하여 import를 편하게 할 수 있게 구현했습니다.

사용 기술.

TypeScript, Next.js, React-Hook-Form, Prisma, MySQL

이런 걸 했어요.

• 프론트, 백엔드, 서버 배포까지 모두 1인 개발을 담당했습니다.
• Next.js를 사용하여 SSR을 사용했습니다.
• Prisma를 사용하여 데이터베이스 구축과 백엔드 개발을 담당했습니다.

사용 기술.

TypeScript, React.js, React-Lottie, Framer Motion, Vite

이런 걸 했어요.

• 한북 프로젝트의 프론트 1인 개발을 담당했습니다.
• React-Lottie를 사용하여 성공, 실패, 로딩 애니메이션을 구현했습니다.
• 사용자의 위치를 가져와 학교 안에서만 반납할 수 있게 구현했습니다.
• 처음으로 백엔드와 통신을 React-Query를 사용하여 하였습니다.

사용 기술.

TypeScript, React.js, Emotion, Zustand, React-Kakao-Maps-Sdk, Nest.js, Prsima, OpenAI, Naver Open API

이런 걸 했어요.

• 프론트엔드와 백엔드를 담당하였습니다
• Zustand를 사용하여 상태관리를 하였습니다.
• useDebounce 커스텀 훅을 만들어 실시간 검색 변환 기능을 구현하였습니다.
• react-kakao-maps-sdk를 사용하여 지도를 구현하였습니다.
• 백엔드에서 온 응답을 이용하여 map으로 표시하는 기능을 구현하였습니다.
• OpenAI의 ChatGpt3.5를 사용하여 각 지역에 대한 추천 서비스를 구현했습니다
• Naver Open API를 사용하여 검색 기능을 구현했습니다.

사용 기술.

TypeScript, React.js, React-Leaflet-Location-Picker, Styled-Components, Recoil, Vite

이런 걸 했어요.

• 제6회 한세톤에서 2등을 수상했습니다.
• "우리, 함께" 프로젝트의 프론트 1인 개발을 담당했습니다.
• React-Leaflet 라이브러리를 사용하여 지도 기능을 구현했습니다.
• 사용자의 위치를 지도에 표시하는 기능을 구현했습니다.
• PWA를 사용하여 웹을 앱처럼 사용할 수 있게 구현했습니다.

사용 기술.

TypeScript, React.js, Emotion, Prettier, Pnpm

이런 걸 했어요.

• Pnpm을 사용하여 라이브러리를 직접 배포하였습니다.
• 매번 Text 컴포넌트를 만들다보니 불편함을 느껴서 만들게 되었습니다.
• Rem을 사용하여 반응형으로 구현하였습니다.
• Emotion을 사용하여 스타일링을 하였습니다.

사용 기술.

TypeScript, React.js, Slick-Carousel, React-Query, TMDB API

이런 걸 했어요.

• 처음으로 직접 사이트를 만들어보았습니다.
• React-Query를 사용하여 TMDB API에 있는 정보를 가져왔습니다.
• Slick-Carousel을 사용하여 이미지 슬라이더를 구현했습니다.