[Feat] 질문지리스트 API 연동, 세션 생성시 질문지 선택 및 질문 목록 보기 기능 구현, 세션 생성시 질문지 ID 전달

backend/src/question-list/dto/get-all-question-list.dto.ts

@@ -2,4 +2,6 @@ export interface GetAllQuestionListDto {
     id: number;
     title: string;
     categoryNames: string[];
+    usage: number;
+    questionCount: number;
 }

backend/src/question-list/dto/my-question-list.dto.ts

@@ -0,0 +1,10 @@
+import { Question } from "../question.entity";
+
+export interface MyQuestionListDto {
+    id: number;
+    title: string;
+    contents: Question[];
+    categoryNames: string[];
+    isPublic: boolean;
+    usage: number;
+}

backend/src/question-list/dto/question-list-contents.dto.ts

@@ -0,0 +1,10 @@
+import { Question } from "../question.entity";
+
+export interface QuestionListContentsDto {
+    id: number;
+    title: string;
+    categoryNames: string[];
+    contents: Question[];
+    usage: number;
+    username: string;
+}

backend/src/question-list/question-list.controller.ts

@@ -11,17 +11,21 @@ import { QuestionListService } from "./question-list.service";
 import { CreateQuestionListDto } from "./dto/create-question-list.dto";
 import { CreateQuestionDto } from "./dto/create-question.dto";
 import { GetAllQuestionListDto } from "./dto/get-all-question-list.dto";
+import { QuestionListContentsDto } from "./dto/question-list-contents.dto";
 import { AuthGuard } from "@nestjs/passport";
