메인페이지 > 하단 상품 리스트 영역
- 카테고리
- 카테고리 리스트를 가로로 보여준다. 리스트가 많을 경우 가로 스크롤이 생긴다. 기본은 "전체"카테고리가 됨
- 해당 카테고리를 누르면
- 선택된 카테고리가 선택된다('active' class을 사용)
- 하단에 카테고리에 해당하는 공연 정보가 변경된다.
- 페이지 이동 없다.
- 더보기
- 더보기을 클릭 시
- 현재 보여지는 공연 정보에 새로운 공연 정보가 10개 추가된다.
- 페이지 이동 없다.
- 더보기을 클릭 시
- eq, get의 차이
- on의 사용
- 이벤트 객체의 이해
- data의 사용과 prop/attr와의 차이
- append/prepend/before/after와 html의 이해와 차이
- class을 조작하는 방법
- event delegation의 이해 (온라인)
- mysql 의 limit 키워드를 이용하는 방법
- 특정 위치를 기준으로 원하는 개수를 가지고 오도록 rest api에 파라미터를 알맞게 전달하기
- 파라미터 값이 없을 때 기본값 처리하기
- 더 보기를 누르지 않고, scroll을 아래로 내려도 자동으로 10개가 추가된다.