미리보기
기본 정보
3년차 프론트엔드(React) 개발자입니다. 서비스의 완성도와 효율성을 높이기 위해 끊임없이 고민합니다. 문제 해결을 위해 새로운 분야에 접근하고 학습하는 것을 좋아합니다. 문서로 인한 학습보다는, 직접 몸으로 느끼며 실무에서 학습하는 것을 선호합니다. 가장 중요한 것이 동료들과의 협업이라고 생각하며 커뮤니케이션을 중요시 여깁니다. 커뮤니케이션을 통해 문제를 함께 해결해 나가는 과정을 좋아하고, 성취감을 느낍니다. 항상 긍정적으로 생각하고, 즐겁게 일하고 싶어합니다.
기술 스택
React, JavaScript, TypeScript, Next.js, HTML/CSS, MySQL, GitHub, react-query
경력
주식회사금성인터내셔널
과장 | 개발팀 | 재직 중
2023.08. ~ 재직 중 (1년 6개월)
개발팀의 팀장으로써 프론트엔드 업무의 일정 조율과 더불어 백엔드 업무를 보조하여 진행하였습니다.
기존에 개발중인 서비스의 상태관리 툴을 변경하고, 툴에 맞게 구조를 수정하였습니다. (redux -> zustand)
코드의 리팩토링에 참여하고, 불필요한 데이터 조회 로직을 수정하였습니다.
진행중인 프로젝트의 레이아웃을 리팩토링하였습니다.
로그인 상태를 관리하여 페이지별 접근 권한을 부여하였습니다. (next middleware 사용)
useQuery를 사용해 API를 호출하였습니다. (refetch, fetchNextPage 사용)
주식회사하이블럭스
팀원 | 프론트엔드팀
2022.03. ~ 2023.03. (1년 1개월)
회사 소개를 위한 랜딩페이지를 제작하였습니다. (3개의 페이지 중 메인페이지)
sanity 솔루션을 사용하여 document를 관리하였습니다.
JQuery로 개발된 Drag n Drop 기능의 간헐적 이슈로 인해 Javascript로 재개발 및 수정하였습니다.
개발팀과 기획팀간의 의사소통 이슈 문제를 함께 해결하였습니다.
프로젝트
ERP 프로젝트 (개발 진행중)
주식회사금성인터내셔널
2023.10. ~ 진행 중
프로젝트의 레이아웃을 리팩토링 및 변경하였습니다.
기존의 레이아웃에 문제가 있어 변경을 위해 기획과 개발을 담당하였습니다. (Layout.js 사용)
구조를 기초부터 잡지 않고 진행하여서 개발기간 동안 많은 수정작업을 거쳐야 했기 때문에, 가장 공통적인 컴포넌트이기 때문에 구조를 다시 재정비하고 진행할 수 있도록 작업하였습니다.
페이지별 접근 권한 처리
next.js의 middleware를 통해 서버 요청 시 로그인 토큰이 있을 경우에만 페이지에 접근할 수 있도록 하였습니다. (config - matcher 사용)
에러페이지 url로 요청이 들어올 경우 특정페이지로 redirect하여 이후 처리작업을 진행할 수 있도록 하였습니다.
useQuery를 사용해 API 호출 후 추가 작업의 효율을 개선하였습니다.
기존 axios를 통해 직접 API를 호출하는 방식에서, refetch / loading / error / fetchNextPage 등의 처리를 효율적으로 하기 위해 useQuery를 사용하였습니다.
useQuery를 사용하게 되면서 기존의 axios 호출 코드를 utils 폴더에서 관리하도록 수정하였습니다.
상태관리 툴을 변경하는 작업을 진행하였습니다.
프로젝트에 새로운 인원이 투입되면서 기존 상태관리 툴인 Redux의 러닝커브에 대해 고민하였습니다.
팀원들간의 회의를 통해 대체 가능한 툴을 탐색하였고, 결과 많은 기능이 필요하지 않고, 단순 전역 상태관리가 필요한 경우였기에 zustand라는 툴로 대체하였습니다.
기존 Redux로 개발된 부분에 대해서는 학습용으로 보관하여, 참고자료로 사용하였습니다.
미디어 플랫폼 제작예산 관리 시스템
주식회사하이블럭스
2022.05. ~ 2023.03.
JQuery로 개발된 Drag and Drop 기능을 Javascript로 다시 개발하였습니다.(간헐적 버벅임 현상 해결)
react-beautiful-dnd라이브러리를 사용하여 수정 개발하였으나, 프로젝트와 충돌나는 부분이 있어 javascript 코드로 직접 문제를 해결하였습니다.
프로젝트 진행 중 기획팀과의 일정 조율로 인한 문제를 해결하였습니다.
고객사와 프로젝트 일정을 조율할 때 개발팀과 기획팀 간의 이슈가 생겨 문제를 해결하는데 기여했습니다.
특정 타임을 만들어 프로젝트에 참여하는 모든 인원이 일정에 대해 공유하고, 각 팀간의 이슈와 일정을 공유하는 시간을 제안하였습니다.
이후 개발팀의 업무효율이 꽤 상승하였고, 일정과 관련한 이슈로 인한 문제가 현저히 줄어들었습니다.
직원들간의 코드리뷰를 통해 지속적인 리팩토링을 진행하였습니다.
주 1 ~ 2회의 코드리뷰를 진행하고, 매일 약 10~15분 동안 팀원들과의 이슈체크를 진행하였습니다.
이슈체크 시간에는 당일 작업할 부분과 이슈가 있었던 부분을 서로 체크하고 공유하였습니다.
코드리뷰를 통해 동료들의 코드 스킬을 배울 수 있었고, 효율적이고 구조적인 코드를 만드는 것이 중요하다는 것을 인지하게 되었습니다.
작성중인 데이터를 임시 저장하는 백업 기능을 개발하였습니다.(API 작성 및 프론트 기능 개발)
프론트 기능 개발에 참여하고, 추가적으로 백엔드 기능개발에 참여하였습니다.
사내 랜딩페이지 제작
주식회사하이블럭스
2022.03. ~ 2022.05.
- 3개의 페이지 중 메인페이지를 개발하였습니다.
- React Swiper 라이브러리를 활용한 슬라이드 메뉴를 구현하였습니다.
- sanity 솔루션을 사용해 회사 관련 기사를 Database로써 관리하였습니다.
- instagram api를 활용하여 회사 계정의 게시물을 화면에 표시하였습니다.
포트폴리오
교육
유데미
사설 교육 | React & Redux
2024.06. ~ 현재 | 재학 중
패스트캠퍼스
사설 교육 | 프론트엔드 최적화 과정
2024.03. ~ 현재 | 재학 중
국립한경대학교
대학교(학사) | 전기전자제어공학부
2012.03. ~ 2015.07. | 중퇴
자기소개
[포기하지 않고, 계속 나아갑니다.]
저는 비개발 1년과 프론트엔드 2년의 개발 경력을 가지고 있으며, 총 3년 동안 3번의 이직을 경험했습니다. 개발자로서 업무 능력을 향상하는 것도 중요하지만, 다양한 경험을 쌓는 것 또한 중요하다고 생각하여 잦은 이직을 경험하게 되었습니다.
이직을 경험하면서 부족한 점을 많이 느끼고, 공백기를 줄이고자 이직의 텀 사이에 지속적인 학습을 하였습니다.
현재는 패스트캠퍼스와 유데미에서 온라인 학습을 병행하고 있으며, 패스트캠퍼스 플랫폼에서는 프론트엔드 프로젝트의 최적화 및 기술 개발을 학습하고 있으며, 유데미 플랫폼에서는 React와 Redux의 집중 및 심화 학습을 진행하고 있습니다.
[새로운 것에 도전하고 경험하는 것을 좋아하는 사람입니다.]
저는 문제 해결을 위해 새로운 기술을 발견하고 학습하는 것을 좋아하며, 사용자 경험을 개선하고 최적화하는 것을 중점적으로 생각합니다.
문서적으로 깊게 파고들어 학습하는 것보다는, 몸으로 직접 뛰어들어 학습하고 느끼는 것을 더 선호합니다.
개발이라는 직군은 지식 정보도 굉장히 중요하다고 생각하지만, 실무에 직접 사용하면서 몸으로 느끼고 손에 익히는 것에서 성취감을 느끼고, 발전한다고 생각합니다.
또한 그런 과정에서 새로운 것을 접하고, 새로운 사람과 어울리는 것에서 즐거움과 행복감을 느낍니다.
[동료들과의 친화력이 좋은 사람입니다.]
또한, 동료들과의 협업을 중요시하며, 부서를 가리지 않고 높은 친화력을 발휘해 왔습니다.
높은 친화력을 바탕으로 업무 환경을 조금이나마 즐겁고 행복하게 만들고 싶어합니다.
이러한 경험과 태도를 바탕으로, 앞으로도 지속적으로 성장하고 기여할 수 있는 개발자가 되고자 합니다.
[저는 이런 사람으로써 기여하고 싶습니다.]
동료들과 함께 고민하고 끊임없이 발전해 나가고 싶습니다
공동의 문제를 함께 해결하고, 그 과정에서 함께 성장해 나가고 싶습니다.
앞으로 일어날 일에 대해 걱정하지 않고, 기대하며 업무에 임합니다.
서로의 경험을 공유하고, 커뮤니케이션을 중요시합니다.