+import { JwtPayload } from "../auth/jwt/jwt.decorator";
+import { IJwtPayload } from "../auth/jwt/jwt.model";
+import { MyQuestionListDto } from "./dto/my-question-list.dto";
 
 @Controller("question-list")
 export class QuestionListController {
-    constructor(private readonly questionService: QuestionListService) {}
+    constructor(private readonly questionListService: QuestionListService) {}
 
     @Get()
     async getAllQuestionLists(@Res() res) {
         try {
             const allQuestionLists: GetAllQuestionListDto[] =
-                await this.questionService.getAllQuestionLists();
+                await this.questionListService.getAllQuestionLists();
             return res.send({
                 success: true,
                 message: "All question lists received successfully.",
@@ -41,6 +45,7 @@ export class QuestionListController {
     @Post()
     @UseGuards(AuthGuard("jwt"))
     async createQuestionList(
+        @JwtPayload() token: IJwtPayload,
         @Req() req,
         @Res() res,
         @Body()
@@ -59,12 +64,12 @@ export class QuestionListController {
                 title,
                 categoryNames,
                 isPublic,
-                userId: req.user.userId,
+                userId: token.userId,
             };
 
             // 질문지 생성
             const createdQuestionList =
-                await this.questionService.createQuestionList(
+                await this.questionListService.createQuestionList(
                     createQuestionListDto
                 );
 
@@ -76,7 +81,9 @@ export class QuestionListController {
 
             // 질문 생성
             const createdQuestions =
-                await this.questionService.createQuestions(createQuestionDto);
+                await this.questionListService.createQuestions(
+                    createQuestionDto
+                );
 
             return res.send({
                 success: true,
@@ -106,7 +113,7 @@ export class QuestionListController {
         try {
             const { categoryName } = body;
             const allQuestionLists: GetAllQuestionListDto[] =
-                await this.questionService.getAllQuestionListsByCategoryName(
+                await this.questionListService.getAllQuestionListsByCategoryName(
                     categoryName
                 );
             return res.send({
@@ -124,4 +131,57 @@ export class QuestionListController {
             });
         }
     }
+
+    @Post("contents")
+    async getQuestionListContents(
+        @Res() res,
+        @Body()
+        body: {
+            questionListId: number;
+        }
+    ) {
+        try {
+            const { questionListId } = body;
+            const questionListContents: QuestionListContentsDto =
+                await this.questionListService.getQuestionListContents(
+                    questionListId
+                );
+            return res.send({
+                success: true,
+                message: "Question list contents received successfully.",
+                data: {
+                    questionListContents,
+                },
+            });
+        } catch (error) {
+            return res.send({
+                success: false,
+                message: "Failed to get question list contents.",
+                error: error.message,
+            });
+        }
+    }
+
+    @Get("my")
+    @UseGuards(AuthGuard("jwt"))
+    async getMyQuestionLists(@Res() res, @JwtPayload() token: IJwtPayload) {
+        try {
+            const userId = token.userId;
+            const myQuestionLists: MyQuestionListDto[] =
+                await this.questionListService.getMyQuestionLists(userId);
+            return res.send({
+                success: true,
+                message: "My question lists received successfully.",
+                data: {
+                    myQuestionLists,
+                },
+            });
+        } catch (error) {
+            return res.send({
+                success: false,
+                message: "Failed to get my question lists.",
+                error: error.message,
+            });
+        }
+    }
 }

backend/src/question-list/question-list.entity.ts

@@ -40,7 +40,7 @@ export class QuestionList {
         cascade: true,
     })
     @JoinTable({
-        name: "questionListCategory",
+        name: "question_list_category",
         joinColumn: {
             name: "questionListId",
             referencedColumnName: "id",

backend/src/question-list/question-list.repository.ts

@@ -5,6 +5,7 @@ import { Question } from "./question.entity";
 import { QuestionDto } from "./dto/question.dto";
 import { Category } from "./category.entity";
 import { QuestionListDto } from "./dto/question-list.dto";
+import { User } from "../user/user.entity";
 
 @Injectable()
 export class QuestionListRepository {
@@ -65,4 +66,40 @@ export class QuestionListRepository {
             },
         });
     }
+
+    getQuestionListById(questionListId: number) {
+        return this.dataSource.getRepository(QuestionList).findOne({
+            where: { id: questionListId },
+        });
+    }
+
+    getContentsByQuestionListId(questionListId: number) {
+        return this.dataSource.getRepository(Question).find({
+            where: { questionListId: questionListId },
+        });
+    }
+
+    async getUsernameById(userId: number) {
+        const user = await this.dataSource.getRepository(User).findOne({
+            where: { id: userId },
+        });
+
+        return user?.username || null;
+    }
+
+    getQuestionListsByUserId(userId: number) {
+        return this.dataSource.getRepository(QuestionList).find({
+            where: { userId },
+        });
+    }
+
+    getQuestionCountByQuestionListId(questionListId: number) {
+        return this.dataSource
+            .getRepository(Question)
+            .createQueryBuilder("question")
+            .where("question.questionListId = :questionListId", {
+                questionListId,
+            })
+            .getCount();
+    }
 }

backend/src/question-list/question-list.service.ts

@@ -5,6 +5,8 @@ import { CreateQuestionDto } from "./dto/create-question.dto";
 import { QuestionDto } from "./dto/question.dto";
 import { QuestionListDto } from "./dto/question-list.dto";
 import { GetAllQuestionListDto } from "./dto/get-all-question-list.dto";
+import { QuestionListContentsDto } from "./dto/question-list-contents.dto";
+import { MyQuestionListDto } from "./dto/my-question-list.dto";
 
 @Injectable()
 export class QuestionListService {
@@ -19,16 +21,23 @@ export class QuestionListService {
             await this.questionListRepository.findPublicQuestionLists();
 
         for (const publicQuestionList of publicQuestionLists) {
-            const { id, title } = publicQuestionList;
+            const { id, title, usage } = publicQuestionList;
             const categoryNames: string[] =
                 await this.questionListRepository.findCategoryNamesByQuestionListId(
                     id
                 );
 
+            const questionCount =
+                await this.questionListRepository.getQuestionCountByQuestionListId(
+                    id
+                );
+
             const questionList: GetAllQuestionListDto = {
                 id,
                 title,
                 categoryNames,
+                usage,
+                questionCount,
             };
             allQuestionLists.push(questionList);
         }
@@ -51,16 +60,23 @@ export class QuestionListService {
             );
 
         for (const publicQuestionList of publicQuestionLists) {
-            const { id, title } = publicQuestionList;
+            const { id, title, usage } = publicQuestionList;
             const categoryNames: string[] =
                 await this.questionListRepository.findCategoryNamesByQuestionListId(
                     id
                 );
 
+            const questionCount =
+                await this.questionListRepository.getQuestionCountByQuestionListId(
+                    id
+                );
+
             const questionList: GetAllQuestionListDto = {
                 id,
                 title,
                 categoryNames,
+                usage,
+                questionCount,
             };
             allQuestionLists.push(questionList);
         }
@@ -104,4 +120,66 @@ export class QuestionListService {
 
         return await this.questionListRepository.createQuestions(questionDtos);
     }
+
+    async getQuestionListContents(questionListId: number) {
+        const questionList =
+            await this.questionListRepository.getQuestionListById(
+                questionListId
+            );
+        const { id, title, usage, userId } = questionList;
+
+        const contents =
+            await this.questionListRepository.getContentsByQuestionListId(
+                questionListId
+            );
+
+        const categoryNames =
+            await this.questionListRepository.findCategoryNamesByQuestionListId(
+                questionListId
+            );
+
+        const username =
+            await this.questionListRepository.getUsernameById(userId);
+
+        const questionListContents: QuestionListContentsDto = {
+            id,
+            title,
+            contents,
+            categoryNames,
+            usage,
+            username,
+        };
+
+        return questionListContents;
+    }
+
+    async getMyQuestionLists(userId: number) {
+        const questionLists =
+            await this.questionListRepository.getQuestionListsByUserId(userId);
+
+        const myQuestionLists: MyQuestionListDto[] = [];
+        for (const myQuestionList of questionLists) {
+            const { id, title, isPublic, usage } = myQuestionList;
+            const categoryNames: string[] =
+                await this.questionListRepository.findCategoryNamesByQuestionListId(
+                    id
+                );
+
+            const contents =
+                await this.questionListRepository.getContentsByQuestionListId(
+                    id
+                );
+
+            const questionList: MyQuestionListDto = {
+                id,
+                title,
+                contents,
+                categoryNames,
+                isPublic,
+                usage,
+            };
+            myQuestionLists.push(questionList);
+        }
+        return myQuestionLists;
+    }
 }

frontend/src/components/questions/QuestionsPreviewCard.tsx

@@ -5,7 +5,7 @@ interface QuestionCardProps {
   title: string;
   questionCount: number;
   usage: number;
-  isStarred: boolean;
+  isStarred?: boolean;
   category: string;
   onClick: () => void;
 }
@@ -14,7 +14,7 @@ const QuestionCard = ({
   title,
   questionCount,
   usage,
-  isStarred,
+  isStarred = false,
   category,
   onClick,
 }: QuestionCardProps) => {