Fe/#223 WritingPage 및 ImageUploader, TechStackSelection, QuillEditor 컴포넌트 마이그레이션 #262
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
yarn add react-aws-s3-typescript s3 환경변수 추가 s3config.ts 파일 추가 imageUploader 컴포넌트 마이그레이션
yarn add react-quill highlight.js quillEditor 마이그레이션
글쓰기 페이지 마이그레이션 Quill에디터 dynamic import
yarn add @aws-sdk/client-s3 short-uuid S3 업로드 용 API 구현 ENV 변경
기존 클라이언트 사이드 에서 업로드 => 서버사이드 업로드 및 API 호출로 이미지 주소 콜백 이미지 최적화 용 next.config image remotePatterns 설정 크기를 모르는 이미지를 위해 fill속성 추가 Largest Contentful Paint (LCP) 요소를 위한 priority 속성 추가
yarn add @toast-ui/react-editor @toast-ui/editor-plugin-color-syntax @toast-ui/editor-plugin-code-syntax-highlight prismjs @types/prismjs 마크다운 편집 밑 HTML로 백에 전송 Quill-Editor 삭제
Yujin-Baek
approved these changes
Oct 5, 2023
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
🛠️ 변경사항
yarn add @aws-sdk/client-s3 short-uuid @toast-ui/react-editor @toast-ui/editor-plugin-color-syntax @toast-ui/editor-plugin-code-syntax-highlight prismjs @types/prismjs
Writing 페이지 마이그레이션
ImageUploader, TechStackSelection, QuillEditor 컴포넌트 마이그레이션
S3 업로드 방식 클라이언트 사이드에서 서버 사이드로 변경을 위한 S3 업로드 API 작성
QuillEditor -> Toast-UI Editor로 변경
☝️ 유의사항
👀 참고자료
❗체크리스트