미리보기
기본 정보
안녕하세요, React, TypeScript 환경을 선호하고 UX와 DX 모두 중요하게 생각하며 개발하는 프론트엔드 개발자 고재성입니다.
포트폴리오
기술 스택
JavaScript, React, Next.js, HTML/CSS, tailwind-css, TypeScript, react-query, JIRA
프로젝트
Global Nomad
코드잇
2024.08. ~ 2024.09.
사용자가 다양한 체험을 등록하고 예약할 수 있는 웹 서비스 Github | 배포주소
폴더 기반 라우팅과 이미지 최적화를 통한 로딩 속도 개선을 위해 Next.js의 pages router 사용
TanStack Query와 Jotai를 이용한 전역 상태 관리
useMutation을 사용하여 에러 및 성공 처리
공용 컴포넌트 유지보수를 위해 Compound Pattern 도입
컴포넌트의 효율적인 테스트를 위해 Storybook 사용
viewport 옵션을 사용하여 화면 사이즈에 따른 테스트 도입
Redirect URL을 사용하여 소설 로그인 구현
기술 스택
Next.js, TypeScript, TanStack Query, Jotai, Tailwind CSS, Yup, Storybook
대외활동
개발 서적 스터디
기타
실제 기술 면접처럼 질의응답을 하며 진행
타입으로 견고하게 다형성으로 유연하게
정적 타입 언어의 원리에 대해 학습
Do it! 리액트로 웹 앱 만들기 with TS
React의 상태 관리와 Hook에 대해 학습
기술 면접 대비를 위한 CS 지식 학습
자격증
정보처리기능사
한국산업인력공단
2018.12.
웹디자인기능사
한국산업인력공단
2022.06.
TOEIC
800 | ETS
2023.08.
교육
한라대
대학교(학사) | 지능로봇공학
2017.03. ~ 2023.04. | 졸업
코드잇
사설 교육 | 프론트엔드
2024.03. ~ 2024.09. | 졸업
외국어
영어
일상 회화 가능
자기소개
UX와 DX를 모두 고려합니다.
저는 사용자 경험(UX)과 개발자 경험(DX)를 모두 중요하게 생각하며 개발하는 것을 좋아합니다. 웹디자인 기능사 자격증을 취득하여 얻게된 UX지식을 통해 사용자 친화적인 인터페이스를 구현하고자 노력합니다. Planit 프로젝트에서 드래그앤 드롭 기능을 직접 개발하며 라이브러리 사용 대비 차별화된 기능을 구현했습니다.
또한, Husky, Prettier와 같은 도구를 적극 활용하고 Compound Pattern을 사용하여 DX 향상에도 힘쓰고 있습니다. 특히, Global Nomad 프로젝트에서 Storybook을 도입하여 공통 컴포넌트를 효율적으로 테스트하고 문서화하여 개발 기간을 단축시킨 경험이 있습니다.
데이터 흐름을 중요하게 생각합니다.
프로젝트를 진행하면서 여러 데이터들의 흐름을 관리하기 위해 TanStack Query, Zustand, Jotai와 같은 다양한 상태 관리 라이브러리를 사용한 경험이 있습니다. 여러 라이브러리를 사용해보면서 상태 관리의 중요성과 서버 상태와 클라이언트 상태에 따라 데이터의 처리 방식이 달라야 함을 배울 수 있었습니다.
TanStack Query의 경우 서버 상태 관리에 강점이 있어, Global Nomad의 로그인 및 회원가입과 같이 서버와의 데이터 통신이 자주 일어나는 기능에 활용했습니다. TanStack Query의 useMutation 훅을 활용하여 응답 데이터에 따른 상태 업데이트를 효율적으로 관리할 수 있었습니다.
협업을 통해 성장합니다.
팀장으로서 프로젝트를 이끌며 개인의 기량보다 팀원들과 끊임없이 소통하고 협력하여 성장하는 것이 프로젝트 완성에 더 도움이 된다는 것을 배웠습니다.
매일 데일리 스크럼을 통해 팀원들과 진행 상황을 공유하고 어려움을 겪는 부분을 함께 해결했습니다. 특히 기술적인 어려움을 겪는 팀원과 페어 프로그래밍을 통해 문제를 해결하고 팀원 성장에 도움을 주었습니다.
또한 주마다 KPT회고를 통해 지속적으로 협업 방식을 개선할 수 있었습니다. 코드 리뷰에 Pn규칙을 도입하여 리뷰 문화를 조성하고 코드 품질을 향상시켰습니다.