메뉴 클릭 시 새탭 생성(동적탭)이 프레임워크없이 가능할까요?

Question

메뉴에서 탭을 누르면 오른쪽이 탭이 생성되는 방식입니다. 원하는 템플릿을 찾았고 적용을 하려는데 막히는 부분이 있습니다.JSP로 작업을 해보려고 했는데 페이지가 뿌려지는 부분만 변경을 할 수가 없더라고요.찾아보니 SPA 방식으로 처리가 되어야 할 거 같던데 vue나 react 프레임워크를 사용해야하는 것으로 보였습니다.직접 구현하는건 제 실력에서는 무리가 될 거 같고요.혹시 JAVA, JSP, SPRING 만 사용해서 처리할 수 있는 방법이 있을까요?간단한 내용을 뿌리는게 아니라 작성해둔 페이지를 보여줘서 조회도 하고 입력도 하는 걸 하고 싶습니다.예시)tab1: 주소 조회 화면tab2: 날씨 조회 화면tab3: 지도 조회 화면샘플 사이트: https://www.cssscript.com/demo/dynamic-tabs-live-data/

Clickin · Accepted Answer

컨트롤러 처리 이런 게 아니라 자바스크립트로 하셔야죠자바스크립트로 createElement 사용해서 버튼을 스크립트상에서 만드시고 탭 옆에다가 addChild 하면 됩니다.

ykd · Answer

프레임워크든 템플릿엔진이든 결국 js로서 해삭되어 동작합니다.그러기에 가능합니다.

O-h-y-o · Answer

리액트건, 뷰건 상관없습니다.어떤 특정 부분을 변경하려고 하시는건지요.?

메뉴 클릭 시 새탭 생성(동적탭)이 프레임워크없이 가능할까요?

3개의 답변

#tabs 목록