🔥 Related Issues

close #6

🍀 작업 내용

• 나무 개수에 따른 pagination
• 현재 page에 따른 버튼 활성화/비활성화
• 전체 페이지 구조화 및 스타일링
• 휴대폰 내에서의 반응형 스타일링

🌈 PR Point

• pagination을 서버에서 받아오지 않길래 프론트에서 구현하기 위해 2차원 배열을 사용했는데 코드에서 사용해 보는 경험이 처음이라
  사용여부나 2차원 배열을 생성하는 함수에 대한 코드 리뷰가 있었으면 좋겠습니다!
• pagination 구현이 처음이라 이 부분에서 어색한 부분이 있으면
• 구현 대상인 휴대폰 기종이 사전에 결정되지 않아서 라벨이나 여백을 휴대폰 기종에 맞추어 작업하는 작업은 너무 리소스가 많이 들 것 같아 진행하지 않았고, 추후 이 사안에 대해서 논의가 되면 그에 맞춰서 반응형 작업을 진행하겠습니다. 현재는 iPhone SE 기종을 지원하는 가장 작은 기종으로 생각하고 이에 맞춰서 여백을 줄여둔 상태입니다. iPhone SE에서는 내용이 화면을 굉장히 꽉 채우고, 다른 기종에서는 가운데에 내용이 몰려서 보이고 사이드 여백이 큰 편입니다.

😡 Trouble Shooting

👀 스크린샷 / GIF / 링크

📚 Reference

• 타입스크립트에서 styled-components 사용하기
  https://velog.io/@altjsvnf/TS-TypeScript%EC%97%90%EC%84%9C-Styled-component-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0