[개발] 금융 커뮤니티 - 리치에이블 개발일지 #5(답글기능) - v1.0

후기

리치에이블 v1.0이 완성되었다.

 

게시글 작성 및 답글 작성 그리고 팔로우 기능 까지 넣었다.

 

기본 구조를 잡는데만 거의 3주가 걸린 듯 하다 이 과정에서 사용자 요구사항에 따른 데이더베이스 설계 및 기능 구현에 있어서 좋은 경험을 얻을 수 있게 되었다. 특히 데이터 베이스 부분의 경우 테이블 간 상관관계가 아주 중요한 것을 느꼈다.

model Thread {
  id         String       @id @default(cuid())
  content    String
  User       User         @relation(fields: [userId], references: [id], onDelete: Cascade)
  createdAt  DateTime     @default(now())
  updatedAt  DateTime     @updatedAt
  userId     String
  ThreadLike ThreadLike[]

  Origin Reply[] @relation("origin")
  Reply  Reply[] @relation("reply")
}

model Reply {
  id        String   @id @default(cuid())
  createdAt DateTime @default(now())
  updatedAt DateTime @updatedAt

  originThread String // The user who is following
  replyThread  String // The user being followed
  origin       Thread @relation("origin", fields: [originThread], references: [id], onDelete: Cascade)
  reply        Thread @relation("reply", fields: [replyThread], references: [id], onDelete: Cascade)

  @@index([originThread, replyThread], name: "idx_follower_following")
  @@unique([originThread, replyThread])
}

그리고 프론트엔드 부분에서의 데이터 API 규격 설정 등 기초부터 잘 하지 않으면 후반에는 꼬이는 것을 느꼈다. 그래서 공통적으로 리턴하는 함수를 구현하고 기본 Type에 제네릭을 통하여 일관된 데이터를 받아 오도록 구성하였다.

export async function ResponseData<T>(data: T, result: boolean) {
  const response: BasicType<T> = {
    result: result,
    createdAt: new Date(),
    data: data,
  };

  return response;
}

export type BasicType<T> = {
  result: boolean;
  createdAt: Date;
  data?: T;
};

 

이제는 나의 본업으로 돌아간다.

 

이슈

zod로 넘길 때 구글로그인 사용자의 경우 이메일과 비밀번호는 선택적으로하고 "" 로 대체해서 넘겨줘서 동작이 가능했다. 무반응 현상 시 옵셔널에 "" 추가하는 것을 고려해보자

export const userUpdateSchema = z.object({
  email: z.optional(z.string().email()).or(z.literal("")),
  name: z.string().min(2).max(8, {
    message: "최대 8자 이내로 입력해주세요.",
  }),
  password: z
    .optional(z.string().regex(passwordValidation).min(8).max(16))
    .or(z.literal("")),
  image: z.optional(z.string().url().nullable()),
  content: z.string().min(0).nullable(),
});

 

사이트

https://richable.cyber-luna.com

리치에이블 - 로그인

소스코드

https://github.com/TwoIceFIsh/richable-web-server

GitHub - TwoIceFIsh/richable-web-server: richable-web-server