feat: mockup 데이터 생성 + 메인 페이지 서치바 컴포넌트 구현

.gitignore

@@ -21,3 +21,6 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+# api
+api_key.json

db.json

@@ -0,0 +1,89 @@
+{
+  "search": {
+    "page": 1,
+    "results": [
+      {
+        "adult": false,
+        "backdrop_path": "/hiKmpZMGZsrkA3cdce8a7Dpos1j.jpg",
+        "genre_ids": [35, 53, 18],
+        "id": 496243,
+        "original_language": "ko",
+        "original_title": "기생충",
+        "overview": "전원 백수로 살 길 막막하지만 사이는 좋은 기택 가족. 장남 기우에게 명문대생 친구가 연결시켜 준 고액 과외 자리는 모처럼 싹튼 고정수입의 희망이다. 온 가족의 도움과 기대 속에 박 사장 집으로 향하는 기우. 글로벌 IT기업의 CEO인 박 사장의 저택에 도착하자 젊고 아름다운 사모님 연교와 가정부 문광이 기우를 맞이한다. 큰 문제 없이 박 사장의 딸 다혜의 과외를 시작한 기우. 그러나 이렇게 시작된 두 가족의 만남 뒤로, 걷잡을 수 없는 사건이 기다리고  있는데.....",
+        "popularity": 78.578,
+        "poster_path": "/jjHccoFjbqlfr4VGLVLT7yek0Xn.jpg",
+        "release_date": "2019-05-30",
+        "title": "기생충",
+        "video": false,
+        "vote_average": 8.515,
+        "vote_count": 16250
+      },
+      {
+        "adult": false,
+        "backdrop_path": "/d2DiNOzhgL36cr9Fm6xjjMuDxyu.jpg",
+        "genre_ids": [28],
+        "id": 523077,
+        "original_language": "en",
+        "original_title": "Running with the Devil",
+        "overview": "캐나다 벤쿠버에서 대기업을 운영하고 있는 ‘회장’은 남미에서 제조한 마약을 밀반입해 불법으로 유통시켜 짭짤한 부수입을 올리고 있다. 어느 날, 1Kg 당 20g의 마약이 사라지고 있다는 사실을 확인한 그는 오랫동안 자신의 밑에서 마약유통을 책임져 온 ‘요리사’에게 유통경로의 문제점을 파악하라고 지시한다. 이에 ‘요리사’는 이를 확인하기 위해 콜롬비아로 향하는데...",
+        "popularity": 14.946,
+        "poster_path": "/9imivrXa2EPW1WfnIGgN7oZtyoA.jpg",
+        "release_date": "2019-08-29",
+        "title": "마약기생충",
+        "video": false,
+        "vote_average": 5.407,
+        "vote_count": 253
+      },
+      {
+        "adult": false,
+        "backdrop_path": "/xVpb8QB426LP9YYHyevKMw9Y3uQ.jpg",
+        "genre_ids": [18],
+        "id": 709589,
+        "original_language": "ja",
+        "original_title": "恋する寄生虫",
+        "overview": "운명이나 우연인가, 아니면 벌레의 소행인가 .지금까지 맛본적이 없는 듯한 이색 러브 스토리. 극도의 결벽증으로 사람과 엮이지 못하며 살아온 청년 타카사가 켄코. 그는 어느 날 낯선 남자에게 부탁을 받는다. 기생충을 좋아하고 시선 공포증에 등교를 거부하는 고교생 히지리의 친구가 되어 그녀를 돌봐달라는 기묘한 의뢰. 그리고 외로운 두 사람은 곧 끌려 서로 사랑에 빠져가지만...",
+        "popularity": 3.717,
+        "poster_path": "/xIgn5FVoUTZL9nnfz15wN9ugj5h.jpg",
+        "release_date": "2021-11-12",
+        "title": "사랑하는 기생충",
+        "video": false,
+        "vote_average": 6.545,
+        "vote_count": 11
+      },
+      {
+        "adult": false,
+        "backdrop_path": null,
+        "genre_ids": [53, 35],
+        "id": 1043106,
+        "original_language": "ko",
+        "original_title": "기생충 Challenge 더블업 우주소녀",
+        "overview": "The parasite house is always peaceful. But in its attic are 10 parasites living in secret... Suddenly! They receive a mission in morse code. They must collect five Stones and escape the house! Will WJSN be able to succeed?",
+        "popularity": 0.6,
+        "poster_path": "/q8Zu3HqkrpxJcmatpiBDYHT71X0.jpg",
+        "release_date": "2022-10-06",
+        "title": "기생충 Challenge 더블업 우주소녀",
+        "video": false,
+        "vote_average": 10,
+        "vote_count": 1
+      },
+      {
+        "adult": false,
+        "backdrop_path": "/5qVLF9WTdBDA08fsZ9H5clJ6umI.jpg",
+        "genre_ids": [27, 878],
+        "id": 48311,
+        "original_language": "en",
+        "original_title": "Parasite",
+        "overview": "핵전쟁으로 인해 환경파괴와 물자부족으로 시달리는 21세기. 머천트라는 거대한 조직이 정부에 커다란 힘을 발휘하고 있는 가운데 기생충 병리학박사인 폴 딘은 기생충을 유전적으로 가공하는 연구를 하던 도중 머천트조직이 그것을 이용해 나쁜 음모를 꾸미려하자 그것을 갖고 도망쳐 외딴 시골인 조슈아로 온다. 그러나 폴도 연구도중 기생충이 뱃속으로 들어가게 되 생사의 위험에 빠진 상태였다. 조슈아에 온 폴 딘은 치료방법을 찾으려고 하는데...",
+        "popularity": 8.145,
+        "poster_path": "/6EM7Jm3veKSW9ELMajSSxslYWDa.jpg",
+        "release_date": "1982-03-12",
+        "title": "패러사이트",
+        "video": false,
+        "vote_average": 4.8,
+        "vote_count": 49
+      }
+    ],
+    "total_pages": 1,
+    "total_results": 5
+  }
+}