[포트폴리오 페이지]_2단계 TAB구성_ feat(Spring)

목표] 기본적인 tab의 구성은 포스트 참조 https://yn971106.tistory.com/61 [TAB 구현 심화_3]_Spring에서 tab 구현해보기 (feat 메모리 저장) 목표] 위와 같이 동작하면서 닫고 새로 열기 전까지는 파일을 로드하거나 통신하지 않도록 하였습니다.] 코드 & 설명] 각각의 메뉴버튼에 리스너를 달아줍니다. openCheck 함수와 createTemplate 함수를 yn971106.tistory.com 위의 포스팅과 다른점은 1. _history 탭 객체 안에 id를 부여하여 id를 기준으로 activate 된 tab을 찾아 css 속성을 적용시킨 것 2. 클래스 (css) 를 동적으로 부여한 점 이 되겠습니다. 해당 코드만 보겠습니다. 1. 클릭시 적용되는 css 부분..

2022.03.02