
미리보기
- 직업
- 프론트엔드 개발자
- 이름
- 손성오
- 이메일
- nobleser@naver.com
- 간단소개
- 많은 사람들에게 도움이되고자 하는 프론트엔드 개발자 손성오 입니다.

기술 스택
- 기술 스택
- JavaScript
- React
- HTML/CSS
- TypeScript
- react-query
자기소개
- 자기소개
프로젝트
- 프로젝트명
- Travely
- 소속/기관명
- 개인
- 프로젝트 기간
- 2024.12. - 2025.02.
- (3개월)
- 프로젝트 설명
내 계정- 본인 정보 확인 및 수정 가능
내 여행- 내가 만든여행 예약상태(대기,승인,거절)에 따른 표시
내 여행- 내가 참여한 여행(활성화, 비활성화)에 따른 표시
무한스크롤 적용(tanstack-query의 useInfinityQuery)
react-toastify를 활용한 알림창
+,- 버튼을 통해 원하는 정보만 입력할 수 있는 플로팅 메뉴를 만들었습니다
일정 및 팀원수를 정하여 여행팀을 최대 4팀까지 생성할 수 있도록 하였습니다
프로젝트 기획
기존의 여행사 형식이 아닌 누구나 가이드가 되고 참가자가 될 수 있는 여행 플랫폼 기획
마이페이지
토스트알림
플로팅 메뉴
여행 생성
- 프로젝트명
- PLY
- 소속/기관명
- 김민태의 데브캠프
- 프로젝트 기간
- 2025.08. - 2025.08.
- (1개월)
- 프로젝트 설명
메인페이지
무한스크롤 및 스켈레톤 UI 적용
스크롤 높이를 계산하는 방식으로 구현
Grid를 활용한 활용하여 반응형 카드형 리스트 구성
React Slick을 활용한 캐러셀 구현
플레이리스트 페이지
메인페이지의 카드와 다르게 메뉴닷을 추가하여 클릭시 드롭다운메뉴가 열리며 수정 및 삭제 가능
초기세팅
Husky설정,eslint설정
기술 스택:
react
,react-query
,typescript
플레이리스트 공유 플랫폼
- 프로젝트명
- 우아한 치즈케잌
- 소속/기관명
- 김민태의 데브캠프
- 프로젝트 기간
- 2025.07. - 2025.08.
- (2개월)
- 프로젝트 설명
급여확인 페이지
suspense와 lazy를 활용하여 로딩창 적용
더보기 버튼을 누를시 5개씩 추가로 급여가 보여지도록 설정
이전달/다음달 이동기능 및 해당 달에 데이터없을시 버튼 비활성화
Firebase 설정
프로필페이지
카페 알바생을 위한 급여 및 업무 관리 플랫폼
외국어
교육
- 소속/기관
- 가천대학교
- 종류 | 전공명/전공계열
- 대학교(학사) | 산업경영공학/컴퓨터공학
- 재학 기간 (재학 상태)
- 2015.03. - 2023.02. (졸업)
- 소속/기관
- 수리고등학교
- 종류 | 전공명/전공계열
- 고등학교
- 재학 기간 (재학 상태)
- 2013.02. - 2015.02. (졸업)