[2021-05-27] JSON과 파라미터로 타입이 다른 2개의 화면 표출

목표

1. JSON으로 데이터를 불러와서 더보기 버튼을 누를 때마다 6개씩 표출

2. 한 html 페이지로 2가지 형식의 리스트를 표출하기

 

 

요즘 업무가 줄기도 했고, 관심있는 분야라서 처리해 보았습니다.

1. 데이터가 들어갈 템플릿 마크업을 만들고 그 마크업을 복사해서 데이터를 넣은 다음 .append() 시키는 방식을 사용했습니다.

2. 한 html로 2가지 리스트를 표출하는 것은 탭으로도 가능하겠지만, 이번에는 주소에 파라미터를 넣는 방식으로 구성해보았습니다. 주소 뒤에 ?box, ?list 가 있으면 상단 클래스를 변경해줘서 전체 스타일이 영향을 받을 수 있도록 했습니다.