Thinitor

Thin + Editor = Thinitor, 심플한 위지윅(WYSIWYG) 에디터를 표방하는 개인 프로젝트
지금의 README는 개인 메모장에 가깝다.

1. 프로젝트 목표

1. HTML의 <h1> <h2> <h3> <i> <strong> <a> 등의 태그에 사용되는 기능을 사용할 수 있다.
2. textarea를 사용하지 않고 element단위로 수정할 수 있다.
3. 기본적인 텍스트의 색깔등을 설정할 수 있다.
4. 이미지를 사용할 수 있다. 가능하면 gif도 사용할 수 있다.
5. 이미지등의 컨텐츠는 크기를 조절할 수 있다.
6. 복사 붙여넣기 기능을 텍스트만이 아니라 모든 컨텐츠 단위에서 사용할 수 있다.
7. 컨텐츠간의 위치를 자유롭게 변경할 수 있다.
8. 작성된 내용을 불러오는 수단을 제공한다.
9. 모든 기능은 프레임워크 제한없이 순수하게 사용될 수 있다.
10. npm을 통해 install할 수 있다.

notion과 비슷한 기능을 목표로 한다.

2. 개인적인 목표

1. 모든 개발은 TypeScript를 사용한다.
2. 최대한 라이브러리 사용을 자제하고 공부의 기회로 삼는다.
3. 새롭게 알게된 지식은 최대한 명확하게 알아낸다.
4. 알게 된 지식은 Medium에서 글로 작성하는 기회로 삼는다.
5. 최대한 꾸준히 개발을 이어나간다. 코드 한줄만이라도 매일 commit한다.
6. 행복회로를 돌려서 open source프로젝트를 노려본다

실패 기록

2021.01.18

contentEditable="true" 를 사용해서 html자체를 컨트롤 하는 방법은 텍스트 내용을 컨트롤하기 굉장히 불편하고 까다롭기 때문에 포기한다. 평범하게 textarea나 input을 사용해야 할 것으로 보이며, 객체에서 내부 텍스트를 컨트롤해서 input내부에서 작성이 완료되면(다음 줄로 넘어간다거나 하는 동작) 작성하던 input을 내용에 맞게 html형식으로 변경하는 방식으로 개발해 봐야 할 것 같음.