# TOAST UI
[React] 🍞TOAST UI 사용법
TOAST UI Editor는 웹 페이지에서 마크다운 편집을 위한 에디터이다. 사용자 친화적인 UI와 다양한 편집 기능, 실시간 미리보기 기능 등을 제공하며, React, Vue.js, Angular 등의 프레임워크와 함께 사용할 수 있다.
Next.js에서 toast editor에 서버에서 불러온 값을 넣어보자..
서버에서 불러온 데이터를 state에 담고 에디터의 옵션인 initialValue에다음과 같이 처리했는데 불러온 데이터가 뜨지를 않는다..
Next.js에서 toast editor를 사용하자..
우선 toast-ui editor는 ssr을 지원하지 않는다. 따라서 Next.js에서 toastu-ui를 설치하고, import해서 사용하면 에러가 날 것이다. Next.js에서는 ssr을 하지 않게 하는 좋은 기능을 제공하는데 바로 Dynamic이다.
TOAST UI DatePicker in Next.js
Result Install package.json src/components/DatePicker.tsx src/app/global.css src/app/pages.tsx
[React] TOAST UI Editor 사진 첨부 문제
TOAST UI Editor 사진 첨부 시 이미지 링크가 base64 포맷으로 인코딩되는 문제를 해결해보자!
[React]Toast UI source map 에러
프로젝트에서 Toast UI Editor로 작업을 하던 중 실행에는 문제가 없었지만 거슬리는 에러를 발견했다..
Next.js 블로그 만들기 (5) - 마크다운 에디터
Velog처럼 예쁘게 마크다운 에디터를 도입할 수는 없어도 최소한 온라인 마크다운 에디터는 있어야겠다고 생각을 해왔지만, 이렇게 빨리 도입하게 될 줄은 몰랐다. 그렇지만 사실 이전에 HTML 에디터를 사용해본 적이 있어서 귀찮았을 뿐 어렵지 않게 구현할 수 있었다. 이
[React] TOAST UI, Editor, Viewer
원래 React 프레임워크없이 TOAST UI View와 Editor를 적용했었다.해당 프로젝트를 하면서 React로 바꾸고 싶어서 코드를 싹 다 갈아엎고 있다.사실 CSS는 부트스트랩과 복사 붙여넣기가 있으니 빨리 적용 가능했지만 TOAST UI 라이브러리 적용하는
Toast UI Error - There is no text key "OK" in en-US
plugins={\[colorSyntax]} 부분을 삭제했다.
Toast UI Error - Module not found: Can't resolve 'prosemirror-transform'
.yarnrc.yml 파일에 명시적으로 의존성 추가.yarnrc.yml 변경사항 반영
Toast UI 사용법 (기본법)
강의를 들으면서 Toast UI라는 것에 대해 사용해보고 싶어지게 되었다. 기본적으로 여러 내용을 가진 .js나 .css를 가져와야한다.위에 link는 MarkDown언어실행시 정상적 타이핑이 되기 위해 사용되는 것 같고아래 link는 툴바의 역할을 수행하는것 같았다.
TOAST UI FE 스타일 가이드(ES5 to ES6+) 일부 정리
출처 : NHN 엔터var : 함수 스코프, Hoisting 발생const, let : 블록 스코프 \- const : 선언 이후 수정 불가. BUT 프로퍼티는 수정 가능표현식이 짧아지며, this 바인딩 이슈도 해결해준다.화살표 함수는 해당 컨텍스트의 this 객체
TOAST UI FE 스타일 가이드(HTML/CSS/SASS)
✅ TOAST UI Front-end Style Guide (HTML/CSS/Scss) 올해 초 퍼블리싱 프리랜서 일을 할 때 계속 들었던 생각. > "어.. 다른 사람들도 이런 식으로 코딩하나?😗 변수명... 아 약간 구린데" 실무 경험이 없는 상태에서 바로 프