chore: help page dashboard, solve section image modify

src/pages/customerservice/CustomerService.module.scss

@@ -1,7 +1,7 @@
 .container {
   width: 100%;
   min-height: 100vh;
-  background-image: url('https://d2ab13l3eziju4.cloudfront.net/frontend/cs1.png');
+  background-image: url('https://d32dzhpi5hq0mf.cloudfront.net/csbg.webp');
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;

src/pages/help/constants/dashboard.ts

@@ -9,26 +9,28 @@ export const dashboard: HelpCategory = {
       title: '오늘의 추천 문제',
       description:
         '대시보드 상단에는 오늘 복습하면 좋을 문제 목록이 자동으로 표시됩니다. 이 목록은 무작위가 아니라, 지금까지의 풀이 기록을 바탕으로 계산됩니다. 모든 문제에는 0부터 3까지의 레벨이 자동으로 붙으며, 정답을 맞히면 레벨이 1 올라가고(최대 3) 틀리면 1 내려갑니다(최소 0). 레벨에 따라 다음 추천 시점이 달라지는데, 레벨 0인 문제는 1일 후, 레벨 1은 2일 후, 레벨 2는 3일 후, 레벨 3은 4일 후에 다시 추천됩니다. 즉, 자주 틀리는 문제는 레벨이 낮게 유지되어 거의 매일 나타나고, 계속 맞히는 문제는 간격이 점점 벌어집니다. 이 방식은 기억이 흐릿해질 타이밍에 딱 맞춰 복습하게 해주는 학습 원리로, 별도로 오답 노트를 만들거나 복습 일정을 직접 짜지 않아도 앱이 자동으로 필요한 문제를 추천해줍니다. 추천 목록에서 문제를 클릭하면 바로 풀이를 시작할 수 있습니다.',
-      imageUrl: 'https://d2ab13l3eziju4.cloudfront.net/frontend/대시보드.png',
+      imageUrl: 'https://d32dzhpi5hq0mf.cloudfront.net/recommend.webp',
     },
     {
       id: 'dashboard-stats',
       title: '오늘의 학습 통계',
       description:
         '대시보드 중앙에는 오늘 하루 학습 현황을 요약한 통계 카드 3개가 표시됩니다. 첫 번째 카드는 오늘 풀이를 완료한 문제의 총 개수, 두 번째 카드는 그중 정답을 맞힌 문제의 개수, 세 번째 카드는 전체 등록된 문제 중 한 번이라도 풀어본 문제의 비율(학습 진도율)을 보여줍니다. 학습 진도율이 낮다면 아직 한 번도 풀어보지 않은 문제가 많다는 뜻입니다. 오늘의 추천 문제만 반복하다 보면 익숙한 문제만 풀게 될 수 있으니, 진도율이 낮을 때는 새로운 문제도 의식적으로 섞어서 풀어보세요.',
+      imageUrl: 'https://d32dzhpi5hq0mf.cloudfront.net/dashboard.webp',
     },
     {
       id: 'dashboard-chart',
       title: '정답률 그래프',
       description:
         '최근 풀이 기록을 바탕으로 정답률 변화 추이 차트가 표시됩니다. 하루하루 정답률이 어떻게 변해왔는지 시각적으로 확인할 수 있어서, 지금 학습이 제대로 되고 있는지 직관적으로 파악하기 좋습니다. 그래프의 데이터 포인트 위에 마우스를 올리면 해당 날짜의 상세 정보가 표시되고, 어제 대비 정답률 변화도 수치로 함께 볼 수 있습니다. 그래프가 전반적으로 우상향하고 있다면 꾸준히 실력이 늘고 있다는 신호입니다. 단기적으로 정답률이 떨어지는 날이 있어도 걱정하지 마세요. 새로운 문제를 많이 추가하거나 어려운 문제를 집중적으로 풀면 일시적으로 낮아질 수 있습니다. 전체적인 추세를 보는 것이 중요합니다.',
+      imageUrl: 'https://d32dzhpi5hq0mf.cloudfront.net/rate.webp',
     },
     {
       id: 'dashboard-history',
       title: '학습 히스토리',
       description:
         '지금까지의 모든 풀이 기록을 리스트 또는 달력 형태로 조회할 수 있습니다. 오른쪽 상단의 전환 버튼으로 언제든지 보기 방식을 바꿀 수 있습니다. 리스트 보기에서는 최근 7일간의 학습 기록이 날짜별로 나열되어, 각 날짜마다 그날 풀었던 문제 수와 정답률을 빠르게 훑어볼 수 있습니다. 달력 보기에서는 한 달 단위로 학습한 날짜를 시각적으로 확인할 수 있어, 공부한 날과 쉰 날이 한눈에 보입니다. 특정 날짜를 클릭하면 그날 풀었던 문제 목록과 결과를 다시 확인할 수 있습니다. 학습 기록은 풀이를 마치는 순간 자동으로 저장되므로 따로 저장 버튼을 누를 필요가 없습니다.',
-      imageUrl: 'https://d2ab13l3eziju4.cloudfront.net/frontend/대시보드.png',
+      imageUrl: 'https://d32dzhpi5hq0mf.cloudfront.net/history.webp',
     },
   ],
 };

src/pages/help/constants/solving.ts

