리레거시의 기술적인 부분을 총괄하고 있습니다. 대학교 4학년 1학기 생활과 병행하고 있습니다.

리레거시에서는 한정된 리소스를 효과적으로 활용하는 것이 중요합니다. 소수의 인력으로 구성된 만큼, 최적의 판단을 내리기 위해 단순히 기술적인 측면뿐만 아니라 비즈니스 관점에서도 트레이드 오프를 고려합니다. MVP(최소 기능 제품)부터 시작하여 차근차근 단계별로 구현하고, 무조건 최신 기술을 적용하기보단 기술 부채를 최소화하는 방향으로 진행하기 위해 노력하고 있습니다.

• REGACY 브랜드 쇼핑몰 개발
  • REGACY 브랜드 쇼핑몰 초기 기획 및 디자인을 보고 작업량과 예상 소요 시간을 산출하여 프로젝트를 체계적으로 진행
  • PC & Mobile 반응형 쇼핑몰의 전체적 구현을 완료하여 다양한 디바이스에서의 접근성을 개선
  • 라이브러리에 의존하지 않고 Slider, Accordion, BreadCrumb, Modal 등 공통으로 활용할 수 있는 UI 컴포넌트를 요구사항에 맞추어 직접 구현
  • 브랜드의 전략과 패션 도메인에 초점을 맞추어 대용량, 고품질 영상 미디어를 최소한의 로딩과 함께 유저에게 제공하기 위해 HLS(HTTP Live Streaming)를 도입
  • 대용량 미디어 파일 관리 및 배포를 위해 AWS 인프라(S3, CloudFront, WAF 등)를 전체적으로 구성, 비용 최적화 진행
• 신규 B2B SaaS 프로덕트 개발 총괄
  • 산학협력 프로젝트로 진행할 수 있도록 학교 측과 협의 및 초기 기획 진행
  • MVP부터 구현할 수 있도록 단계별 목표와 MileStone 정의
  • Notion으로 ALM (Application Lifecycle Management) Tool과 문서 관리 역할을 일원화할 수 있도록 프로젝트 관리 시스템 구현
  • Next.js 14.1, React 18+, TypeScript, Zustand, pnpm, turborepo, emotion, tailwind, twin.macro를 활용해 모노레포 기반 Front 서비스 개발 진행 중
  • DockerFile 구성, AWS ECR과 EC2, Github Action을 기반으로 CI/CD 구현 (DevOps 전문가를 섭외해 현재 ECR, ECS로 이관, Terraform으로 관련 소스 코드 관리하도록 개선)

2023년 9월부터 12월까지 4개월은 대학교 3학년 2학기와 회사 생활을 병행했습니다.
병행을 위해 사측과 협의해 프리랜서로 계약을 변경해 근무했습니다. (근무 내용은 동일)

헤렌에서 서비스 중인 B2B CRM SaaS ‘공비서’의 웹 프론트엔드 개발을 메인으로 담당했습니다. 공비서는 과거 JSP로 개발된 페이지와 현재 React, Next.js, TypeScript를 활용하여 개발 중인 페이지가 공존하는 복합적인 서비스 환경에서 운영되었습니다. 이러한 환경에서 저는 신규 기능 개발과 기존 레거시 기능의 마이그레이션, 그리고 Front-end 서비스의 인프라 관리, 장애 대응을 담당했습니다. 또한, 기술협의체의 일원으로서 주요한 기술적 변화와 아키텍처 설계에 대한 방향성 설정에 기여했습니다.

Next.js 13.4, React 18+, TypeScript, Styled-Component, React-Query, Recoil을 주로 활용했고, Back-end 서버에 종속된 JSP 페이지를 개발할 때는 HTML5, CSS3, JavaScript ES6, jQuery, JSTL(JSP 표준 라이브러리)을 활용했습니다.

