댓글은 가장 최근거만 확인 할 수 있도록 포스팅에 전체 댓글을 useState에 저장하고, 가장 첫번째거만 보여준 후, 만일 댓글이 삭제되면 그 다음 댓글을 가져올 수 있도록 하였다.

근데 문제가 생겼다.

댓글이 많으면 가져오는데 시간이 오래걸리고, 댓글을 삭제하면 다음과 같이 4초 이상 걸리는 경우까지 발생했다.

당연히 포스트에 해당하는 댓글을 모두 가져오는건 바보같은 생각이다.

그렇다면 어떤 방법이 있을까

1. 각 포스트에 최신 댓글 하나만 가져오고, 전체 댓글을 확인할때에만 전체를 긁어온다

현재 댓글을 가져오는 api는

router.get("/:postId", async (req, res, next) => {
  const { postId } = req.params;
  try {
    const query = `
    SELECT commentId,text,c.upvote,c.createdTime,username,profile_image,userId
    FROM Comments c
    JOIN Users u ON c.userId = u.id
    WHERE postId = ${postId}
    ORDER BY createdTime DESC
    `;
    const results = await executeQuery(query);
    res.json({ message: "OK", data: results });
  } catch (error) {
    next(error);
  }
});

그렇다면 댓글 자세히 보는 API와, 댓글에 보이는 최신 댓글을 보이는 API 총 두개를 두어서 활용하면 될것이다.

적고 보니 상식적인 이야기이다. 확실히 빨라진 것을 확인을 했는데, 문제가 되는건 댓글을 삭제했을때 이전 댓글을 보여주는 것이다.

// Delete comment API
router.delete("/:postId/comments/:commentId", async (req, res, next) => {
  try {
    const { postId, commentId } = req.params;
    if (!commentId) {
      return res.status(400).json({ message: "Invalid data" });
    }

    const deleteQuery = `
      DELETE FROM Comments
      WHERE commentId = ${commentId};
    `;
    await executeQuery(deleteQuery);
    const query = `
      SELECT *
      FROM Comments a
      JOIN Users b
      ON a.userId = b.id
      WHERE postId = ${postId}
      ORDER BY createdTime DESC
      LIMIT 1
    `;

    const result = await executeQuery(query);
    res.json({ message: "Comment deleted successfully!", data: result });
  } catch (error) {
    next(error);
  }
});

다음과 같이 DELETE가 끝나면 SELECT 쿼리를 통해 최근 댓글 하나를 보여주는 방법을 사용하였다.

200개가 넘는 데이터여도 데이터 삭제를 하는데 시간이 많이 걸리지 않는걸확인하였다.

타입스크립트는 타입을 정해줄수 있는데, 함수를 선언했을때 인풋값들의 타입, 그리고 리턴값의 타입도 정해줄 수 있다. 예를들어 여기서는 함수 안에서 타입을 설정해주었지만 다음과 같이 type으로 인풋 및 리턴값의 타입을 설정한 후, 새 function에 적용시킬 수 있다. 함수 명 뒤에 Add 를 적어 현재 함수의 인풋에는 a,b 가 들어가며 모두 숫자 형태라는것을 알 수 있고, 리턴값또한 숫자로 반환해야한다.

Generics

다음과 같은 상황을 가정해보자 SuperPrint에는 숫자,boolean,string만으로 이루어진 Array를 만들 수 있다. 이때 이와같은 데이터는 오류를 낸다.

다음과같이 적으면 에러는 사라지는 것을 볼 수 있지만 매번 모든 경우의 수를 적어 줄 수가 없다.

이때 Generics라고 해서 인풋에 따라 타입을 정해줄 수가 있다. 이는 function에서 어떤 데이터가 들어오든 그 타입으로 이루어진 Array 를 생성하고 리턴값은 void인것을 알 수 있다.

다음은 type으로 리턴하는 콜 signature이다. 다음과 같이 잇풋이 여러가지가 들어오면 리턴값 또한 그에 맞는 타입으로 반환된다.

문제

문장이 주어졌을 때, 단어를 모두 뒤집어서 출력하는 프로그램을 작성하시오. 단, 단어의 순서는 바꿀 수 없다. 단어는 영어 알파벳으로만 이루어져 있다.

입력 첫째 줄에 테스트 케이스의 개수 T가 주어진다. 각 테스트 케이스는 한 줄로 이루어져 있으며, 문장이 하나 주어진다. 단어의 길이는 최대 20, 문장의 길이는 최대 1000이다. 단어와 단어 사이에는 공백이 하나 있다.

출력 각 테스트 케이스에 대해서, 입력으로 주어진 문장의 단어를 모두 뒤집어 출력한다.

내제출

from sys import stdin

n = int(stdin.readline())

for i in range(n):
  flip = stdin.readline().split()
  for word in flip:
    print(word[::-1], end=' ')
  print()

What I learned

이전과 마찬가지로 인풋은 stdin 을 활용하였다 string 데이터를 뒤집을 때 [::-1] 을 활용하면 뒤집혀서 저장되는 것을 알게되었다.

문제

정수를 저장하는 스택을 구현한 다음, 입력으로 주어지는 명령을 처리하는 프로그램을 작성하시오.

명령은 총 다섯 가지이다.

push X: 정수 X를 스택에 넣는 연산이다. pop: 스택에서 가장 위에 있는 정수를 빼고, 그 수를 출력한다. 만약 스택에 들어있는 정수가 없는 경우에는 -1을 출력한다. size: 스택에 들어있는 정수의 개수를 출력한다. empty: 스택이 비어있으면 1, 아니면 0을 출력한다. top: 스택의 가장 위에 있는 정수를 출력한다. 만약 스택에 들어있는 정수가 없는 경우에는 -1을 출력한다.

내제출

from sys import stdin

number = int(stdin.readline())
stack = []

for i in range(number):

  func_list = stdin.readline().split()

  if func_list[0] == 'push':
    stack.append(func_list[1])

  elif func_list[0] == 'top':
    if stack:
      print(stack[-1])
    else:
      print(-1)
  elif func_list[0] == 'size':
    print(len(stack))
  elif func_list[0] == 'empty':
    if not stack:
      print(1)
    else:
      print(0)
  elif func_list[0] == 'pop':
    if stack:
      print(stack[-1])
      stack = stack[:-1]
    else:
      print(-1)

What I learned

number = int(input())
for i in range(number):
    ...

다음과 같이 했을때 run time error 가 출력되었다.

Input을 이렇게 사용하지 말고 앞으로는

from sys import stdin
number = int(stdin.readline())

이렇게 활용하도록 하자