우분투 호스트 3EA에 메인 노드 및 조인노드 2개를 가정하고 설명한다. 각 몽고DB 설정파일에 레플리카 이름을 설정한다vim /etc/mongod.confreplication: replSetName: "rs0" 몽고DB를 재시작 한다systemctl restart mongod 마스터 노드의 몽고DB 접속 후 다음 명령어를 입력한다.rs.initiate( { _id : "rs0", members: [ { _id: 0, host: "192.168.0.131:27017" }, { _id: 1, host: "192.168.0.132:27017" }, { _id: 2, host: "192.168.0.133:27017" } ]}) 적용 결과를 확인하다.rs.conf()rs..

설명 학습에 있어서 앞만 보고 달리는 것 보다 뒤를 돌아볼 때 실력 상승이 많이 일어 난다. Next.js의 프레임워크를 무조건 따라하며 시작했을 때는 동작할 수 있다는 점에 대해서 큰 실력상승을 얻지만 이내 상승이 더딘 구간이 일어나게 된다. 그 이유는 동작은 되지만 효율적이지 않다는 뜻이다. 나도 Next.js로 개발에 손을 댄지 1년이 넘는 시점에서 다시 개념을 잡게 되는 영상을 발견하여 공유한다. 영상에서 알게된 나의 새로운 관점은 Next.js는 기본적으로 서버 사이드 랜더링(SSR)이며 명시적으로 클라이언트 사이드 랜더링(CSR)을 지정할 수 있다는 점이었다. 나는 무조건 CSR로 개발을 다 때려 넣어서 fetch와 같은 데이터 송 수신을 Server Action을 사용하지 않았던 것이다. 그..

https://www.cyber-luna.com 사이버루나 - 이병호정보보안전문가/프로그래머www.cyber-luna.com

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

문제점[auth][error] AccessDenied: AccessDenied. Read more at https://errors.authjs.dev#accessdenied Auth.js | ErrorsAuthentication for the Webauthjs.dev  해결방법OAuth의 경우 SignIn 로직을 타고 회원가입이 SignUp 없이 진행된다.true false로 SignIn 처리를 하느넛을 알게되었다.// auth.tsimport authConfig from "@/auth.config";import { PrismaAdapter } from "@auth/prisma-adapter";import db from "@/lib/db";import { getUserById } from "@/data/..

후기뭔가 스레드 클론코딩 처럼 되었지만 기능을 공부하면서 무한스크롤 및 다양한 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 ..

문제점SessionProvider로 감싸고 useSession을 사용할 시 최초 로그인 상에서는 동작으며 Hard Reload 시 동작하는 현상이 있었다. 해결전해결후 버전정보 "next": "14.2.4", "next-auth": "^5.0.0-beta.19", 해결방법useSession대신 아래의 hook을 사용하여 호출한다.매우 감사하게도 유저분(bocarw121)께서 만들어 주셨다.아래 Github Issue 참고 - 많은 사람들이 고통받고 있다. 규모가 커짐에 따른 유지보수가 불안정한 느낌이다. use-current-session.ts// This hook doesn't rely on the session providerexport const useCurrentSession = () => { ..

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..

개요Shadcn의 Data Table에서 불러온 데이터를 CSV로 저장하는 기능이 필요하여 적용해보았다. export-to-csv 모듈을 설치하고 Shadcn Data Table 모듈에 버튼을 추가하여 커스텀한 페이지를 작성해 보았다. 설치다음의 모듈을 설치하고 다음의 함수를 사용한다.npm install export-to-csv --saveimport { mkConfig, generateCsv, download } from 'export-to-csv' 본문(Shadcn 커스텀)Shadcn Data Table에 CSV 다운 버튼을 적용한 파일이다.ProjectPage.tsx"use client";import * as React from "react";import { useEffect, useState }..