미리보기

연구원으로 재직하며 아키텍처 연구 및 FE 개발을 담당하였습니다.

• FE 파트 리딩 역할 수행
• 전자책 플랫폼 서비스 기획, 기술 연구, 아키텍처 설계 진행
• 전자책 플랫폼 서비스 Frontend 개발
• 화이트보드 동시편집 프로젝트 Frontend 개발

[비고]
계열사 재편성으로 인하여, 퇴사 후 재입사처리 되었습니다.
22년 1월부터 티맥스알지 연구본부에서 현재까지 재직중입니다.

(내용은 위와 동일하여 적지 않겠습니다.)

프로젝트 개요

실시간 동시 편집이 가능한 화이트보드 제작 프로젝트로 직선 그리기, 도형, 텍스트 편집 기능을 제공합니다. 해당 기능을 사용하며 실시간으로 편집되는 내용을 공유할 수 있습니다.

수행 업무

1. 필기 기능 개발

   • 주요 이슈

     • Canvas 텍스트를 WYSIWYG하게 편집하기 위하여, Input을 동적으로 생성하고 Canvas에 렌더링하는 로직 개발

     • Undo / Redo 기능과 타 기능들의 강한 의존성으로 인해 많은 에러가 발생. 로직과 계층을 분리하고 테스트를 도입하여 해결

     • 객체가 많을 시, 렌더링이 지연되는 현상이 발생. Canvas 객체의 그림자와 외곽선을 제거하여 생성 비용을 최소화 (객체당 평균 27ms → 21ms)

     • WebP 이미지 파일 변환 및 용량 제한 설정으로 네트워크 전송 속도 70% 향상

   • 성과

     • 캔버스 객체(곡선 , 직선 , 텍스트 , 도형 , 이미지) 생성, 사이즈 변형(transform), 회전, 삭제 기능, 캔버스 확대 / 축소 기능 개발 완료

     • 재사용성과 유지보수성 향상으로 팀 개발 효율성 증가 및 신뢰도 향상

     • 태블릿 환경에서도 안정적 성능 확보

2. 동시 편집 기능 개발

   • 주요 이슈

     • React - Canvas - CRDT(동시 편집 알고리즘)간 데이터 통합 아키텍처 설계

       • 마우스 위치 및 캔버스 요소의 실시간 편집 내용 공유 기능 개발

       • 무한 재전파 현상, 객체 동시 수정 방지, 개별데이터 / 공유데이터 분리 등 다양한 동시성 트러블 슈팅 진행

     • 웹소켓 메시지를 간략화하여 백엔드 통신 서버 부하 감소

       • 메시지당 평균 108B → 84B로 22% 향상 (AIDT 예상 유저 5만 기준 - 일 평균 5TB 데이터 감소)

   • 성과

     • 동시 편집 기능 도입 및 Canvas와 연동

3. 웹 접근성 확보 및 UX 개선

   • 주요 이슈

     • 웹 접근성 컨설팅을 받아서 UDL(Universal Design for Learning, 교육용 웹 접근성)을 준수한 컴포넌트 개발

     • HTML5 표준인 Canvas를 선택하여 호환성 QA를 최소화

     • 스크린 리더의 주요 이벤트(tab key, touch) 발생 시, 불가시한 Element를 동적 생성하여 Canvas 내부 요소의 대체텍스트를 스크린 리더에게 제공

   • 성과

     • 본래 Canvas 요소에 접근 불가능한 스크린 리더가 시각 장애인들에게 대체 텍스트를 제공

     • 다양한 기기 및 5대 브라우저 호환성 확보, 이후 검정 심사 통과

