미리보기
기본 정보
사용자가 보기에 편안하고 사용자 친화적인 화면을 만들어내는 것에 대해 고민하는 프론드엔드 개발자입니다. 사용자들이 편안하게 느끼고 손쉽게 다가갈 수 있는 경험을 제공하는 것에 가치를 두고있습니다.
기술 스택
HTML/CSS, JavaScript, Webpack, React
경력
넥슨코리아
사원 | 라이브웹프론트엔드팀 | 재직 중
2022.05. ~ 재직 중 (2년 11개월)
넥슨에서 서비스 되고 있는 라이브 웹 게임들의 공식 홈페이지 유지보수, 게시판 구축, 애니메이션 라이브러리 (gsap)등을 사용하여 생동감있고 다양한 인터렉션등을 제공하여 사용자경험을 높인 이벤트 페이지등을 개발했습니다.
프로젝트
넥슨 게임 이벤트 웹 페이지
넥슨코리아
2022.05. ~ 2023.11.
- 넥슨 게임들의 각 공홈 유지보수
- 각 게임들의 이벤트 페이지 제작
- 애니메이션 라이브러리 (gsap, AOS등..)를 사용하여 각 이벤트의 무드에 맞춰 화면 애니메이션 구성
- webpack 빌드
- gitlab 형상관리
- html/css/js /jquery
[카운터-스트라이크 온라인] 23-3 신규 클래스 업데이트
[카운터-스트라이크 온라인] 시즌5 파트너 크리에이터 소개
21주년 크아에서 쏜다
아이템 무료 충전
바람의나라 – 천인 리마스터, 전지전능 천인의나라
Shoppy - 쇼핑몰 프로젝트
개인
2023.12. ~ 2023.12.
https://lucky-taffy-e6cc84.netlify.app/
firebase를 사용하여 백엔드를 구축하였고, 클라우드 기반의 이미지 및 비디오 관리 서비스인 Cloudinary를 사용하여 product이미지를 관리하였습니다.
새로고침해도 로그인이 풀리지 않게 useEffect로 firebase에서 제공해주는 onUserStateChange를 사용하여, 그 정보로 컴포넌트의 상태를 업데이트 (setUser) 해주었습니다.
한곳에서 동일한 캐시키로 읽어오는것과 업데이트하는것이 함께 두어 staleTime이 얼마까지 있는지, 그리고 invalidate를 해야하는지 등을 관리하기 용이하게 useQuery 를 쓴 일부분(product 제품추가 관리)을 custom Hook으로 따로 관리하였습니다.
Reactnetlify로 배포제품 / 상세 / 카트 / 어드민( 제품추가, 수정, 삭제) 페이지 구현
tailwind-css를 사용하여 ui제작하였고, 모바일도 별도로 스타일링
포트폴리오
URL
자기소개
미술을 전공하면서 디자인과 사용자 경험에 대한 관심을 가지게 되었습니다.
특히 ‘어떻게 하면 사용자가 편리하게 정보를 받아볼 수 있을까’ 하는 고민을 하면서 UI/UX에 대한 관심이 높아졌습니다.
또한 개발자가 되기 전에는 게임,애니메이션 분야에서 애니메이터 && 3D모델러 로 근무했었는데, 그 때 사용하던 툴들에 대한 개발 적 흥미를 갖게 되었습니다.
웹프론트엔드 개발이 디자인과 사용자 경험을 구현하는데 기술적인 측면으로서 매우 중요하다는것을 알게되었고 이러한 이해를 바탕으로 웹프론트엔드 개발을 시작하였습니다.
지난 업무적으로 사용했던 다양한 그래픽스 툴, 게임화면에서 접할수있는 UI/UX등 제가 경험했던 다양한 분야들이 프론트엔드 개발자로서 화면을 구성하고 사용자들에게 편리한 사용감을 줄 수 있도록 개발 하는데 많은 도움이 되었습니다.
하지만 단순한 게임 프로모션같은 이벤트 페이지 제작 능력 뿐만 아니라, 개발하는 페이지가 사용자들에게 진정한 가치를 제공하며 서비스의 성장에 기여하는 개발을 통해 더 나아가고자 하는 욕심이 있습니다.
사용자들이 만족할 수 있는 더 복잡하고 큰 규모의 서비스를 개발하고, 함께 일하는 동료들과 원활한 소통으로 협업하여 서비스 품질과 성과를 높이는 일을 함께 하고싶습니다.
감사합니다.