# TOAST UI

18개의 포스트
post-thumbnail

[React] 🍞TOAST UI 사용법

TOAST UI Editor는 웹 페이지에서 마크다운 편집을 위한 에디터이다. 사용자 친화적인 UI와 다양한 편집 기능, 실시간 미리보기 기능 등을 제공하며, React, Vue.js, Angular 등의 프레임워크와 함께 사용할 수 있다.

2023년 4월 23일
·
0개의 댓글
·
post-thumbnail

Next.js에서 toast editor에 서버에서 불러온 값을 넣어보자..

서버에서 불러온 데이터를 state에 담고 에디터의 옵션인 initialValue에다음과 같이 처리했는데 불러온 데이터가 뜨지를 않는다..

2023년 3월 7일
·
0개의 댓글
·
post-thumbnail

Next.js에서 toast editor를 사용하자..

우선 toast-ui editor는 ssr을 지원하지 않는다. 따라서 Next.js에서 toastu-ui를 설치하고, import해서 사용하면 에러가 날 것이다. Next.js에서는 ssr을 하지 않게 하는 좋은 기능을 제공하는데 바로 Dynamic이다.

2023년 3월 7일
·
0개의 댓글
·
post-thumbnail

TOAST UI DatePicker in Next.js

Result Install package.json src/components/DatePicker.tsx src/app/global.css src/app/pages.tsx

2023년 2월 2일
·
0개의 댓글
·
post-thumbnail

[메인프로젝트] CodeTech 개발 회고

코드테크 개발 과정 회고

2022년 12월 19일
·
0개의 댓글
·
post-thumbnail

[React] TOAST UI Editor 사진 첨부 문제

TOAST UI Editor 사진 첨부 시 이미지 링크가 base64 포맷으로 인코딩되는 문제를 해결해보자!

2022년 12월 18일
·
0개의 댓글
·
post-thumbnail

[React]Toast UI source map 에러

프로젝트에서 Toast UI Editor로 작업을 하던 중 실행에는 문제가 없었지만 거슬리는 에러를 발견했다..

2022년 10월 3일
·
3개의 댓글
·
post-thumbnail

Toast UI Editor

블로그 제작을 위한 에디터 준비하기

2022년 8월 5일
·
0개의 댓글
·

Next.js 블로그 만들기 (5) - 마크다운 에디터

Velog처럼 예쁘게 마크다운 에디터를 도입할 수는 없어도 최소한 온라인 마크다운 에디터는 있어야겠다고 생각을 해왔지만, 이렇게 빨리 도입하게 될 줄은 몰랐다. 그렇지만 사실 이전에 HTML 에디터를 사용해본 적이 있어서 귀찮았을 뿐 어렵지 않게 구현할 수 있었다. 이

2022년 6월 23일
·
0개의 댓글
·
post-thumbnail

글 생성 로직 개선 with Image

글생성 로직 개선하기

2022년 6월 4일
·
0개의 댓글
·

[React] TOAST UI, Editor, Viewer

원래 React 프레임워크없이 TOAST UI View와 Editor를 적용했었다.해당 프로젝트를 하면서 React로 바꾸고 싶어서 코드를 싹 다 갈아엎고 있다.사실 CSS는 부트스트랩과 복사 붙여넣기가 있으니 빨리 적용 가능했지만 TOAST UI 라이브러리 적용하는

2022년 3월 13일
·
0개의 댓글
·

Toast UI Error - There is no text key "OK" in en-US

plugins={\[colorSyntax]} 부분을 삭제했다.

2022년 3월 1일
·
0개의 댓글
·

Toast UI Error - Module not found: Can't resolve 'prosemirror-transform'

.yarnrc.yml 파일에 명시적으로 의존성 추가.yarnrc.yml 변경사항 반영

2022년 3월 1일
·
0개의 댓글
·

Toast grid ) 간단한 테이블 만들기

cdn : html:js:

2021년 11월 17일
·
0개의 댓글
·
post-thumbnail

[React] TOAST UI markdown Editor 사용하기

리액트에서 TOAST UI Editor를 사용하는 방법에 대해 알아보자.

2021년 7월 14일
·
1개의 댓글
·

Toast UI 사용법 (기본법)

강의를 들으면서 Toast UI라는 것에 대해 사용해보고 싶어지게 되었다. 기본적으로 여러 내용을 가진 .js나 .css를 가져와야한다.위에 link는 MarkDown언어실행시 정상적 타이핑이 되기 위해 사용되는 것 같고아래 link는 툴바의 역할을 수행하는것 같았다.

2020년 12월 16일
·
0개의 댓글
·
post-thumbnail

TOAST UI FE 스타일 가이드(ES5 to ES6+) 일부 정리

출처 : NHN 엔터var : 함수 스코프, Hoisting 발생const, let : 블록 스코프 \- const : 선언 이후 수정 불가. BUT 프로퍼티는 수정 가능표현식이 짧아지며, this 바인딩 이슈도 해결해준다.화살표 함수는 해당 컨텍스트의 this 객체

2020년 6월 20일
·
0개의 댓글
·
post-thumbnail

TOAST UI FE 스타일 가이드(HTML/CSS/SASS)

✅ TOAST UI Front-end Style Guide (HTML/CSS/Scss) 올해 초 퍼블리싱 프리랜서 일을 할 때 계속 들었던 생각. > "어.. 다른 사람들도 이런 식으로 코딩하나?😗 변수명... 아 약간 구린데" 실무 경험이 없는 상태에서 바로 프

2020년 6월 20일
·
0개의 댓글
·