Contact
Work Experience
2024.10 - 2025.12
Fullstack Developer | 프리랜서
건강상의 이유로 치료를 병행하며 프리랜서로 근무하였습니다.
•
◦
◦
주요 기술스택: Next.js, Strapi Server(Node.js), MySQL, Webview (In-App)
◦
주요 작업 내용
▪
SEO 최적화 페이지
•
구글, 네이버 등 검색엔진 상위 노출을 위한 SEO 최적화 페이지 개발
•
검색어 중 맛집, 지역, 필터 카테고리(방송&유투브 등)를 분석하여 검색결과를 보여주는 SEO 페이지 개발
▪
커뮤니티 개발
•
•
2024.6 - 2024.9 (3개월)
Frontend Developer | 그립컴퍼니
•
신규 서비스인 쇼핑탭 당담 팀에서 근무. 회사 재정문제로 수습기간 종료 후 정규직 전환하지 못하였습니다.
2021.5 - 2024.3 (2년 10개월)
Frontend Developer | Zigbang
•
Frontend Infrastructure 팀
◦
팀 업무: E2E 테스트, CMS 관리, 주요 라이브러리 버전업, CI/CD 등 서비스팀에 지원이 필요한 업무
◦
프로젝트
▪
직방 ios/android 모바일 앱 E2E 테스트 프로세스 구축 및 운영
•
시작동기 : 서비스 개발팀 재직 당시, QA 인력의 제한으로 배포 병목현상이 자주 발생하는 문제점을 발견. QA 테스트 이전 단계인 개발단 테스트에서 사이드 이펙트를 개발자가 미리 발견해서 대응 할 수 있도록하기 위해 Appium으로 E2E 테스트를 만들어 팀에 시연. 이후 Frontend Infrastructure 팀의 주요 프로젝트로 선정되어 팀 이동하여 진행.
•
Browserstack Appautomate 인프라를 이용한 Appium 모바일 앱 E2E 테스트 시스템 구축
•
Cucumber를 이용한 BDD(Behavior Driven Development) 방식의 테스트 시나리오 관리
•
성과
◦
E2E 테스트가 전체 QA 테스트 리스트의 약 70%를 커버. 딥링크 테스트 100% 커버
◦
React Native 버전업과 같은 민감한 라이브러리 버전업 작업시 활용. 개발자 QA단계에서 작업 완성도를 테스트하는데 사용하여 릴리즈 리스크 완화에 기여.
◦
기존에 간략하게, 추상적으로 문서화했던 테스트 시나리오를 Cucumber(Gherkin) 문서로 구체화. QA와 개발자간의 소통 방식 개선.
▪
사용자 로깅 관리 백오피스 시스템 구축 및 운영
•
관련 내용을 직방 기술블로그에 포스팅 - 직방이 사용자 행동 로그를 관리하는 방법. ZAMS
•
Typescript, Next.js, Recoil, Express.js, GraphQL, Apollo-client, AWS Lambda
▪
차트 컴포넌트 개발
•
React Native 에서 웹과 앱에 사용가능한 D3.js 차트 컴포넌트 개발
•
기획자, 디자이너, 서비스 개발자와 소통하기 위해 Storyboobook 문서화, 데이터 테스트 Playground 개발
•
데이터 정규화, 예외사항 텍스트 처리 로직 Unit Test 작성
•
원룸/빌라/오피스텔 서비스 개발팀
◦
원룸/빌라/오피스텔 앱&웹 서비스 운영개발 (React Native)
2020.7 - 2020.12 (6개월)
Frontend Developer | BMSMILE
•
신규 개발팀에서 반려동물 브랜드 쇼핑몰 Pethroom의 단독 웹 개발을 담당
•
주요기능
- 계정 & 인증(Firebase Auth) | - 주문관리 &결제 | - 리뷰 |
- 반려동물 조회/등록/수정/삭제 | - 멤버십 | - 미션 |
- 체험단 •쿠폰 •포인트 | - 마이페이지 | - 주소 관리 |
- 장바구니 |
•
디자이너, 기획자와 원활한 소통
2016.6 - 2019.4 (2년 11개월)
Fullstack Developer | Slowalk
•
[국립암센터] 암발생 지리정보 서비스
◦
지도기반 데이터 시각화와 차트를 통한 대시보드 개발 - Vue.js, D3.js
•
[서울대학교산학협력단] 미세먼지 대기건강지수 지도 데이터 시각화 웹 페이지 - 데모 샘플 링크
◦
지도기반 데이터 시각화와 차트를 통한 대시보드 개발 - Vue.js, D3.js
◦
데이터 시각화 효용성을 측정하기 위한 설문조사 웹 페이지 개발 - Vue.js
•
[언론재단] 뉴스트러스트 프로젝트
◦
형태소 데이터 시각화 - D3.js
◦
설문조사 웹 개발 - Ruby on Rails
•
[서울시금천직장맘지원센터] 금천직장맘 홈페이지
◦
상담관리 어드민 웹서비스 개발 - Ruby on Rails, jQuery
Share and Presentation
직방이 사용자 행동 로그를 관리하는 방법. ZAMS
•
사용자 로그 관리 시스템 개발을 진행하며 경험한 내용을 정리하여 회사 기술 블로그에 포스팅
•
Medium 포스팅 Link : https://medium.com/zigbang/직방이-사용자-행동-로그를-관리하는-방법-zams-801c49cf0ad1
소규모 Frontend 조직 내 새로운 Workflow 도입 제안 발표
•
스타트업 재직 당시 Frontend 팀 기술 공유 시간에 발표 & 시연
[서울대학교산학협력단] 인터렉티브 데이터 시각화
•
서울대학교 산악협력단의 요청으로 서울대 대학원에서 대학원생들과 교수님들을 대상으로 “인터렉티브 데이터 시각화”에 대한 발표
Education
국제경영 | 단국대학교 (중퇴)
