fix : apply feadback with test cases and htnl structure

src/components/leaderboard/leaderboard.test.tsx

@@ -19,6 +19,12 @@ describe("<Leaderboard/>", () => {
     ),
   );
 
+  it("renders the members list section", () => {
+    expect(
+      screen.getByRole("region", { name: /members list/i }),
+    ).toBeInTheDocument();
+  });
+
   it("renders the title", () => {
     const heading = screen.getByRole("heading", { level: 1 });
     expect(heading).toHaveTextContent("Leaderboard");
@@ -41,7 +47,7 @@ describe("<Leaderboard/>", () => {
     members.forEach((member, index) => {
       const memberItem = memberItems[index];
       expect(memberItem).toHaveTextContent(`등급: ${member.rank}`);
-      expect(memberItem).toHaveTextContent(`푼 문제: ${member.solved}`);
+      expect(memberItem).toHaveTextContent(`진행 상황: ${member.solved}`);
     });
   });
 

src/components/leaderboard/leaderboard.tsx

@@ -9,7 +9,7 @@ export default function Leaderboard() {
   ];
 
   return (
-    <main>
+    <div>
       <h1>Leaderboard</h1>
 
       <section aria-labelledby="leaderboard">
@@ -18,7 +18,7 @@ export default function Leaderboard() {
           {members.map((member) => (
             <li key={member.name} style={{ marginBottom: "20px" }}>
               <div>등급: {member.rank}</div>
-              <div>푼 문제: {member.solved}</div>
+              <div>진행 상황: {member.solved}</div>
               <div>
                 <a href={`/progress?member=${member.name}`}>
                   <button>풀이 보기</button>
@@ -31,6 +31,6 @@ export default function Leaderboard() {
           ))}
         </ul>
       </section>
-    </main>
+    </div>
   );
 }