미리보기
기본 정보
지금까지 몸 담았던 회사들이 주로 구조조정, 인수합병, 경영 악화 등의 사유로 더 이상 함께하기 어려운 상황이 발생하여 이직 주기가 상대적으로 짧아졌습니다. 그 과정에서 다양한 프로젝트와 코드를 빠르게 파악하고 개선하는 역량을 쌓았으며, 다양한 조직 문화와 협업 방식을 경험할 수 있었습니다. 이번에는 오랫동안 함께 성장해 나갈 수 있는 환경에서, 제가 쌓아온 경험과 역량을 바탕으로 비즈니스 가치 창출과 기술 발전에 기여하고 싶습니다.
자기소개
웹 퍼블리셔로 커리어를 시작하며 웹 표준, 접근성, 마크업, CSS에 대한 깊은 이해를 쌓았고, 이후 프론트엔드 개발자로 전향하여 6~7년차의 경력을 쌓아왔습니다.
현재는 React, Next.js를 중심으로 한 프론트엔드 개발을 주력으로 하며, Code-Refactoring과 유지보수성을 고려한 아키텍처 설계에 관심이 많습니다.
복잡한 코드보다는 가독성과 확장성을 고려하고 사람이 이해하기 쉬운 코드를 지향하며, 개발 생산성을 높이는 방법을 꾸준히 고민합니다.
개발뿐만 아니라 효율적인 협업을 위한 커뮤니케이션을 중요하게 생각합니다.
개발 과정에서 발생하는 이슈를 혼자 해결하려 하기보다는, 팀과 적극적으로 소통하며 문제를 해결하는 방식을 선호합니다.
이러한 경험을 바탕으로 단순한 기능 개발을 넘어, 문제해결력을 통해 문제를 풀어가고 비즈니스적인 시야를 갖춘 Mid-Level 이상의 개발자로 성장하는 것을 목표로 하고 있습니다.
최근에는 프론트엔드 아키텍처, 디자인 패턴, 성능 최적화에 대한 관심이 높아 관련 아티클과 서적을 찾아 읽으며 학습을 지속하고 있습니다.
기술 스택
JavaScript, TypeScript, React, Next.js, swr, react-query, GraphQL, TailwindCSS
경력
하우빌드
사원 | 개발팀
2024.08. ~ 2024.10. (3개월)
마이프랜차이즈
사원 | 개발팀
2022.03. ~ 2023.11. (1년 9개월)
B2B 프랜차이즈 중개 플랫폼 "마이프차 파트너"
적응형 웹 개발
Typescript, React를 이용한 개발
Recoil을 이용한 상태 관리
GraphQL/ApolloClient, React-Query를 이용한 서버 통신
CSS in JS 라이브러리로 Styled-components를 사용하여 스타일 작업
스프린트 단위로 개발을 진행했지만, 볼륨이 큰 프로젝트 같은 경우엔 유연하게 일감을 따로 분리해서 일정 관리
로앤컴퍼니
사원 | 개발팀
2021.09. ~ 2021.12. (4개월)
기업과 변호사 중개 서비스 플랫폼 "로톡 비즈"
반응형 웹 개발
Typescript, Next.js, React를 이용한 개발
Mobx를 이용한 상태 관리
CSS in JS 라이브러리로 Emotion을 사용하여 스타일 작업
스프린트 단위로 개발 진행 및 회고
유지보수 및 개선 작업
로톡
기존 Angular.js, CoffeeScript 레거시 유지보수 및 개선 작업
인스테리어
사원 | 개발팀
2020.11. ~ 2021.07. (9개월)
인테리어 중개 서비스 플랫폼 "에디트홈"
반응형 웹 개발
프로젝트 초기 아키텍쳐 설계 및 개발 환경 구축부터 참여
Typescript, Next.js, React를 이용한 신규 플랫폼 웹 구축 개발
Redux. Redux-saga를 이용한 상태 관리
CSS in JS 라이브러리로 Styled-components를 사용하여 스타일 작업
재사용성을 위해 공통 컴포넌트 UI Storybook 개발 관리
Admin 페이지 개발
유지보수 및 개선 작업
도그메이트
사원 | 개발팀
2019.07. ~ 2020.06. (1년)
반려동물 케어 플랫폼
- PC, Mobile Web, Web-App 개발
- React, Next.js, Sass, Atomic Design 등을 사용해 방문 예약 프로세스 및 신규 서비스 개발
- 기존 UX/UI 개선 및 리뉴얼 작업
- 내부 마케팅 · 운영팀과의 협업으로 필요한 기능 추가 및 이벤트 페이지 개발
- Admin 페이지 개발
- 프로젝트 UX/UI 기획 및 디자인 함께 참여
디자인픽셀
주임 | 개발팀
2017.11. ~ 2019.05. (1년 7개월)
- 반응형 및 적응형 웹 페이지 구축 (각 프로젝트 기여도 100%)
- 웹 표준에 따른 HTML5, CSS3 하드 코딩 및 Cross-Browsing
- Javascript/Jquery를 이용한 UI개발 (Slide, Fullpage, Animation 등)
- Open Source 및 Javascript Library 이용 가능
- 담당 프로젝트 Front-End 이슈 해결 및 페이지 유지보수
- Open API, Ajax 사용 경험 (구글맵, 네이버지도, 카카오, 인스타그램 등)
- PHP 기반으로 Back-End 개발자와 FTP 접속으로 협업
스튜디오헤이데이
사원 | 개발팀
2016.07. ~ 2017.04. (10개월)
- 유명 가구 브랜드 사이트 운영 및 유지보수
- 웹 표준에 따른 HTML, CSS 하드코딩
- 페이지 리뉴얼 및 이벤트 페이지 코딩
프로젝트
커피챗 웹 페이지
개인
2025.02. ~ 2025.02.
기술 스택
Next.js v14, React.js v18, Tailwind CSS, shadcn/ui, Nodemailer
개요
일정 조율을 간편하게 할 수 있도록 커피챗 신청 기능을 제공하는 서비스
주요 기능
사용자가 캘린더에서 원하는 날짜·시간을 선택해 커피챗 신청
필수 입력 폼 검증 후 신청 내용을 이메일로 자동 전송
기여한 부분
UI/UX 개선: shadcn/ui 활용해 직관적인 인터페이스 구현
서버리스 환경 구축: Next.js API Routes를 활용한 백엔드 로직 개발
Nodemailer 적용: 신청 내용이 자동으로 이메일 전송되도록 구현
URL
Threads Insight Dashboard
개인
2025.02. ~ 2025.02.
기술 스택
Next.js v15, React.js v19, Tailwind CSS, shadcn/ui, Meta Threads API
개요
Meta Threads 데이터를 분석하여 사용자의 활동 인사이트를 시각적으로 제공하는 대시보드
주요 기능
사용자 참여도 분석: 조회수, 좋아요 수, 답글 수 등 데이터 시각화
팔로워 인구 통계 분석: 연령대, 지역, 성별 등의 데이터 필터링
키워드 기반 데이터 필터링으로 원하는 정보만 조회 가능
기여한 부분
API 연동: Meta Threads API를 활용하여 로그인 및 데이터 수집
서버리스 환경 구축: API Routes 활용해 데이터 요청 최적화
UI/UX 개선: shadcn/ui 기반 대시보드 설계 및 데이터 시각화 구현
URL
Machine-Learning Models Demo Web
개인
2025.01. ~ 2025.01.
기술 스택
Next.js v15, React.js v19, Tailwind CSS, Hugging Face API
개요
머신러닝 모델을 웹에서 쉽게 테스트할 수 있는 인터랙티브 데모 플랫폼
주요 기능
사용자가 원하는 ML 모델 선택 후 실시간 실행
텍스트, 이미지, 음성 데이터 등 다양한 입력값 지원
결과값을 직관적으로 변환하여 사용자에게 제공
기여한 부분
API 연동: Hugging Face API를 이용해 다양한 ML 모델 호출
데이터 변환 로직 개발: 입력 및 출력 데이터를 모델 포맷에 맞게 변환
서버리스 환경 구축: Next.js 기반 API 서버 설계
URL
