html class추가 + 게시판 출력 (최신 / 인기있는)

Question

이런식으로 게시글을 불러올생각입니다

최신
인기있는

class="on"을 넣으면 css를 통해 체크모양과 글씨가 진하게 바뀝니다.변수.removeClass(뭐시기)변수.addClass(뭐시기)클래스 삭제와 추가는 알고있지만 적용하기가 힘드네요게시물은 ajax가 아니라 현 페이지에서 바로 php mysql를 이용하여 출력해줬습니다.인기있는 a태그를 눌렀을때 class="on"이 바뀌고 게시물의 sql문도 바꿔줘야하는데 어떻게 입력해야할까요?

쭈압 · Answer

방법이야 많습니다.1. 미리 출력 해 둔 리스트를 latest와 popular로 나눠서 div에 분할 할당해둔 후 최신/인기있는 버튼을 누를 때 마다 해당하는 div만 보여지게 한다.2. 최신/인기있는 버튼을 누를 때 마다 ajax로 리스트를 출력해서 보여준다.3. 2번과 같지만 ajax로 통신 할 때 이미 호출한 것을 제외한 최신글을 불러와서 append 해준다.등 여러가지 방법이 있습니다.(찾아보면 훨씬 더 많아요) 이런 방법을 원하시는건지 아니면 실제로 어떻게 해야 버튼을 클릭할 때 보여주고 싶은 게시글 리스트들을 보여주는 방법을 알고싶으신건지 잘 모르겠습니다.

chro · Answer

오른쪽 상단에 보시면 이미지보기와 리스트보기도 이미 만들어놔서 show hide로 쭈압님께서 말씀하신 1번방식을 사용중입니다 근데 최신/인기있는에서도 이런 방법을 써버리면 한페이지 안에 최신-이미지 / 인기있는-이미지 / 최신-리스트 / 인기있는-리스트 이렇게 네 종류의 게시글들을 미리 다 불러다놓고 show hide로 보여주어야하는데 너무 지저분해지지않을까 해서 사용하지않고있었습니다. ㅠㅠajax를 쓰기엔 고쳐야할게 너무많네요

쭈압 · Answer

그래서 보통 요즘은 ajax를 이용하는 추세구요show type을 설정하는데에는 보통 같은 데이터를 여러번 사용하지 않고한 번 출력 한 후에 css로 컨트롤 합니다.지금 당장 출시해야 할 서비스가 아니면 시간이 조금 걸리더라도 ajax로 해보시는게 어떨까요? 마찬가지로 show type에 대해서도 중복 데이터가 아닌 css처리로 하시구요.

chro · Answer

답변 감사합니다 전에도 쭈압님이 답변해주셨는데 항상 도움만 받네요

html class추가 + 게시판 출력 (최신 / 인기있는)

4개의 답변

Q&A 목록