Ho Jung

  • 홈
  • 태그
  • 방명록
  • FrontEnd
    HTML CSS JavaScript React
  • BackEnd
    Java Spring MySQL
  • CodingTest
    Programmers

FrontEnd/JavaScript 2

[JavaSript]토글 기능 추가하기

Toggle(토글)이란?  토글은 두 가지 상태 또는 옵션 사이를 전환할 수 있는 기능 또는 기능을 말합니다. 일반적으로 기술, 컴퓨팅, 프로그래밍 및 통신 분야에서 사용자에게 서로 다른 설정이나 모드를 전환할 수 있는 방법을 제공하기 위해 사용됩니다. ▶ 아이콘 클릭 시 세부 내용이 보일 수 있도록 구현할 예정 [html]  ▶ 자주 묻는 질문 견뎌야 합니다 ㅎㅎㅎ 수정하기 삭제하기  ▶클릭 후 보일 내용은 display:none으로 보이지 않게 설정 [js] document.querySelectorAll(".faq-item .question-r..

FrontEnd/JavaScript 2024.11.14

[JavaScript]Pagination 구현하기

Pagination이란? 페이지네이션은 콘텐츠를 여러 페이지로 나누어 다음 또는 이전 페이지로 이동하거나 특정 페이지로 이동할 수 있는 요소리스트가 많아 한 화면에 과도한 스크롤 발생이 예상되는 경우 적용 [html]   [js]1. 페이지 항목 수 설정 및 요소 가져오기// 한 페이지에 표시할 항목 수 설정const itemsPerPage = 4;// 현재 페이지를 추적하는 변수 초기화let currentPage = 1;// 콘텐츠 카드가 담긴 컨테이너 요소 선택const contentGrid = document.getElementById("contentGrid");// 페이지네이션 버튼이 표시될 컨테이너 요소..

FrontEnd/JavaScript 2024.11.13
이전
1
다음
더보기

Copyright © AXZ Corp. All rights reserved.

티스토리툴바