#59 [style]: 프리티어 적용

src/components/ReactionCount.jsx

@@ -6,39 +6,39 @@ import commentIcon from '../assets/icons/Comment.png';
 // 더미 포스트 데이터
 const dummyPosts = [
   {
-    _id: "post-1",
+    _id: 'post-1',
     likes: Array.from({ length: 10 }), // 10명의 사용자가 좋아요를 누른 것으로 가정
     comments: Array.from({ length: 5 }, (_, i) => `Comment ${i + 1}`), // 5개의 댓글
-    title: "첫 번째 게시물",
-    author: { fullName: "사용자 1" },
+    title: '첫 번째 게시물',
+    author: { fullName: '사용자 1' },
   },
   {
-    _id: "post-2",
+    _id: 'post-2',
     likes: Array.from({ length: 23 }), // 23개의 좋아요
     comments: Array.from({ length: 8 }, (_, i) => `Comment ${i + 1}`), // 8개의 댓글
-    title: "두 번째 게시물",
-    author: { fullName: "사용자 2" },
+    title: '두 번째 게시물',
+    author: { fullName: '사용자 2' },
   },
   {
-    _id: "post-3",
+    _id: 'post-3',
     likes: Array.from({ length: 15 }), // 15개의 좋아요
     comments: Array.from({ length: 3 }, (_, i) => `Comment ${i + 1}`), // 3개의 댓글
-    title: "세 번째 게시물",
-    author: { fullName: "사용자 3" },
+    title: '세 번째 게시물',
+    author: { fullName: '사용자 3' },
   },
   {
-    _id: "post-4",
+    _id: 'post-4',
     likes: Array.from({ length: 50 }), // 50개의 좋아요
     comments: Array.from({ length: 12 }, (_, i) => `Comment ${i + 1}`), // 12개의 댓글
-    title: "네 번째 게시물",
-    author: { fullName: "사용자 4" },
+    title: '네 번째 게시물',
+    author: { fullName: '사용자 4' },
   },
   {
-    _id: "post-5",
+    _id: 'post-5',
     likes: Array.from({ length: 30 }), // 30개의 좋아요
     comments: Array.from({ length: 9 }, (_, i) => `Comment ${i + 1}`), // 9개의 댓글
-    title: "다섯 번째 게시물",
-    author: { fullName: "사용자 5" },
+    title: '다섯 번째 게시물',
+    author: { fullName: '사용자 5' },
   },
 ];
 
@@ -93,7 +93,7 @@ const App = () => {
   const [postIds, setPostIds] = useState([]);
 
   useEffect(() => {
-    const ids = ["post-1", "post-2", "post-3", "post-4", "post-5"];
+    const ids = ['post-1', 'post-2', 'post-3', 'post-4', 'post-5'];
     setPostIds(ids); // 더미 데이터에 해당하는 ID로 설정
   }, []);
 
@@ -159,4 +159,3 @@ const UserList = styled.div`
   flex-direction: column;
   align-items: center;
 `;
-