미리보기
기본 정보
✅ 유저의 입장에서 고민하며 개발합니다. - 유저 사용경험을 향상 시키기 위해 사소한 부분도 신경써서 개발했습니다. redirect할 때의 미세한 깜박임을 수정하기 위해 Next.js의 Middleware를 도입하거나 프로필 이미지 등록시 재클릭 이슈로 이미지가 사라지는 등의 문제를 방지 하는 등 크게 눈에 띄거나 오류를 일으키지는 않지만 유저입장에서 불편할 수 있는 부분을 캐치하고 보완했던 경험이 있습니다. - 프로젝트를 배포 후 실제 고객 피드백을 받아 불편함을 해소하기 위해 개선 했던 경험이 있습니다. ✅ 대화하기 편한 사람 - 음악치료를 공부하며 상대방과 나 사이에 소통과 배려 대한 중요성과 스킬을 배우고 익혔습니다. - 여러번의 팀프로젝트를 진행하며 팀원, 디자이너와 소통하며 협업 했던 경험이 있습니다.
기술 스택
JavaScript, React, Next.js, TypeScript, redux-toolkit, zustand, supabase, Firebase, Sass
프로젝트
Puppy Ground
내일배움캠프
2024.01. ~ 2024.02.
반려견 중고물품 거래 및 정보공유 플랫폼
기술 : Javascript, Typescript, React, Next.js, Zustand, Sass, Supabase, Tanstack-Query
인원 : FE : 5명 / Designer : 1명
1. 로그인/회원가입
- react-hook-form 을 사용한 실시간 유효성 검사
- zustand를 사용한 로그인 정보 전역관리
- Supabase auth를 통한 회원가입,로그인과 소셜로그인 구현(Kakao,
Google) - 사용자 로그인 상태 세션 체크와 적절한 페이지 리다이렉션을 위해 Next.js
- 미들웨어, Supabase Next.js-auth-helper 사용으로 UI와 코드 개선
2. 유기견 공고 게시판
- axios과 Tanstack Query를 이용한 유기견 공고 Open API를 연결
- 유기견 공고 게시판 날짜 / 지역별 필터 조회
- 페이지네이션
3. 반응형 웹 디자인
- 로그인/회원가입, 유기견 공고페이지 css미디어 쿼리를 사용한 테블릿/모바일 반응형 디자인 구현
책 check
내일배움캠프
2023.12. ~ 2024.01.
자신만의 독서 기록 사이트
기술: Javascript, Typescript, React, Redux, Styled-Components, Supabase, axios
인원 : FE : 5명
**1. 도서 검색 페이지 **
- json server를 통한 알라딘 API 연결
- 도서 검색 API를 이용한 도서 검색기능
- useSearchParams를 사용하여 새로고침 후 검색 키워드 유지
2. 도서 상세 페이지
- axios를 사용한 도서 API 연결로 도서 상세페이지 구현
- useMutate를 사용한 관심 도서 북마크/읽고있는 책 저장 기능 구현
포트폴리오
교육
침례신학대학교
대학교(학사) | 교회음악과 음악치료 전공
2017.02. ~ 2022.02. | 졸업