[개발] 금융 커뮤니티 - 리치에이블 개발일지 #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()..
[개발] 금융 커뮤니티 - 리치에이블 개발일지 #4(좋아요)
·
프로젝트/🏠금융 커뮤니티
후기좋아요 기능을 구현하였다.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..
[개발] 금융 커뮤니티 - 리치에이블 개발일지 #3(feat.스레드)
·
프로젝트/🏠금융 커뮤니티
후기뭔가 스레드 클론코딩 처럼 되었지만 기능을 공부하면서 무한스크롤 및 다양한 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 ..
[개발] 금융 커뮤니티 - 리치에이블 개발일지 #2(feat.스레드)
·
프로젝트/🏠금융 커뮤니티
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..
[개발] 금융 커뮤니티 - 리치에이블 개발일지 #1
·
프로젝트/🏠금융 커뮤니티
개발목적현대사회에 들어서는 사람들이 저마다 자신의 장점을 표현하고 싶은 욕구가 있다. 보통 사람들은 온라인 공간에 이야기를 하게되면 시기 질투를 받게된다. 이러한 욕구를 충족할 수 있도록 사회적 합의하에 자랑이 용인된 곳에서 자유롭게 의사교환을 하면 좋겠다고 생각을 하여 다음의 금융 커뮤니티를 만들고자 한다. 개발일지Next.js 기반에 Auth.js로 인증 인가를 적용 후 회원 가입시 이메일 인증을 통하여 로그인 가능하게 구현하였다. 자체 이메일 서버를 구축을 하여 발송 전용 계정을 생성했다. 추후 서비스가 오픈되면 이메일/메신저 서비스 추가도 고려 예정이다. 메인화면은 트위터의 컨샙으로 피드를 작성할 수 있으며 따로 전통적인 커뮤니티 게시판을 마련하였다. 추후 포인트 제도를 통해서 각 게시판의 대결구..
[업데이트] 정보보안 메일링 시스템 3.5v
·
프로젝트/💌 정보보안 메일링 시스템
내용정보보안 메일링 시스템이 업데이트 되었습니다.- ADD: 채팅방 기능을 추가하였습니다.(웹소켓서버)이슈CloudFlare 경유 서버로서 수동적으로 CORS Rule을 추가하였습니다.https://stackoverflow.com/questions/76983353/how-to-configure-cors-of-access-control-allow-origin-using-cloudflare How to configure CORS of "Access-Control-Allow-Origin" Using Cloudflare?I am having this error when submitting file: Access to XMLHttpRequest at 'https://dd-demo.abc.com:8443/api/t..
[업데이트] 정보보안 메일링 시스템 3.5v
·
프로젝트/💌 정보보안 메일링 시스템
내용정보보안 메일링 시스템이 업데이트 되었습니다.- FIX: UI/UX를 개선하였습니다. - ADD: 검색기능을 추가하였습니다.- ADD: Front-End(Next.js)와 Back-End(Spring Boot)를 분리하였습니다. 바로가기https://mailing.cyber-luna.com/ 정보보안 메일링 시스템등록/해제mailing.cyber-luna.com
[업데이트] 정보보안 메일링 시스템 3.4v
·
프로젝트/💌 정보보안 메일링 시스템
내용 정보보안 메일링 시스템이 업데이트 되었습니다. - FIX: UI/UX를 개선하였습니다. 바로가기 https://mailing.cyber-luna.com/ 정보보안 메일링 시스템 등록/해제 mailing.cyber-luna.com
[소개] SSL 인증서 관리 솔루션 v1.1
·
프로젝트/🔐 인증서 관리 시스템
SSLM SSL 인증서 관리자 페이지 도메인을 등록 관리하며 담당자에게 정해진 양식으로 이메일 및 메시지를 전송할 수 있습니다. 프로젝트 : GitHub - TwoIceFIsh/sslm: SSL 인증서 관리를위한 통합 관리 페이지 SSL 인증서 관리를위한 통합 관리 페이지. Contribute to TwoIceFIsh/sslm development by creating an account on GitHub. github.com 다운로드 : Release 1.1 - 가명처리 · TwoIceFIsh/sslm 1.1 - 가명처리 Latest init2 github.com 설치 1. nodejs 설치 https://nodejs.org/en 에 접속하여 설치합니다. javascript를 실행할 수 있도록 해주는 ..
[업데이트] 정보보안 메일링 시스템 3.3v
·
프로젝트/💌 정보보안 메일링 시스템
내용 정보보안 메일링 시스템이 업데이트 되었습니다. - FIX: 구독을 신청할 수 있도록 체크박스가 생성되었습니다. * 구독 목록 변경 시 재구독을 통하여 신청해주세요! 바로가기 https://mailing.cyber-luna.com/ 정보보안 메일링 시스템 등록/해제 mailing.cyber-luna.com