본문 바로가기

캡스톤 설계 [건물별 소통 플랫폼 BBC]/개발 진행

익명 기능 삭제 프로젝트를 진행 하는 중에 익명 기능이 필요가 없다고 생각이 들었다. 기본적으로 회원가입시 사용자의 nickName으로 가입하여 서비스를 이용하게 되며 그것으로 이미 익명 기능을 한다고 생각을한다. . . . (실은 최근 막 당근 거래를 하고 와서 그런가 익명기능없이 닉네임 기능만 두고도 잘 쓴 경험이 더 큰 이유 인듯..ㅇㅅㅇ 더보기
사용자 프로필 이미지 npm i gravatar npm i @types/gravatar 우선 기본 이미지는 사람 형태 아바타로 두었으며 프로필이 있는경우는 해당 프로필로 변경해 줄까한다. . . . 더보기
댓글 기능 개발 및 UI 댓글 상태관리를 위한 redux thunk funtion과 slice생성 상세게시글페이지 하단에 댓글 UI 넣기 개별 댓글 UI 컴포넌트 현재까지의 UI 더보기
개별 게시물 페이지 각각 개별 게시물별로 의 제목과 내용 등등의 정보 가져와서 렌더링 시키는 코드 우선은 위와 같이 기본 틀만 잡아 놓았다. 이후로는 1. 사용자 이미지 2. 댓글 정보도 가져와서 추가 할 것이다. 더보기
개별 게시물 페이지 데이터 가져오기 UI제외하고 개별 게시물을 조회 할 때 필요한 데이터들을 가져오기 까지 완성 더보기
환경에 따른 env파일 생성 npm i env-cmd 이 더보기
전반적인 게시판 관련 로직 및 코드 리팩토링 우선 위 사진은 리팩토링 전 프론트엔드 root 디렉토리 이고 오른쪽은 리팩토링 후 간결해진 root 디렉토리이다. . . board기반의 데이터 베이스를 생성하여 게시판 의 id와 이름을 저장했다. 그리고 이젠 url에 게시판 이름을 토대로 url을 생성하는게 아닌 boardid기반으로 url을 생성하였다. . . . 이전에는 각 게시판 url페이지를 각각 렌더링을 시켰다. 왼쪽 코드를 각각 게시판 별로 14개를 만들었지만 현재는 오른쪽과 같이 nextJs의 slug를 사용하여 아주 약간만 더 길지만 14개의 파일이 하는 기능을 구현하였다. 뿌듯하다. 위 코드는 slug를 활용하여 url을 해당 url을 가져와서 로직을 수행하게 만들었다. 그리고 백엔드 단의 로직도 추가 하였다. 중요한 점으로 이전에 .. 더보기
게시판 entity 생성 프론트단 상세 페이지 개발에 앞서 게시판 별로 모두 각각 개발하는건 너무나도 시간이 오래걸리고 비효율 적이라 생각하여 게시판 테이블을 만들어 각각의 id를 사용해서 slug를 활용해 보고자 한다. . . 게시판의 이름만 속성으로 가지고 있다. . . . 각각의 게시판을 enum을 사용해도 될것 같지만 차후 각각의 학교 별로 게시판을 다르게 사용할것도 가정하여 테이블을 따로 만들었다. . . . 현재 애브리타임 또한 각각의 특정 게시판과 게시글마다 아래와 같이 특정한 숫자값으로 라우팅 처리 한다. . . . 그래서 굳이 내부 로직을 자세히 뜯어 보진 안더라도 이와 비슷하게 구현을 해보고자 한다. 더보기