본문 바로가기

캡스톤 설계 [건물별 소통 플랫폼 BBC]

AWS 과금 메일을 확인하던 중 AWS 팀에서 보낸 보기 드문 제목의 메일을 확인해 보았다.서버 과금에 관한 내용이었고 AWS에 등록된 카드에 금액이 부족하다는 내용이었다.얼마나 나왔길래 카드에 있는 금액이 부족한거지 ..? 라는 생각으로 AWS의  과금 및 비용 관리 콘솔에 들어가본 결과...위와 같은 아찔한 금액그래프를 확인할 수 있었다..  우선 급한대로 AWS의  EC2 서버 2대에서 각각 프로트엔드, 백엔드, RDS에서 데이터베이스를 운영중인 인프라를 GCP 무료 인스턴스 한곳에 배포 한뒤 포트 번호만 다르게 하여 배포 인프라를 마이그레이션 하였다. 그리고 모든 AWS 리소르를 내렸다. 그 후 해킹과 외부 사용자의 남용이 의심되어 AWS에 문의를 하였고 팀원들에게 서버 주소를 블로그나 외부인에게 공유한 적이.. 더보기
timezone 맞추기 데이터베이스에 UTC 시간 기준으로 저장이 되어 9시간이 빠르게 저장되며 형식이 일반 사용자가 보는 형식과 달라 한국시간으로 년월시분 까지만 보여주고자한다. 우선 현재 도커 컨테이너의 id를 확인한 후 mysql에 진입한다. 그후 현재의 timezone을 확인해보니 서울시의 시간 기준으로 나와있지 않음을 확인 timeZone을 변경하는 방법은 크게 2가지가 있다. 1. global time_zone을 변경. 2. .cnf 파일을 수정하는 방법이다. 우선 1번째 방법은이 가장 편하지만 세션 기준으로 변경이 되다 보니 서버가 재가동 되거나 다른 세션으로 접속시 설정이 적용이 안되는 이유가 있다. 그래서 우선 처음 2번째 방법으로 .cnf 파일을 수정해 보았다. 하지만 결국 적용이 되지 않아 첫번째 방법을 .. 더보기
게시판 스타일 수정 import Link from "next/link"; import { usePathname } from "next/navigation"; import React from "react"; export default function PostItem({ dpost }) { const dpostId = dpost.id; const boardNamePath = usePathname(); const boardId = boardNamePath.substring(1); return ( {dpost.postTitle} {dpost.postContent} {dpost.postLike !== 0 && ( // postLike이 0이 아닌 경우에만 렌더링 👍🏻 {dpost.postLike} )} {dpost.commentCo.. 더보기
fix : 렌더링시 게시판 이름 가져오기 useEffect(() => { dispatch(getBoardPosts(boardId)); //thucnk 함수 이름은 authUser }, []); // 권한이 바뀌거나 or url경로가 바뀌거나 const dPosts = useSelector((state) => state.persistedReducer.post.postData); const BoardTitle = dPosts[1].board.BoardTitle; 수정 이전에는 렌더링시 UseEffect로 동작한 redux Thunk로 가져온 위 데이터들을 사용해서 BoardTitle을 가져왔다. 하지만 useEffect보다 초기 UI를 그리는 작업이 먼저 실행되어 불안하게 가져오던 게시판 이름들을 리팩토링 하였다. until 디렉토리에 url의 엔.. 더보기
로그인 여부에 따른 하단 NavBar 비 로그인과 로그인시 하단바 UI 더보기
회원 가입 로직 변경 및 로그 삽입과 리팩토링 백엔드 단 중복 이메일과 닉네임 로직 생성 이메일과 닉네임 중복 체크를 위한 상태들과 input 값들의 유효성을 체크하는 리액트 userForm 코드 회원가입 클릭시 중복 체크를 관리하는 상태들을 확인하고 회원가입 redux 디스패치 호출 후 0.5 초후 로그인 페이지로 라우팅 중복을 체크하는 onclick 함수들 유효성을 확인하는 상수 들과 비밀번호와 비밀번호 확인이 같은지 실시간으로 체크하는 useEffect return ( 건물별 소통해보세요. 중고거래와{" "} 공동구매 더불어{" "} 친구까지 대학교 광운대학교 영철대학교 호그와트 서울대학교 연세대학교 고려대학교 하버드대학교 스텐퍼드대학교 닉네임 {" "} {" "} 중복 체크 {" "} {errors?.nickName && ( {errors.n.. 더보기
중간 발표 동료 평가 피드백 중간 평가 또한 3,4명 정도를 제외 하고 모두에게 A를 받았다. 결과론 적으론 뿌듯하지만 위 이유로 놓친 다른 학우들의 피드백을 바탕으로 최종 발표와 보고서를 제작 하도록 해야겠다. 더보기
사용자 프로필 변경 유저 프로필 변경 컨트롤러와 서비스 사용자 이미지 관련 서비스 코드 및 entity 코드 추가 사용자 프로필 변경 페이지 프로필 변경 관려 redux slice와 thunk 더보기