후기리치에이블 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()..

후기좋아요 기능을 구현하였다.UI상의 표시와 백엔드의 좋아요 기능을 가진 것은 따로 분리하여 구현이 되어있다. 함께 서버 액션과 연동하니 시간도 오래걸리는 것을 알게 되었다. 그래서 사용자에게 즉각적인 반응을 주기로 했다.표현할 Thread 객체를 불러와서 좋아요 현황을 렌더링한다. import React, { useEffect, useState } from "react";import { HeartIcon, MessageCircle, RepeatIcon, SendIcon } from "lucide-react";import { threadLike } from "@/actions/thread/ThreadLike";import { ThreadType } from "@/type/ThreadType";import..

후기뭔가 스레드 클론코딩 처럼 되었지만 기능을 공부하면서 무한스크롤 및 다양한 UI/UX 적용을 했으니 만족한다. useTransitional을 통해서 버튼의 disabled를 제어하였다. UI 컴포넌트간 설계에 많은 도움이 되었다. 홈페이지https://richable.cyber-luna.com/ 리치에이블 - 로그인더 높은 성장을 위한 커뮤니티richable.cyber-luna.com소스코드https://github.com/TwoIceFIsh/richable-web-server GitHub - TwoIceFIsh/richable-web-server: richable-web-serverrichable-web-server. Contribute to TwoIceFIsh/richable-web-server ..

1.스레드 기능근래 최근 나온 스레드의 디자인을 참고하여 모방 구현 해보았다.화면조회 작성 데이터 베이스 스키마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 ThreadComment ThreadComment[]}model Thr..

개발목적현대사회에 들어서는 사람들이 저마다 자신의 장점을 표현하고 싶은 욕구가 있다. 보통 사람들은 온라인 공간에 이야기를 하게되면 시기 질투를 받게된다. 이러한 욕구를 충족할 수 있도록 사회적 합의하에 자랑이 용인된 곳에서 자유롭게 의사교환을 하면 좋겠다고 생각을 하여 다음의 금융 커뮤니티를 만들고자 한다. 개발일지Next.js 기반에 Auth.js로 인증 인가를 적용 후 회원 가입시 이메일 인증을 통하여 로그인 가능하게 구현하였다. 자체 이메일 서버를 구축을 하여 발송 전용 계정을 생성했다. 추후 서비스가 오픈되면 이메일/메신저 서비스 추가도 고려 예정이다. 메인화면은 트위터의 컨샙으로 피드를 작성할 수 있으며 따로 전통적인 커뮤니티 게시판을 마련하였다. 추후 포인트 제도를 통해서 각 게시판의 대결구..