오늘공부

프로젝트 링크

https://vocal-sable-a0f899.netlify.app

프로젝트 소개

오늘공부는 학습한 내용을 마크다운 형식으로 기록하고 공유할 수 있는 커뮤니티 서비스입니다.
바닐라 JavaScript만으로 컴포넌트 기반 아키텍처와 주요 기능들을 직접 구현하며 프론트엔드 개념을 깊이 있게 학습하기 위해 시작한 프로젝트입니다.

• 개발기간: 2025-02-14 ~ 2025-03-28
• Backend Repository

주요 기능

• 상태 기반 컴포넌트: state 변경 시 자동으로 상태가 반영되어 렌더링되는 컴포넌트 구현
• 컴포넌트 생명주기: setup, mounted 등의 메서드를 통해 생명주기 제어
• 가상 DOM: 가상 DOM으로 효율적인 렌더링 구현
• 마크다운 에디터: 마크다운 기반 에디터 구현
• 무한 스크롤: IntersectionObserver를 이용해 게시글 리스트 무한 스크롤 기능 구현

작성 문서

바닐라JS로 Virtual DOM 만들기