SecondBrain (Web 링크, Github 레포지토리)

<aside> 📖

문서 간 관계를 인식하여 그래프 형태로 시각화하며, 노드를 클릭하여 해당 문서를 열람하는 사이트

</aside>

2025년 3월

개인 프로젝트

JavaScript, Python

주요 구현사항

1. 정규표현식을 활용하여 Obsidian Flavoured Markdown 문법에서 제공하는 링크 인식
2. Python을 활용하여 JSON 포맷으로 문서 목록 및 링크 목록 생성
3. Vis.js 라이브러리를 활용한 그래프 생성
4. Marked.js 라이브러리를 활용한 마크다운→HTML 변환

트러블슈팅

1. 그래프 생성 레이턴시 증가

   각 문서에 존재하는 링크를 인식하는 과정이 웹 사이트 접속 시점에 수행되도록 구현되어 있었고, 이로 인해 웹 사이트 접속 후 그래프가 생성되기까지 5초 이상의 대기 시간 발생

   Python을 활용하여 사전에 링크 목록을 인식해놓도록 구현하였고, 레이턴시 대폭 감소

2. 반복적인 문서 열람 시 레이턴시 증가

   동일한 세션에서 문서를 열람할 때마다 파일 읽기가 수행되도록 구현되어 있었고, 이로 인해 단시간 내에 반복적으로 문서 열람을 시도할 경우 문서 내용이 표시될 때까지 수 초 가량의 대기 시간 발생

   문서 경로를 Key로 문서 내용 캐싱하여 한번 열람한 문서 대상으로는 즉시 표시되도록 구현

BrickBreak (Web 링크, Github 레포지토리)

<aside> 📖

웹 기반 벽돌깨기 게임. 오프라인 플레이 가능

</aside>

2024년 7월

JavaScript

개인 프로젝트