사이드 프로젝트/저작 도구 만들기3 [저작 도구 만들기] 3 ~ 5주차 진행 사항 (2024.12.16 ~ 2025.01.05) 회고 😪작업 진행 내용 정리 및 회고를 위해서 매주마다 진행사항을 블로그에 올리고 하였으나, 생각보다 진도가 원한는만큼 나가지도 못했고 그리고 살짝 귀찮은 것도 있었다. 갑자기 1월이 되면서 시간을 더 내기가 힘들어 더 미루게 되었다. 이제는 다시 시작해야겠다는 생각이 들어 마지막 작업 내용이었던 3 ~ 5주차 진행을 올리게 되었다. 🎮 작업기존 작업했었던 모델, 컴포넌트, 프로퍼티, 매니저의 구조를 변경하였다.처음 설계와 실제 구현간의 맞지 않는 부분을 수정하였다.위치, 사이즈와 관련 된 프로퍼티 기능을 구현하였다.네모 모양의 기본 컴포넌트를 구현하고 프로퍼티와의 연관관계를 설정하였다. 🤔 고민설계코드 작업 전 설계했었던 부분이 실제 코드 작업을 해보면서 누락된 부분도 많고, 코드 구현과 맞지 .. 2025. 1. 19. [저작 도구 만들기] 2주차 진행 사항 (2024.12.09 ~ 12.15) 🎮 작업모델을 상속받는 컴포넌트와 컴포넌트를 관리하는 매니저, 컴포넌트를 표현하는 프로퍼티 관계에 대한 인터페이스를 정의하였다. 🤔 고민인터페이스 정의모델과 엘리먼트가 높은 결합도를 가지도록 인터페이스를 정의했었다. 어떤식으로 문제를 해결해야할지 고민이 되었다. 발행-구독 패턴을 알게 되어 해당 방법으로 구현할 예정이긴 하지만 아직 사용해보진 못해 이 방법이 맞는지는 많은 시도를 해봐야 할 것 같다. 매니저는 모델 아이템들을 관리하고 모델에서 변경사항이 발생하면 매니저가 옵저버 역할을 담당하도록 인터페이스를 정의하였다. 추가로 매니저는 발행자의 역할도 담당하여 이벤트를 발생시킨다. 매니저가 너무 많은 역할을 담당하는게 아닐까?라는 고민이 되고, 발행자의 역할을 매니저가 아닌 모델에서 직접해도 되지 않.. 2024. 12. 15. [저작 도구 만들기] 시작하며 🎨 간단 소개피그마나 포토샵과 같은 저작 도구 툴을 만드는 사이드 프로젝트를 시작한다. 저작 도구 툴에 대한 이해 및 자바스크립트 DOM, 성능과 같은 부분에 대한 학습적인 측면이 크기 때문에 제대로 된 툴을 만드다기 보다 이것 저것 테스트하는 용도의 사이드 프로젝트가 될 것 같다. 🎁 1차 목표기능적인(및 UI) 측면에서의 목표는 아래와 같다.컴포넌트를 에디터 영역에 배치배치 된 컴포넌트를 드래그를 통해 이동선택 된 컴포넌트에 컨트롤 포인트가 생기고 이를 통해 사이즈를 변경 가능사용자가 사용할 순 없지만 히스토리 스택 관리 기술적인 측면에서의 목표는 아래와 같다.타입스크립트의 활용객체지향으로의 구조 설계DOM에 대한 이해향상 및 DOM 렌더링 성능 방법 숙지 ⚽ 주저리최근에 리액트나 Nextjs와.. 2024. 12. 3. 이전 1 다음