donggyu
37
2019-01-27 04:50:32
4
573

네이버 블로그같은 게시판 구현


네이버 블로그 같은데 포스팅을 하면, 글씨도 쓰고 그

중간중간에 이미지 파일도 업로드 하고, 동영상 파일도 업로드 하고, 게시하고 나서 해당 게시물에 들어가면 작성한 순서대로 딱 보여지잖아요?

하나의 게시물안에 텍스트, 이미지, 동영상 파일 등등 작성자가 작성한 순서대로 보여지는 것.

 그 기능은 어떻게 구현하는 건가요? 학생인데 방학때 첫 외주 받아서 작업하고 있는데 이부분이 막히네요 ㅠㅠ 


이미지파일 업로드는 클라우디너리인가? 암튼 외부 클라우드 서버에 업로드해서 url 주소만 다시 불러와서 이미지 렌더링 하는 방식으로 구현할거구요, 백엔드는 노드 프론트엔드는 리액트 사용하고 있습니다. 도움이 될만한 모듈이나 도큐먼트만 알려주셔도 감사합니다. 

0
0
  • 답변 4

  • 군리미
    165
    2019-01-27 09:52:29

    정렬을 하시면 될 것 같아요.

    가령 이미지 파일을 업로드 한다고 치면 그 url 주소를 db쪽에 저장할 거 잖아요?

    그 때 업로드한 시간도 같이 db에 저장해두었다가

    게시물 목록을 read할 때 시간별로 정렬해서 보여주면 될 것 같네요.

    1
  • 드뎌?
    725
    2019-01-27 10:10:53
    wysiwyg editor? 위지윅 말씀하시는건거 같은데 이런식으로 검색해보세요!!
    1
  • 나도아빠다
    2k
    2019-01-27 12:54:58 작성 2019-01-27 13:01:09 수정됨

    지금 여기 입력하고있는 위지윅에디터를 말씀하시는듯한데 네이버 다음에서 제공하는걸 쓰시는게 마음 편하실거같습니다.


    직접 구현하실 경우 

    기본적으로 입력할때마다 html로 변경처리하는 js를 만들어 html채로 업로드 시키거나

    일종의 템플릿 형태의 텍스트로 저장후 화면에 뿌릴때 템플릿을  html로 변경하여 뿌리도록 하는 처리를 해주는 식으로 구현합니다.


    이미지 업로드기능의 경우 버튼으로 이미지 업로드시 ajax로 업로드후 img 태그를 생성해서 바로 붙이거나, 템플릿 양식에 경로넣어주는방식으로 들어가고, 동영상도 마찬가지겠지요.


    이경우 보안에 신경 많이 써야합니다.

    확장자만 바꾼 악성코드, 스크립트나 iframe실행.. meta태그를이용한 난장판 등등 html을 입력가능하게 하면 보안 신경안쓰면 온갖 난장판 구경할 수있습니다.

    1
  • donggyu
    37
    2019-01-27 15:15:01

    많은 도움 됐습니다:) 쉽게 구현 가능할것같아요

    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.