• 공비서 CRM 캘린더 및 예약 관련 도메인 전체 개편
  • 캘린더 구현 관련 초기 설계 및 PoC 진행, 전체적인 작업량 및 소요 기간 산정
  • 예약 등록 기능 설계 및 구현 (공통 기능 추상화, Shop의 종류에 따라 분기되는 값과 로직 특수화, JSP 페이지에서 연동되어 동작하는 로직 구현 등)
  • 날짜와 함께 일별 통계 데이터를 보여주는 미니 캘린더 기능을 구현하기 위한 라이브러리 PoC 진행 후 라이브러리를 커스터마이징하여 공통 컴포넌트 구현
  • PC 및 WebView에서 공통으로 사용할 수 있는 BottomSheet 컴포넌트 개발
  • WebView와 Native App 간의 통신을 위해 Native App 개발자분들과 소통하며 Bridge 설계
  • Local 환경에서 JSP와 Next.js 페이지 간의 상호작용을 구현하기 위해 nginx를 이용한 리버스 프록시 구현 후 팀원들이 적용할 수 있도록 문서화 진행
  • Next.js와 JSP 프로젝트가 동일한 UI/UX로 전달되도록 공통 레이아웃과 공통 기능 개편
  • 캘린더 개편 프로젝트 개발 완료 후 배포를 담당하고, 장애 발생 시 롤백 시나리오 구성
  • 캘린더 런칭 후 고객 요구 사항에 따라 서비스 기능을 지속해서 개선하고 최적화 진행 (컴포넌트를 분리해 렌더링 최소화, Suspense 적용, DOM 렌더링 최적화 등)
• 타 서비스에서 고객 데이터를 이관하는 기능 구현
  • File Drag & Drop Component 구현 및 특정 포맷의 파일만 업로드할 수 있도록 제한하는 기능 추가
  • HTTP 400 응답을 받았을 때 사용자 정의 에러 코드에 따라 에러 메시지를 출력하는 기능 구현
• Front-end 서비스 Infra 관리
  • APM (애플리케이션 성능 모니터링) 도입 후 트래픽 및 JavaScript Error 등의 정보를 추적하며 라이브 서비스 모니터링 진행
  • 라이브 서버 장애 발생 시 장애 대응 시나리오 구축 및 문서화 진행

신사업팀에서 진행 중인 다양한 프로젝트의 Frontend 개발을 담당했습니다. 웹 퍼블리싱부터 Frontend 개발에 필요한 지식들을 하나씩 공부하며 실무를 진행했고, 현재는 API 서버와 Android 개발을 했던 경험을 살려 효율적으로 개발할 수 있도록 다양한 부분을 고려하고 팀 내외적으로 커뮤니케이션하며 Frontend 파트를 리드했습니다.

제가 개발한 코드가 프로젝트의 기준이 된다는 책임감을 가지고 코드의 네이밍부터 가독성, 로직 별 역할 분리, 향후 재사용성까지 고려했습니다. 또한, 기능을 구현하는 과정에서 라이브러리, 혹은 프레임워크에 기술적인 이슈가 발견되면 관련 코드를 수정하거나 직접 대안을 구현해 팀원들에게 공유하며 최선의 해결방안을 도출하기 위해 능동적으로 행동하고자 노력했습니다.

• HTML5 / CSS3 / JavaScript (ES6) / jQuery / Kendo UI Framework / PHP v7.4 / MySQL 기반 웹 애플리케이션 개발 (SPA - Single Page Application / MPA - Multiple Page Application 복합적으로 진행)
• 생산성을 높이기 위한 신사업팀 신규 프로젝트 공통 구조, Selector를 포함한 코드 컨벤션, API 공통 Request, Response 포맷 정의 & 문서화
• 프로젝트 내 공통 Component, 공통 함수 설계 & 개발
• Android Native, Flutter로 WebView와 통신 가능한 Web & App 개발, 연동
• 기획, Backend 파트와의 커뮤니케이션을 통한 기능 개발 범위 & 일정 산정, Frontend 파트 업무 분장 담당
• 팀 내 신규 / 기존 프로젝트에 Git 도입, Git 브랜치 전략 수립, master / development 브랜치 PR 리뷰 후 Merge 담당
• GitHub Webhook을 활용해 개발 서버 CD 자동화 구현, 운영/개발 서버 Versioning 시스템 구현 (효율적인 캐싱 등을 고려), 운영 서버 배포 프로세스 수립, 운영 배포 완료 후 작성하는 배포 문서 Template 정의, 배포 완료 후 문서화 진행
• 효율적인 협업과 커뮤니케이션을 위해 Jira, Confluence 도입, 팀 내외 업무 요청 프로세스를 정립 및 협업 / 협업툴 가이드 문서 작성, 팀 내부 교육 진행
• 팀 내 개발자 채용 브랜딩 & 프로세스 개선, 채용 인터뷰 프로세스 진행
• 신규 팀원이 신사업팀 프로젝트 구조, 개발 방향성과 문화에 빠르게 적응할 수 있도록 온보딩 프로세스 담당
• 아만다 서비스 소개 페이지 리뉴얼, 아만다 & 너랑나랑 랜딩, 이벤트 페이지 개발
• 그룹 내 계열사의 웹 서비스, 랜딩 페이지 신규 개발 & 유지보수 업무 관련 담당자와 커뮤니케이션, 일정 산출, 개발 진행하는 매니저 업무 수행

