프로필

**이름**: 허동영

**이메일**: vavoya6324@gmail.com

테스트 블로그

https://www.sim-log.com/@test

경력

2025.09.16 ~ 2026.05.31: 퀀터스 테크놀로지스 (FE개발자)

블로그 에디터 개발 포스트

AI 활용한 개발로 블로그 플랫폼 개발 진행(위지웍 에디터 완성하기, 이미지 생성 후 자동 등록 등)

[블로그 에디터 개발 내용](https://www.sim-log.com/@vavoya/블로그-에디터-개발-25)

프로젝트 (2025.9 최신)

1. Obsidian 스타일의 md → ast 파서 라이브러리

Obsidian 에디터의 마크다운 문법 스타일을 기반으로 md → ast 파서를 개발했습니다.

실시간 입력에 대응하기 위해 LRU 캐시를 적용하였고, 인라인 문자열이 동일할 경우 이전 결과를 재활용하여 빠른 파싱 성능을 유지합니다.

• [npm 링크](https://www.npmjs.com/package/md-ast-parser?activeTab=readme)

• [깃허브 링크](https://github.com/vavoya/md-ast-parser)

2. 바닐라 JS 기반 React.js 직접 구현

**기간**: 2025.01 ~ 01

React의 생명주기, Hook 등을 바닐라 JS로 구현하고, 해당 구조를 기반으로 실제 페이지를 개발했습니다.

배치 처리, 생명주기, useEffect, useState, useRef, createPortal 등 주요 메커니즘을 직접 구현했습니다.

• [깃허브 링크](https://github.com/vavoya/vanillaJsReact_Taskify)

• [테스트 페이지 링크](https://vanilla-js-react-taskify.vercel.app/)

3. Custom 위지윅 에디터

**기간**: 2024.07 ~ 08

Obsidian 에디터를 모티브로 한 초기 프로젝트입니다.

md-ast-parser와 달리 리액트 컴포넌트와 파서가 결합되어 있으며, React.memo로 동일 내용에 대해 불필요한 파싱을 방지합니다.

브라우저의 Selection, Caret을 React에서 직접 제어하고 단축키 및 Selection 기반 문법 강조도 지원합니다.

현재는 중단된 프로젝트입니다.

• [깃허브 링크](https://github.com/vavoya/editor)

• [테스트 페이지 링크](https://editor-sandy.vercel.app/)

4. Next.js 기반 풀스택 블로그 플랫폼

**기간**: 2023.06 ~ 진행

1인 개발로 기획, 디자인, 프론트엔드, 백엔드까지 담당했습니다.

Next.js의 서버/클라이언트 컴포넌트 구분, 캐싱 전략, SEO 및 접근성 등을 고려하여 개발했으며, 현재 실서비스 중입니다.

이 사이트 자체가 해당 프로젝트 기반입니다.