macjjuni/simple-forum

Simple-Forum

📸 Initial Screen

Simple Forum은 Next.js를 사용한 SSR 방식에 회원 전용 게시판입니다. 이전 텍스트 작성만 가능했던 CSR 방식의 Simple React Board를 개편하여 회원가입/로그인, 위지윅 텍스트 에디터, 이미지 업로드, 무한 스크롤 기능을 추가했습니다.

• Simple React Board -> 🔗 Github

📌 개발 기간

• 22.01.13 ~ 22.02.06

📌기술 스택 및 라이브러리

• Next.js, TailWind CSS, Next-Auth, Toast UI Editor, MongoDB, Firebase, AWS EC2 Linux

프론트 단은 Next.js, TailWind CSS로 구현됐으며, 로그인 인증은 Next-Auth 라이브러리와 bCrypt 암호화/reCaptcha를 사용해 회원 유저 검증을 진행합니다.

서버리스 환경에서 DB 접근은 클라이언트 요청으로 Next API에서만 가능하도록 분리해 놓았으며, DB는 MongoDB와 이미지 서버로 Firebase 스토리지를 사용하고 있습니다.

글 작성시 사용하는 위지윅(Wysiwyg) 에디터의 경우 Toast UI Editor를 적용했으며, 마지막 배포는 Vercel 대신 AWS EC2 리눅스 서버에서 PM2 프로세서 매니저를 통해 배포되었습니다.

📌 개발하면서 작성한 포스팅

• [React] Next.js + Toast UI Editor 사용
• [React] 무한 스크롤(Infinite Scroll) 구현
• Firebase Storage 사용하지 않는 이미지 삭제하기