공비서 CRM 캘린더 및 예약 관련 도메인 전체 개편 진행

• 예약 등록 기능 설계, 구현 (공통 기능 추상화, JSP 페이지에서 연동되어 동작하는 로직 구현 등)
• 날짜와 함께 일별 통계 데이터를 보여주는 미니 캘린더 기능을 구현하기 위한 라이브러리 PoC 진행 후 라이브러리를 커스터마이징하여 공통 컴포넌트 구현
• WebView와 Native App 간의 통신을 위해 App 개발자분들과 소통하며 Bridge 설계
• 캘린더 런칭 후 고객 요구 사항에 따라 서비스 기능을 지속해서 개선하고 최적화 진행 (컴포넌트를 분리해 렌더링 최소화, Suspense 적용, DOM 렌더링 최적화)

타 서비스에서 고객 데이터를 이관하는 기능 구현

• Step 별로 진행되는 페이지 구현
• File Drag & Drop Component 구현 및 특정 포맷의 파일만 업로드할 수 있도록 제한하는 기능 추가
• HTTP 400 응답을 받았을 때 사용자 정의 에러 코드에 따라 에러 메시지를 출력하는 기능 구현

Next.js 기반 페이지와 JSP 기반 페이지의 레이아웃을 기획/디자인 파트와 소통하며 일관된 디자인과 기능으로 구현

• JSP와 Next.js 기반 페이지가 각기 다른 버전의 API를 활용하면서 생기는 사이드 이펙트 파악 후 Back-end 개발자와 개선 진행
• JSP 페이지에서 알림 등 동적 데이터를 구성하는 기능들을 template으로 정적 템플릿 구성 후 동적 데이터를 replace 하여 출력하는 로직으로 리팩토링 진행

Front-end 서비스 Infra 관리

• APM 도입 후 트래픽 및 JavaScript Error 등의 정보를 추적하며 라이브 서비스 모니터링 진행
• 라이브 서버 장애 발생 시 장애 대응 시나리오 구축 및 문서화 진행
  기타
