CSS

FRONT/JavaScript

[JS] vanilla js로 Pagination 구현하기

🤔 Pagination? 페이지네이션이란 콘텐츠를 여러 페이지고 나누고, 이전 혹은 다음 페이지로 넘어가거나 특정 페이지로 넘어갈 수 있는 일련의 링크를 페이지 상단이나 하단에 배치하는 방법입니다. ✅ 필요한 Pagination 조건 게시판을 더 쉽게 볼 수 있고 사용자의 접근성을 높일 수 있게 Pagnation을 적용하기로 했습니다.💪 Pagination을 구상하면서 필요한 요구 조건들은 총 네 가지입니다. 1 한 페이지에 페이지 링크는 10개로 보여준다. 2 한 페이지에 20개씩 게시물을 보여준다. 3 이전, 다음 버튼이 존재한다. 4 처음으로, 마지막으로 버튼이 존재한다. 👩‍💻 JS로 Pagination 개발 [1. 한 페이지에 페이지 링크는 10개로 보여준다.] total : 462 1 ... ..

FRONT

[FRONT] 브라우저는 어떻게 동작할까?

브라우저 종류 인터넷 익스플로러 파이어폭스(오픈소스) 사파리(부분적 오픈소스) 크롬(오픈소스) 오페라 → 오픈소스 브라우저가 시장의 상당 부분 차지합니다 브라우저의 주요 기능 사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시 자원 : HTML 문서, PDF, 이미지 , 또 다른 형태 자원의 주소 : URI(Uniform Resource Identifier) W3C(World Wide Web Consortium) 브라우저는 HTML과 CSS 명세에 따라 HTML 파일 해석해 표시 → 명세는 웹 표준화 기구인 W3C에서 정함!(최근 대부분의 브라우저가 표준 명세 따른다) 브라우저의 기본 구조 사용자 인터페이스 주소 표시줄, 이전/다음버튼, 북마크 메뉴 등 요청한 페이지를 보여주는 창을 제외한 나머지 모..

eunoia07
'CSS' 태그의 글 목록