@@ -9,39 +9,42 @@ export const solving: HelpCategory = {
       title: '시험 모드 & 카드 모드',
       description:
         '문제풀러가기 버튼을 누르면 풀이 설정 화면이 열립니다. 여기서 이번 풀이에 사용할 모드를 선택할 수 있습니다. 시험 모드는 한 문제씩 순서대로 풀고 마지막에 제출해 결과를 한꺼번에 확인하는 방식으로, 실제 시험과 가장 비슷한 환경입니다. 카드 모드는 플래시카드 방식으로 한 장씩 넘기며 학습하는 모드로, 정답을 바로 보는 것이 아니라 스스로 생각해본 뒤 확인하는 방식이라 기억에 더 효과적입니다. 시험 전날 빠르게 전체를 훑거나 외워야 할 개념을 반복해서 익힐 때 잘 맞습니다.',
-      imageUrl: 'https://d2ab13l3eziju4.cloudfront.net/frontend/모의시험.png',
+      imageUrl: 'https://d32dzhpi5hq0mf.cloudfront.net/cardexam.webp',
     },
     {
       id: 'solving-options',
       title: '태그 선택 & 셔플 옵션',
       description:
         '풀이 설정 화면에서 이번에 풀 문제의 태그를 선택할 수 있습니다. 태그를 하나만 선택하면 그 태그가 붙어있는 문제만 나오고, 여러 태그를 동시에 선택하면 선택한 태그 중 하나라도 가진 문제가 모두 포함됩니다. 이를 통해 오늘은 특정 챕터만, 또는 취약한 주제만 집중해서 연습하는 것이 가능합니다. 셔플 옵션도 함께 설정할 수 있는데, 문제 순서 셔플을 켜면 출제 순서가 무작위로 바뀌어 문제 번호로 정답을 외우는 것을 방지하고, 선택지 셔플을 켜면 객관식 선택지의 순서가 무작위로 바뀌어 번호 암기를 막습니다. 두 옵션을 모두 켜두면 같은 문제를 여러 번 풀어도 매번 다른 느낌으로 학습할 수 있습니다.',
-      imageUrl: 'https://d2ab13l3eziju4.cloudfront.net/frontend/모의시험.png',
+      imageUrl: 'https://d32dzhpi5hq0mf.cloudfront.net/select.webp',
     },
     {
       id: 'solving-timer',
       title: '타이머 설정',
       description:
         '풀이 설정 화면에서 분과 초를 직접 입력해 제한 시간을 설정할 수 있습니다. 타이머를 켜두면 남은 시간이 화면 위쪽에 표시되고, 시간이 0이 됐을 때 자동으로 제출됩니다. 평소에는 타이머 없이 편하게 풀다가, 실전에 가까운 환경을 만들고 싶을 때만 켜보세요. 시간 제한이 주는 심리적 압박 속에서 연습해두면 실제 시험에서도 당황하지 않을 수 있습니다.',
+      imageUrl: 'https://d32dzhpi5hq0mf.cloudfront.net/timer.webp',
     },
     {
       id: 'solving-exam',
       title: '시험 모드 상세',
       description:
         '시험 모드 풀이 화면 상단에는 타이머와 현재 진행 상황이 표시됩니다. 객관식은 선택지를 클릭해 선택하고, 주관식은 입력 필드에 답을 직접 타이핑합니다. 이전/다음 버튼으로 문제를 이동할 수 있고, 이전 문제로 돌아가 답변을 수정하는 것도 제출 전까지 몇 번이든 가능합니다. 화면 상단의 진행 상황 영역을 클릭하면 전체 문제 번호가 팝업으로 열려 원하는 문제로 바로 이동할 수 있습니다. 아직 풀지 않은 문제와 이미 풀어놓은 문제가 구분되어 표시되기 때문에 어떤 문제를 건너뛰었는지 한눈에 파악할 수 있습니다. 모든 문제에 답변을 입력하면 제출 버튼이 활성화되고, 타이머가 켜져 있다면 시간이 다 됐을 때 자동으로 제출됩니다.',
+      imageUrl: 'https://d32dzhpi5hq0mf.cloudfront.net/exam.webp',
     },
     {
       id: 'solving-card',
       title: '카드 모드 상세',
       description:
         '카드 모드에서는 문제가 한 장씩 카드 형태로 표시됩니다. 스스로 답을 떠올린 뒤 정답 보기 버튼을 누르면 정답이 공개되고, 내 생각이 맞았다면 맞음, 틀렸거나 헷갈렸다면 틀림 버튼을 선택합니다. 버튼을 누르는 순간 다음 카드로 자동으로 넘어가며 카드 아래의 진행 바가 채워집니다. 맞음/틀림 선택 결과는 자동으로 기록되어 대시보드의 추천 문제와 정답률 통계에 반영됩니다. 스스로를 너무 너그럽게 평가하면 취약한 문제가 추천에서 빠져버릴 수 있으니 정직하게 선택하는 것이 중요합니다. 이미지가 포함된 카드는 이미지를 클릭하면 확대해서 볼 수 있습니다.',
+      imageUrl: 'https://d32dzhpi5hq0mf.cloudfront.net/card.webp',
     },
     {
       id: 'solving-result',
       title: '결과 확인',
       description:
         '시험 모드가 끝나면 결과 화면에서 이번 풀이의 전체 정답률을 확인할 수 있습니다. 각 문제마다 내가 선택한 답과 실제 정답이 나란히 표시되어 맞힌 문제와 틀린 문제가 한눈에 구분됩니다. 문제를 만들 때 설명을 입력해두었다면 틀린 문제 아래에 해설이 함께 표시되어, 왜 틀렸는지 바로 확인하고 이해할 수 있습니다. 결과는 자동으로 저장되어 대시보드의 오늘의 학습 통계와 정답률 그래프에 반영됩니다.',
-      imageUrl: 'https://d2ab13l3eziju4.cloudfront.net/frontend/모의시험.png',
+      imageUrl: 'https://d32dzhpi5hq0mf.cloudfront.net/result.webp',
     },
   ],
 };