• 회사 내부 서비스 종료 시 Front-end에 미치는 영향을 분석하고, 인프라 종료 후 후속 조치 진행
• 코드 리뷰와 관련해 기술적, 문화적 측면에서 개선 후 개발 파트 전체에 적용 (https://blog.teddy-kim/improve-code-review)
• CP(Culture & People)팀 요청에 따라 회사 공식 홈페이지 수정 및 개선

• HTML5 / CSS3 / JavaScript (ES6) / jQuery / Kendo UI Framework / PHP v7.4 / MySQL 기반 웹 애플리케이션 개발 (SPA - Single Page Application / MPA - Multiple Page Application 복합적으로 진행)
• 생산성을 높이기 위한 신사업팀 신규 프로젝트 공통 구조, Selector를 포함한 코드 컨벤션, API 공통 Request, Response 포맷 정의 & 문서화
• Android Native, Flutter로 WebView와 통신 가능한 Web & App 개발, 연동

• PHP v7.4 / Maria DB 기반의 API 개발
• 앱 내 광고 효율을 측정하기 위한 이벤트 수집 시스템 구축, 기획 파트에서 손쉽게 확인할 수 있도록 CMS에 이벤트 지표 관련 대시보드 기능 개발
• 커뮤니티 - 특정 유저 / 게시글 차단 기능 신규 개발
• SSL 인증서 적용, 자동으로 갱신되는 Batch 프로그램 개발
• 운영체제 (AOS / iOS) 별로 대응해 FCM 연동 푸시 기능 개선
• SNS 간편 로그인 - 카카오 로그인 기능 개선
• 잔존 백로그에 대해 기획자와 커뮤니케이션을 통한 우선순위 산정, 백로그 수정 후 배포 진행
• 일부 SQL 구문 튜닝 진행

그룹 내 계열사의 웹 서비스, 랜딩 페이지 신규 개발 & 유지보수 업무 관련 담당자와 커뮤니케이션, 일정 산출, 개발 진행하는 매니저 업무 수행

• 아만다, 너랑나랑, 연권 신규 Feature Kick-off부터 런칭까지 전 과정에서의 서비스 품질 개선
  • 신규 Feature 기획안 검토 후 QA 일정 산출, Test Case 설계 및 유지보수
  • 요구사항 분석 후 Test Case 기반으로 테스트 수행
  • Jira를 활용해 Bug Report 개선사항 도출, 개발자와의 커뮤니케이션 진행
  • 런칭 후 기존 이슈에 대한 Regression Test, 지속적인 이슈 트래킹 진행

국내의 DevRel (Developer Relations) 담당자 분들을 포함해 DevRel에 관심을 가지고 공부하는 분들이 모여서 교류하는 기술 커뮤니티인 Devchat (DevRel Alliance @KR)의 운영진으로 활동하고 있습니다.

운영진 중에서 유일한 개발자로서, 개발자들이 DevRel 분야에 순조롭게 입문할 수 있도록 도움을 주는 역할을 주로 맡고 있습니다.

대학생 Community Manager

대학생 Community Manager 업무를 수행하면서 커뮤니케이션의 중요성을 배울 수 있었습니다. 운영 본부, 그리고 다양한 학교들 간의 이해 관계 속에서 최선의 해답을 찾기 위해 수많은 커뮤니케이션을 진행하였으며, 원활한 소통이 이루어질 수 있도록 서로의 입장에서 바라보는 태도를 통해 문제를 해결해 나갈 수 있었습니다.

• 전국의 멋쟁이사자처럼 8기 소속 50개 대학의 대표들과 격주로 진행한 대표 회의를 총괄 진행
• 멋쟁이사자처럼 본부와 학교 대표 간의 소통이 원활히 이루어질 수 있도록 운영 지원 업무 진행
• 매 기수 시작 전 전문 강사 섭외 후 강의를 제작, 배포했던 기존 프로세스와 달리, 8기 대표들이 직접 학생들을 위한 강의를 제작하는 프로젝트 구상 후 전체적으로 기획, 리드 담당

멋쟁이사자처럼 대학생 8기 공식 강의를 기획, 제작했습니다. Django를 처음 접하는 학생들은 저와 다른 시각을 가지고 있다는 것을 사전 준비 과정에서 소통을 통해 인지할 수 있었으며, 촬영된 영상에 대한 피드백을 끊임없이 받으며 Django를 처음 접하는 학생들이 흥미를 갖고 접근할 수 있도록 개선해나가는 과정 속에서 시야가 넓어지는 경험을 쌓을 수 있었습니다.

• 8기 공식 온라인 강의 Django 기초 - 드리머리 만들기 강의 기획 & 제작 (총 8강)

8기 공식 강의 Lecturer

멋쟁이사자처럼 대학생 8기 공식 강의를 기획, 제작했습니다. Django를 처음 접하는 학생들은 저와 다른 시각을 가지고 있다는 것을 사전 준비 과정에서 소통을 통해 인지할 수 있었으며, 촬영된 영상에 대한 피드백을 끊임없이 받으며 Django를 처음 접하는 학생들이 흥미를 갖고 접근할 수 있도록 개선해나가는 과정 속에서 시야가 넓어지는 경험을 쌓을 수 있었습니다.

• 8기 공식 온라인 강의 Django 기초 - 드리머리 만들기 강의 기획 & 제작 (총 8강)