📋1. 프로젝트 설명
1.1 프로젝트 설명
- Express와 Mysql을 활용하여 블로그 또는 커뮤니티 사이트를 제작하는 프로젝트이다.
- 블로그와 커뮤니티 사이트 중 우리는 커뮤니티 사이트를 선택했다.
1.2 팀구성
- 3명
1.3 진행 기간
- 23.01.30 ~ 23.02.17
1.4 기술 스택
Front-End
- HTML/CSS
- JavaScript
Back-End
- Node.js
- Express
- MySQL
- Sequelize
- AWS
일정 및 문서 관리
1.5 구현 기능
- 로그인 / 로그아웃
- 카카오 로그인
- 회원 정보 확인 및 수정
- 게시판 CRUD
- 게시물 좋아요
- 해쉬태그
- 게시물 이미지
- 간단한 에디터
- 댓글
- 포인트
- 관리자 페이지
- 관리자 게시물 비활성화
- 관리자 회원 권한 설정
1.6 페이지 디자인
페이지 디자인
첫 주는 페이지 디자인을 하고 HTML/CSS 작업을 하는데 사용하였다.
내가 페이지를 그려주면 팀원들이 HTML/CSS로 페이지를 만들어 주었다.
1.7 DB 설계
DB 설계
서로 연관된 테이블 끼리 관계를 맺어주었다.
📖2. 구현한 기능
2.1 메인 페이지 HTML/CSS
2.2 게시판 CRUD
2.2.1 게시글 보기
2.2.2 게시글 쓰기
2.2.2.1 게시글 간단 에디터
2.2.2.2 게시글 이미지 업로드
2.2.2.3 해쉬태그
2.2.3 게시글 수정하기
2.2.4 게시글 삭제하기
2.2.5 게시글 좋아요
2.3 게시판 페이징 기능
2.4 게시판 정렬 기능
2.5 카카오 로그인
2.5 AWS 배포
📝3. 느낀점
3.1 어려웠던 부분
카카오 로그인을 처리하는 과정에서 백엔드에서 res.cookie를 이용해 쿠키를 생성하고 싶었는데 로컬 환경에서는 잘 동작하다 배포를 진행하니 쿠키가 생성이 되지 않는 문제가 발생했었다.
이는 Front 서버와 Back 서버가 서로 다른 IP를 가지고 있어서 보안 정책 때문에 생성이 되지 않는 걸로 보였다.
그래서 생성한 토큰 값을 프론트 서버에 전달한 뒤 프론트 서버에서 쿠키를 생성하도록 해주었더니 해결이 되었다.
3.2 기억하고 싶은 부분
프로젝트를 하면서 기억하고 싶은 부분은 pagination 부분이다.
페이징을 구현하기 위한 공식? 같은게 잘 이해가 되지 않아서 많은 시간을 소비했었다.
그래도 원하는 대로 새로고침 없이 pagination을 구현 할 수 있어서 기억에 많이 남는다.
3.3 마치면서
이번 프로젝트는 3주였지만 시간이 금방 흘러갔다.
시간 분배를 잘 못해서 구현하지 못한 것이 있다는 것이 조금 아쉽지만 핵심 기능은 다 구현이 되어서 만족스럽다.
