tab ui1 Tab UI 구현하기 Tab UI 형태 위의 사진처럼 상단에 카테고리가 출력되고 카테고리 클릭시 하단의 내용이 변경되는 형태가 Tab UI 입니다. 전체 페이지가 로드되는것이 아닌, 카테고리 하단의 내용부분만 변경되는 형태를 가지고 있습니다. 이와 유사하지만 간단한 Tab UI를 구현해 보겠습니다. Tab UI 구현하기 구현 요구사항 - Tab 메뉴를 누르면 Ajax를 통해서 데이터를 가져온 후, 그 내용이 화면에 노출됩니다. - 다른 Tab 메뉴를 누르면 역시 동일하게 Ajax를 통해서 데이터를 가져온 후 그 내용이 화면에 노출됩니다. - 화면에 노출하기 위해서는 HTML 코드를 가져오고, 서버에서 받은 데이터를 HTML Templating 작업을 해야 합니다. - 화면에 추가하기 위해서 DOM API를 사용합니다. - c.. 2019. 8. 11. 이전 1 다음