kwak-bs/wanted_hayanmind

https://kwak-bs.github.io/wanted_hayanmind/

---

🚀Blog 포스팅 보러가기.

---

📌 프로젝트 소개

프리온보딩 코스 Hayanmind 기업 과제

❕ 무한 스크롤 구현하기❗

📚 과제 요구사항 보기

1. Implement the user's comment data list with infinite scrolling by getting more 10 comments repeatedly.

2. Data API

   - The user's dummy comment data can be called through the API below.

   		- https://jsonplaceholder.typicode.com/comments

   - The following parameters are supported:

     	- _page

       		- it starts at 1.

        - _limit

       		- Please set the `_limit` parameter to 10.

   - Example of the first comment page

     	- https://jsonplaceholder.typicode.com/comments?_page=1&_limit=10

   - Sample data

   [
     {
       "postId": 1,
       "id": 1,
       "name": "id labore ex et quam laborum",
       "email": "Eliseo@gardner.biz",
       "body": "laudantium enim quasi est quidem magnam voluptate ipsam eos\\ntempora quo necessitatibus\\ndolor quam autem quasi\\nreiciendis et nam sapiente accusantium"
     }, 
   ]
   

3. You can use id as comment id, email as user's email and body as comment text

4. Please look at the following design guide link and reflect the design.

- https://www.figma.com/file/T9P3B5qjnTqhWi1Ou5BmIL/HayanMind-FrontEnd-TA

5. You don't have to make it into a responsive design.

6. You don't have to specify a font for the text.

📽 시연 영상

👨‍💻 실행 방법

설치

yarn install

실행

yarn start

⚙ 사용 라이브러리 && API

IntersectionObserver API

• 이번 무한 스크롤링을 구현하기 위해 사용한 API입니다.