jsp와 리액트 개념을 잡고싶습니다

Question

현재 회사에서 하고있는 방식이jsp 파일이 있고 여기에 html과 자바스크립트 그리고 <% %>안쪽에 자바소스가 들어있고요java 파일을 import 해서 거기에 있는 class들을 불러와서 사용하고 있습니다혹시 이런 방식을 부르는 명칭이 있을까요? 지금 하고있는 방식부터 명확하게 알아야 할것 같아서요...여기서 프론트를 리액트로 변경을 하게되면 jsp처럼 자바 class(서버단)를 사용하지 못할텐데그러면 db로부터 받아와야 데이터는 리액트를 위한 api 서버를 따로 만들고ajax를 통해서 받아오는 방식으로 변경이 되는걸까요?또 dao, dto 관련 class 외에도 데이터 암호화라던가 날짜계산같은걸 담당하는 class 들도 있는데이것들은 리액트에서 다른방식으로 구현을 해야하는게 맞을까요?전체적인 개념을 잡고있는데 조언 부탁드립니다!

밖엔비가와요 · Answer

JSP 안에서 <% %> 안에 자바소스를 넣어서 사용하는걸 '스크립틀릿' 이라고 합니다. https://docs.oracle.com/javaee/5/tutorial/doc/bnaou.htmlAPI 서버를 따로 만드셔도 되고, 기존서버에서 데이터를 model에 담아서 넘기는게 아닌, response body에 담아서 넘기는 API만 새로 만들어서 사용하셔도 됩니다.데이터 암호화, 날짜 계산 등 데이터 가공은 프론트에서 하셔도 되고 백단에서 하셔도 되는데, 앞단에선 데이터 조작이 쉬우니 어떻게 할지 팀 혹은 내부적으로 잘 고민해보셔서 결정하시면 될 것 같습니다!

ISA · Answer

템플릿엔진그건 구현하기 나름입니다. 다만 엔드포인트에서의 포맷이 변해도 보통 그 로직까지 달라지진 않습니다

HJOW · Answer

설명을 드리면class (자바 소스)는 서버단 실행코드라는 걸 아는데jsp는 서버단 실행코드라고 생각을 왜 안하실까요...jsp도 엄연히 서버에서 실행되는 코드입니다. 실행 결과물을 HTML로 만들 뿐클라이언트의 브라우저는 응답을 HTML로 받습니다. 주소만 jsp가 붙어있을 뿐 HTML을 받았다고 인식하고 출력합니다. 그 안에 자바스크립트가 있으면 실행하구요.그래서 서버 사이드 소스 그대로 두고 react 사용하는 것도 가능하고아예 jsp 소스에다 react를 사용하는 것도 가능합니다.근데 jsp의 주요 기능들 (JSTL, EL) 을 요새는 잘 안쓰는 추세일 뿐입니다.그래서 웹페이지 소스만 HTML, JS 를 사용합니다.보통 이렇게 합니다.서버 단 소스는 거의 그대로 쓰되 모델을 리턴하지 않습니다.대신 JSON 으로 만들어 응답합니다.이렇게 되면 자바스크립트에서 ajax든 fetch든 form submit이든원하는걸 이용해 서버의 컨트롤러가 호출되게 만들 수 있습니다.(실제로는 매개변수를 싣어서 요청을 서버로 전송을 하게 됩니다.)서버에서는 비즈니스 로직(실제 업무쪽)을 처리한 후 JSON을 만들어 응답합니다.과거에는 HttpServletResponse 객체에서 OutputStream 을 받아서 그걸로 응답했으나스프링 쓰실테니...그렇게 응답을 한다는 건그 JSON 데이터가 다시 클라이언트의 웹브라우저로 돌아간다는 겁니다.자바스크립트로 그걸 받을수가 있죠.나머지는 react 써서 화면에 출력하든 뭘 하든 하면 되죠.그리고서버 소스를 react 에서 다른방식으로 구현한다고 하셨는데 (데이터 암호화까지)그러면 절대로 안됩니다.react 예제 하나 보고 말씀하시는거 같은데 그거 전부 react 소스인 건 아닙니다. 서버 사이드 소스가 일부 포함된 예제인데 서버를 node.js껄 쓴겁니다.

kiel · Answer

JSP 에서 DB 연동, 비즈니스 로직까지 처리한다면 모델1 방식으로 보입니다.Servlet 과 분리되어 JSP는 View 만 담당한다면 모델2 방식이고요.https://hsp1116.tistory.com/9

jsp와 리액트 개념을 잡고싶습니다

4개의 답변

Q&A 목록