강의

멘토링

로드맵

Inflearn brand logo image

인프런 커뮤니티 질문&답변

Kevin님의 프로필 이미지
Kevin

작성한 질문수

스프링 MVC 2편 - 백엔드 웹 개발 활용 기술

스프링과 파일 업로드

안녕하세요. 파일업로드 관련해서 질문드립니다!

작성

·

571

0


[질문 내용]
안녕하세요!

mvc2강좌에 파일 업로드 강의가 있는데 관련해서 질문드리고 싶은게 있습니다.

인프런에 질문글 작성시 drag & drop으로 사진을 첨부하여 올릴 수 있는데요.이 기능을 구현하고 싶은데 어떻게 검색해서 찾아보면 좋을까요? 개인프로젝트에 post 등록시 해당기능을 넣으면 좋을것 같단생각인데 찾아보니 방법이 너무 많아서, 영한님 강좌를 듣는걸 베이스로 하면 어떤 방법이 short cut인지 궁금합니다.

백엔드이다보니 view쪽은 부트스트랩+thymeleaf로 연명하고 있는데 javascript를 많이 써야할지도 한번 말씀해주시면 감사하겠습니다!

답변 2

2

안녕하세요. 의영님, 공식 서포터즈 David입니다.

현재 인프런 에디터는 tinyMCE를 사용하고 있는 것으로 알고 있습니다.
https://www.tiny.cloud/tinymce

일반적으로 에디터의 경우 직접 구현하는 경우도 있지만 이미 잘 만들어진 라이브러리를 가져다 쓰는 경우가 많습니다. 대부분 드래그 앤 드롭 형태의 파일, 이미지 업로드 기능을 지원하고요.

tinymce 외에도 여러 에디터 라이브러리가 있으니 필요한 기능 또는 기호에 맞게 선택하시면 좋을 것 같습니다.

감사합니다.

Kevin님의 프로필 이미지
Kevin
질문자

이런게 있군요! 참고해서 사용해봐야겠네요. 감사합니다!!

2

안녕하세요. 의영님, 공식 서포터즈 OMG입니다.
.

어떤 다양한 방법을 보셨는지는 모르겠으나, 자바스크립트 drag & drop 이벤트를 이용해서 구현하시면 될 것 같습니다.

화면에서의 이벤트 동작과 관련된 기능이므로 자바스크립트를 많이 사용하며, 부트스트랩 4이하 버전을 사용중이시라면(부트스트랩5부터 제이쿼리를 걷어내고 자바스크립트로 구현된 것으로 알고 있습니다.)

자바스크립트 대안으로 제이쿼리를 고려해보셔도 좋을 것 같아요.
.
감사합니다.

Kevin님의 프로필 이미지
Kevin
질문자

OMG님 언제나 답변 감사합니다!!

Kevin님의 프로필 이미지
Kevin

작성한 질문수

질문하기