[저작 도구 만들기] 시작하며

🎨 간단 소개

피그마나 포토샵과 같은 저작 도구 툴을 만드는 사이드 프로젝트를 시작한다. 저작 도구 툴에 대한 이해 및 자바스크립트 DOM, 성능과 같은 부분에 대한 학습적인 측면이 크기 때문에 제대로 된 툴을 만드다기 보다 이것 저것 테스트하는 용도의 사이드 프로젝트가 될 것 같다.

 

 

🎁 1차 목표

기능적인(및 UI) 측면에서의 목표는 아래와 같다.

• 컴포넌트를 에디터 영역에 배치
• 배치 된 컴포넌트를 드래그를 통해 이동
• 선택 된 컴포넌트에 컨트롤 포인트가 생기고 이를 통해 사이즈를 변경 가능
• 사용자가 사용할 순 없지만 히스토리 스택 관리

 

기술적인 측면에서의 목표는 아래와 같다.

• 타입스크립트의 활용
• 객체지향으로의 구조 설계
• DOM에 대한 이해향상 및 DOM 렌더링 성능 방법 숙지

 

⚽ 주저리

최근에 리액트나 Nextjs와 같은 프레임워크를 활용한 프로젝트만 진행하다보니 자바스크립트에 대한 이해도가 떨어지는 것 같아 이번에 사이드 프로젝트를 통해 자바스크립트에 대한 이해도를 높이기 위해 시작하게 되었다.

 

목표는 성능 향상, DOM에 대한 이해 향상이긴 하지만 과연 나혼자서 목표를 달성할 수 있을지 의문이 들긴 하지만 그래도 시도를 해보려고 한다.

 

공부와 함께 병행하다보니 일주일에 진행할 수 있는 진도가 많진 않지만 오래걸리더라도 완료할 수 있는 프로젝트가 되었으면 좋겠다. 화이팅!!

 

 

🍒 블로그 업로드

블로그에는 일주일 또는 이주일 단위로 하여 진행사항 및 그 기간동안 어려웠던 문제나 인사이트가 있다면 올릴 예정이다..