프론트엔드 개발자

손승현

Next.js의 app router를 활용해서 SSR과 CSR에 대한 렌더링 방식을 깊게 고민하는 프론트엔드 엔지니어 손승현입니다. Express, Sequelize를 활용한 백엔드 개발 경험과, GCP, Jenkins, Docker, k8s를 활용한 CI/CD 자동화 파이프라인을 개발한 경험으로 인프라적인 지식 또한 갖추었습니다.

성실함

책임감

학습 지향

긍정적

적응력

초등학교 3~5학년 학생들을 대상으로, 엔트리 블록코딩, 파이썬, 아두이노 수업을 1:1 맞춤별/수준별로 진행

코딩라운지 코딩학원 강사 아르바이트

ENGLISH

SPANISH

다재다능한 프론트엔드 개발자_이력서_손승현.pdf

Github

<ul><li>프로젝트 링크: <a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/Codeit-Part-SFJs/WDYTA">https://github.com/Codeit-Part-SFJs/WDYTA</a></li><li>배포 사이트 링크: <a target="_blank" rel="noopener noreferrer nofollow" href="https://www.wdyta.store-">https://www.wdyta.store</a><hr></li><li>프로젝트 소개: 음악,식당,영화,강의,여행지,전자기기,호텔,와인,옷,앱 등 다양한 분야의 상품을 리뷰하는 플랫폼</li><li>구체적 역할 및 기여:<ul><li>홈페이지 기능 구현:<ul><li>서버사이드 렌더링(SSR) 적용 (<a target="_blank" rel="noopener noreferrer nofollow" href="https://sonia9914.tistory.com/119">기술 블로그</a>)</li><li>카테고리•검색•정렬을 변경할 시 URL 및 query key 변경으로 상품 동적 데이터 반영</li><li>무한 스크롤 및 로딩 시 스켈레톤 구현</li><li>어댑터(Adapter) 디자인 패턴을 활용한 데이터 구조 변환 함수 구현 (<a target="_blank" rel="noopener noreferrer nofollow" href="https://sonia9914.tistory.com/120">기술 블로그</a>)</li><li>Zustand를 활용하여 페이지 이동 시 검색어 초기화 (<a target="_blank" rel="noopener noreferrer nofollow" href="https://sonia9914.tistory.com/121">기술 블로그</a>)</li><li>팔로워 수에 따른 리뷰어 랭킹 확인 가능</li><li>반응형 그리드 레이아웃 구현</li><li>상품 추가 모달 구현<ul><li>상품 추가 모달을 통한 상품의 이름, 카테고리, 이미지, 소개글 작성 가능</li><li>상품 추가 완료 후 추가한 상품 상세 페이지로 이동</li></ul></li></ul></li></ul></li><li>성과:<ul><li>홈페이지의 초기 렌더링 시간과 FCP (First Contentful Paint)를 500ms로 향상시켰으며, 추가적인 데이터 요청시간인 300ms를 단축</li></ul></li><li>기술 스택: TypeScript, Next.js(app router), TanStack Query, TailwindCSS, Storybook, Zustand</li></ul>

이거어때? (WDYTA: What Do You Think About?)

<ul><li>프로젝트 링크: <a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/SungshinMine09/sungshin-mine-09">https://github.com/SungshinMine09/sungshin-mine-09,</a><a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/linason-esc/sungshin-mine-09_CICD"> </a><a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/linason-esc/sungshin-mine-09_CICD">https://github.com/linason-esc/sungshin-mine-_CICD</a></li></ul><hr><ul><li>프로젝트 소개: 성신여자대학교 ʻ재학생’들만을 위한 공동구매 웹서비스</li><li>구체적 역할 및 기여:<ul><li>토큰 방식으로 회원 관리와 관련된 모든 백엔드 기능 개발 및 해당 기능들의 화면 인터페이스를 개발 (이메일 인증,회원가입, 로그인+로그아웃, 아이디찾기+비밀번호재설정, 아이디/비밀번호변경)</li><li>코드 변경 사항을 지속적이고 자동적으로 통합하고, 빠른 배포를 위해 Jenkins, Docker, Kubernetes, GoogleCloud Platform을 활용하여 CI/CD 자동화 파이프라인을 구축</li></ul></li><li>성과:<ul><li>팀프로젝트 점수 만점을 받았으며, 해당 과목 성적은 ʻA0 ’라는 높은 점수를 달성</li><li>CI/CD 자동화 파이프라인을 구축하기 전보다, 코드 통합 및 배포 시간을 50% 이상 단축</li></ul></li><li>기술 스택: <ul><li>프론트엔드: HTML, CSS, EJS</li><li>백엔드: Javascript(Node.js, Express.js), MySQL, Sequelize </li><li>CI/CD 및 배포: Jenkins, Docker, Kubernetes, Google Cloud Platform</li></ul></li></ul>

성신마인 09번지

<ul><li>프로젝트 링크:<a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/objectio/sfml-ECOVID-19"> https://github.com/objectio/sfml-ECOVID-19</a></li><li>프로젝트 소개: 코로나 시대에서 증가하는 일회용품 사용에 대한 경각심을 나타내는 ʻECOVID-19’라는 게임 프로그램 제작</li><li>구체적 역할 및 기여: 멀티미디어 API인 SFML을 일주일만에 학습한 후, 게임 플레이 화면 및 플레이 기능을 개발</li><li>성과: 28개 팀 중에서 장려상 수상</li><li>기술 스택: C, C++, SFML</li></ul>