4. 프로젝트 리딩 및 정부 기술 검정 심사 통과

   • 주요 이슈

     • PL(Project Leader)을 수행하며 고객, 협력 업체 간의 소통 및 이슈 처리 및 보고 진행

     • DeadLine(정부 심사)을 기반으로, 개발 전체 목표 수립. 이를 주 단위의 작은 목표로 재구성하고, 스프린트와 스크럼 방식으로 일정을 관리

     • 정부 심사 및 SI 사업 수행으로 필요한 프로젝트 서류 작성 및 문서화

     • GitLab CI, Naver Cloud Platform Deploy 및 Kubernetes Pod 관리

     • 보안 컨설팅에 따라서 CSAP 취약점 수정

   • 성과

     • 유저 개인정보 보호법 준수 및 검정 심사 기준인 CSAP(클라우드 서비스 보안 인증) 취득

프로젝트 개요

소설과 교과서를 제작하고 읽을 수 있는 전자책 플랫폼. 이 중 리딩 파트를 개발 (협력 본부가 제작 플랫폼 개발)

수행 업무

1. 전자책 / 디지털 교과서 플랫폼 개발

   • 주요 이슈

     • Epub(전자책 표준 양식) file을 parsing하여 데이터 추출 기능 개발

     • PDF parsing 로직 연구

     • 통계 자료를 표현할 수 있는 각종 Chart(Bar, Rader, Line, Scatter) 개발

     • 문제 생성 템플릿 및 채점 기능 개발

     • Iframe 기반 MFA 아키텍처 및 postMessage 기반으로 어플리케이션 간 통신 구조 설계 및 구현

     • 텍스트 압축 설정 적용 및 고용량 파일 제거 및 변환을 통한 최초 로딩 속도 개선 (FCP 30초 → 0.8초)

   • 성과

     • “2023 에듀테크 코리아 페어”에서 자사 전자책 플랫폼 시연 및 홍보

2. 프로젝트 및 팀 환경 개선

   • 주요 이슈

     • Mock API 도입 , StoryBook 도입, 디자인 토큰 설정

     • GitLab Runner 기반 CI 자동화 테스트(build, lint, type test) 구현

     • 팀 컨벤션, 코드 리뷰, 사내 정책 등을 문서화하고, 기술 세미나를 도입하여 협업과 팀 성장을 강화

   • 성과

     • API 미개발로 인한 병목 현상 해결

     • 컴포넌트 재사용성 강화 및 일관된 UI 사용

     • 에러 감소 및 서비스 안정성 향상

프로젝트 개요

SNS로 초대장을 발송하여, 지인들과 약속을 잡는 모바일형 웹사이트

사이트 링크

https://cherryblossom-chi.vercel.app/

수행 업무

1. 기획 및 서비스 운영

   • 주요 이슈

     • 메인 아이디어 기획 및 MVP 도출

     • 유저행동에 따른 행동(BDD) 상세 기획 작성

     • Google Anayltics 도입 후, 유저 분석을 통하여 주 타겟을 대학생 및 “애브리타임” 앱으로 전환

   • 성과

     • 타겟 전환 후 DAU 5-10배 상승(최대 300 DAU), Total 2000명 유저 수 달성

2. MVP 개발

   • 주요 이슈

     • 벚꽃이 움직이는 애니메이션 개발

     • 유저의 피드백을 수집하여 UI/UX 개선

     • Next.js의 SSG 적용 및 이미지 최적화를 통한 로딩페이지 속도 개선 (FCP 4초 → 1초)

   • 성과

     • UI/UX 개선으로 “메시지 작성 단계”에서 이탈률 감소

     • Next.js 학습 및 로딩페이지 속도 개선

프로젝트 개요

SQL 학습을 위한 게이미피케이션 기법 게임학습 웹사이트

수행 업무

1. Unity 개발
   • Player 캐릭터 이동 및 이동에 따른 카메라 앵글 변형 기능 개발
   • NPC 캐릭터 배치 및 대사 상호 작용 구현
2. Web 연동
   • web에서 Unity 빌드 파일을 실행
   • Frontend - Unity 빌드 파일 간 데이터 통신 구현