미니츠미
1k
2022-01-15 21:10:00 작성 2022-01-15 21:13:06 수정됨
5
205

Spring 게시판 포트폴리오를 vue.js로 포팅하기


Spring이랑 jsp로 만든 게시판 포트폴리오를 어느정도 완성했는데요,

이걸 Vue.js로 바꿔보고 싶은데 Vue.js는 처음이라 어디서부터 건드려야할지 모르겠어요.

어떻게 해야할까요?

일단 vue.js에서는 어떻게해야 Backend의 데이터를 가져오고 Backend로 데이터를 보내는지도 모르겠는데, 어렵네요..

0
  • 답변 5

  • 구직인
    647
    2022-01-15 21:21:49
    모두 ajax처리라고 생각하심 됩니다.
  • 미니츠미
    1k
    2022-01-15 22:14:39

    구직인

    Vue.js에서도 jsp에서 Jquery로 ajax처리 하던 것처럼 하면 되는건가요?

  • 레인3
    276
    2022-01-15 23:18:06

    일단 vue.js 를 공부하시면 다 알게 됩니다. jsp + jquery 조합에서 ajax를 필요에 따라 쓸 수 있지만, vue는 모든 것이 전부 ajax 라 보면 됩니다. 화면단 바꿔서 해결될 문제가 아니고, 백단도 상당히 고쳐야 될 가능성이 크죠.

  • 프레드윰
    1k
    2022-01-16 00:15:31

    restful api를 만들어서 해보세요 vue에선 exios로 구현해서 뿌려주면되구요

    저는 초기때 설정에서 자주 막혀서.. 힘들었어요 초기 설정 중요해요

  • 제타건담
    8k
    2022-01-16 15:24:05

    그냥 이렇게 보시면 됩니다..

    백엔드는 json으로 데이터만 준다고 보시면 됩니다..

    Spring 에서 보면 Controller 에서 페이지에서 보여줄 데이터를 Model 에 넣은뒤 어떤 jsp 페이지를 띄우라고 return 해 주지만..

    이제는 그런게 아니라..데이터만 json 형태로 return 해주면 됩니다..

    그리고 서버에서 처리하고 응답하는 형태를 json 으로 return 해줘야 합니다..(반드시 까지는 아니지만 json 이 가장 좋아요..)

    왜냐면 페이지가 jsp가 아닌 일반 html 을 사용할것이기 때문에 서버에게 어떤 처리를 해달라고 요청하면 그 결과로 데이터를 json 형태로 받는 문제가 생겨서 에러가 발생하면 그것도 json 으로 던져줘야 요청한 html 페이지에서 서버에서 내려준 json 데이터를 가지고 작업할 수 있기 때문이죠..

    즉 서버에서는 데이터만 주기 때문에 작업의 성공 실패 또한 일종의 데이터로 다뤄서 내려줍니다..그래서 그걸 html 이 받아 그거에 따라 화면을 구성하든 화면을 이동하든 하는 겁니다.. 

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