목록2026/02/13 (4)
따꿍의 프로젝트
작업의 배경TipTap은 Headless이라 기본 세팅을 하면 아무 style이 적용되어 있지 않은 상태이다.Headless- 로직만 제공 (에디터의 기능 - 텍스트 편집, bold, undo, history) - UI는 제공하지 않음 (버튼 UI, 툴바 디자인, 기본 CSS 스타일 제공 X) - 완전 커스터마이징 가능하게 HTML 덩어리만 주는 것 그래서 에디터를 그냥 사용하면 아무 스타일링 안한 html태그 모양과 동일하게 생기게 된다. 왼쪽은 기존의 TextareaAutosize의 스타일링을 h1태그/p태그와 비교한 사진이고오른쪽은 에디터의 스타일링을 h1태그/p태그와 비교한 사진이다.(h1와 p태그는 reset.css 때문에 똑같게 생겼다) 현재 날것의 에디터 스타일은 기존의 TextareaAu..
Get Rid of all Local Commits and Set it Same as Origin1. First fetch latest (set it same as origin)git fetch origin2. Reset (get rid of all local commits)git reset --hard "originBranchName" Change Upstream Branchgit branch --set-upstream-to=origin/test/#1411-editor test/#1411-editor If you're already on that branch, you can shorten it:git branch --set-upstream-to=origin/test/#1411-editor Change..
보호되어 있는 글입니다.
문제에디터 작업을 하는 중,h1 태그와 p태그를 넣어도 모두 똑같은 사이즈로 나오는 것을 확인하게 되었다. 분명 초기에 작업했을때에는 이렇게 태그를 무시하지 않았는데무슨 코드 때문에 이렇게 작용되고 있는지그리고 무슨 이유로 팀원이 이걸 넣었는지 파악하기 위해서 조사하기 시작했다. 원인 코드reset.css*::before,*::after { box-sizing: border-box;}html,body,header,nav,main,article,section,aside,footer,h1,h2,h3,h4,h5,h6,div,p,span,ul,ol,fieldset,legend,label,form,input,button,select,option,textarea,pre { margin: 0; padding:..