Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

시험 지문에 마크다운 에디터로 이미지 추가를 할 수 있다. #46

Merged
merged 14 commits into from
Feb 2, 2025

Conversation

alstn113
Copy link
Owner

@alstn113 alstn113 commented Feb 2, 2025

연관된 이슈

작업 내용

  • 시험 지문에 마크다운 에디터를 사용할 수 있다.
  • 시험 지문에 이미지 추가를 할 수 있다.
  • 서버를 통해서 이미지를 S3에 저장하고, 링크를 사용한다.
  • <!-- Uploading "${imageName}"... --> 텍스트를 추가하고, 이미지 업로드 완료 시 링크로 대체시킨다.
  • 파일 선택, 드래그 앤 드랍, 클립보드에서 붙여넣기 방식으로 추가할 수 있다.

파일 선택으로 추가

2025-02-02.11.44.31.mov

드래그 앤 드랍으로 추가

2025-02-02.11.45.53.mov

클립보드에서 붙여넣기로 추가

2025-02-02.11.45.12.mov

시험 응시 시 화면 참고

image

@alstn113 alstn113 merged commit 40a0ee5 into dev Feb 2, 2025
2 checks passed
@alstn113 alstn113 deleted the feat/#44 branch February 2, 2025 14:53
@alstn113 alstn113 mentioned this pull request Feb 2, 2025
alstn113 added a commit that referenced this pull request Feb 2, 2025
* refactor: image original file name null check

* feat: uiw/react-md-editor 의존성 추가

* feat: 클라이언트 시험 지문 이미지 업로드 API 작성

* feat: 시험 지문에 이미지 드래그 앤 드랍 기능 구현

* refactor: 이미지 업로드 시 특정 텍스트를 입력하고, 업로드 완료 시 텍스트 대체

* feat: useUpload custom hook 작성

* feat: tailwind animate-spin을 이용한 Loading spinner 구현

* feat: 이미지 업로드 및 로딩 기능 구현

* refactor: 사용하지 않는 파일 제거

* refactor: click uploader transition color

* feat: markdown viewer 추가

* refactor: 사용하지 않는 import 제거

* refactor: onPaste preventDefault 시 기본 붙여넣기 안되는 문제 해결

* refactor: 사용하지 않는 파라미터 제거
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant