본문으로 건너뛰기
온라인
kov0.46.1 · 1d135e2
mainlane.io

포트폴리오

우리가 만든 제품: 과제, 해결책, 결과.

플랫폼
기술

18개 중 7개 표시

팀 참여

고객사 팀의 일원으로 참여한 프로젝트입니다. 고객사 이름은 밝히지 않습니다.

SaaS social platform

2023 – 2024

커뮤니티와 기업 인트라넷을 위한 SaaS 플랫폼.

  • PHP
  • Yii2
  • ProseMirror
해결책

제가 주로 맡은 영역은 서식 있는 텍스트 및 Markdown 편집기였습니다.

  • 편집기 안의 CodeMirror 6 코드 블록: 변경 사항과 선택 영역의 양방향 동기화, 줄 번호, 구문 강조, 실행 취소와 다시 실행, 화살표 키로 블록 빠져나가기, 올바른 복사와 붙여넣기.
  • 편집: 사용자별로 기억되는 Markdown 소스 모드, 강조와 취소선 입력 규칙, 새 아이콘과 H1–H4를 갖춘 간소화된 툴바, 상태를 기억하는 접이식 메뉴, 선택한 텍스트로 만드는 링크, 상대 URL과 제목 앵커, 번역 가능한 키워드로 찾는 이모지 검색.
  • 키보드와 접근성: 목록, 표, 코드에서 동작하고 그 밖에서는 포커스를 옮기는 Tab, 표의 마지막 셀에서 Tab을 누르면 행 추가, 키보드 포커스를 지원하는 접근성 있는 메뉴.
  • 품질과 배포: 깨진 테스트 18개 수정과 새 테스트 추가, 의존성 업그레이드, ESLint, 더 작은 번들, Rollup 설정, CI와 태그 기반 자동 npm 배포, 편집기 패키지 8회 릴리스.
  • 플랫폼: 신규 사용자 온보딩 투어, 연결된 로그인과 함께 처리하는 사용자 소프트 삭제, 접힌 게시물 높이 설정, 읽지 않은 메시지 표시, 초대 기능 수정, Bootstrap 5 마이그레이션 착수, 엔터프라이즈 테마, 캘린더, 푸시 알림, 콘텐츠 검토.

Corporate site for an agri exporter

2022 – 2023

다른 에이전시가 만든 테마를 기반으로 한, 브랜드와 제품 카탈로그를 갖춘 기업 웹사이트.

  • WordPress
  • PHP
해결책

테마를 다시 작성하지 않고 사이트를 영어와 우크라이나어 2개 언어로 만들었습니다. 템플릿이 현재 언어로 전환되도록 하고, 모든 사용자 지정 필드 라벨과 제품 텍스트를 코드에서 번역 대상으로 등록했습니다. 이후 데스크톱과 모바일용으로 59개국 수출 현황을 보여 주는 인터랙티브 지도가 있는 “회사 소개” 페이지, 팝업이 있는 2개 언어 사기 방지 안내문, 홈페이지 수정 사항을 추가했습니다. 2026년에는 플랫폼을 감사하고 다음 단계의 범위를 정한 계획을 준비했습니다. 콘텐츠 갱신, 새 브랜드 페이지, 제품 기술 사양, 리뷰 섹션, 오른쪽에서 왼쪽으로 읽는 레이아웃의 아랍어 버전이 포함됩니다.

Early experience

2015 – 2021

Ionic과 Angular 기반 모바일 앱(App Store와 Google Play에 출시한 Bluetooth 기기 제어 앱 포함), MQTT 기반 IoT 모니터링, PHP 온라인 스토어, 스톡 사진 마켓플레이스.

  • Ionic
  • Angular
  • Node.js
  • PHP
  • MySQL
  • MongoDB
해결책
  • SaaS 플랫폼용 분석 · 2021. Google Analytics 데이터를 파싱하고 구조화해 플랫폼 고객을 위한 대시보드와 차트로 제공. Angular, Node.js, Express, MongoDB.
  • 가구 온라인 스토어 · 2018–2020. 상품 카드 변경, 배송 및 결제 연동, OpenCart 사용자 지정 모듈. PHP, JavaScript, MySQL.
  • 사진작가를 위한 스톡 사진 마켓플레이스 · 2016–2020. 사진 업로드와 다운로드, 메타데이터 추출, 필터 검색, 결제 시스템, AWS S3 파일 저장소. PHP, JavaScript, MySQL, AWS.
  • 네트워크 기기 IoT 모니터링 · 2017–2020. MQTT를 통한 맞춤형 라우터 명령, 원격 기기 데이터 수집, 대시보드, 분석 결과가 설정 조건에 도달하면 사용자 알림. Angular, Node.js, Express, MongoDB, PHP, Shell.
  • iOS·Android용 기타 학습 앱 · 2017. 영상 강의, 즐겨찾기, 새 강의 푸시 알림. Ionic, Angular, REST API.
  • iOS·Android용 습관 형성 앱 · 2016–2017. 처음부터 개발: 일일 과제와 기분 기록, 캘린더, 성취 차트, 예약된 로컬 알림. Ionic, Angular.
  • Bluetooth 기기 제어 앱 · 2015–2016. 기기 검색, 비밀번호로 보호되는 페어링, BLE 명령 전송과 상태 표시, 로깅과 오류 처리; App Store와 Google Play에 출시, WordPress 랜딩 페이지 포함. Ionic, Angular, Cordova, WordPress.