채용공고 올리기

손지원님을 응원해보세요!

지금 만족하고 있어요

미리보기

기본 정보

이름
손지원
직업
프론트엔드 개발자
간단 소개

✅  유저의 입장에서 고민하며 개발합니다. - 유저 사용경험을 향상 시키기 위해 사소한 부분도 신경써서 개발했습니다. 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를 사용한 관심 도서 북마크/읽고있는 책 저장 기능 구현

포트폴리오

URL

link

Velog

URL 링크
link

GitHub

깃허브
link

손지원의 포트폴리오

노션

교육

소속/기관명

침례신학대학교

종류 | 전공

대학교(학사) | 교회음악과 음악치료 전공

재학 기간 | 재학 상태

2017.02. ~ 2022.02. | 졸업

댓글