mbc-devBlog

개발했던 자료를 공유하기 위한 기술블로그

1. 개요

• 본인의 배운 기술 정리, React.js, Next.js를 향상, 포트폴리오를 위해 블로그를 개설 하려함
• 기본 템플릿을 모두 가져오는 것 보다 Next.js, React.js를 활용해서 커스터마이징 및 개발
• SSR기반으로 동작하는 Next.js를 사용
• Next.js-Blog-boilerplate를 바탕으로 개발을 할 예정
  • (Markdown를 불러오는 코드가 기본적으로 내장되어있음)
• 배포
  • Front-end : Next.js와 호환되어있는 Vercel으로 배포
  • Back-end : AWS EC2에 배포된 상태

2. 사용 기술

Front-end

• React.js, Next.js, Typescript, HTML5/CSS, emotion,

Back-end

• Spring Boot, Hibernates(JPA), Mysql, AWS EC2, Java

3. 적용 기능

• 포스트

  • 페이징
  • 카테고리

• 태그

  • 포스트 별 태그를 등록
  • 태그 항목 클릭시 검색화면으로 전환
  • 등록된 태그는 검색이 가능하도록 개발

• 검색

  • 태그 검색 가능
  • 포스트 제목, 설명, 태그를 검색 가능.

• About

  • 자기소개 및 이력서 페이지

• Portfolio

  • 개발자료 업로드

• 방명록

  • Back-end와 API 연동
  • 관리자에게 남기고싶은 글을 작성할 수 있는 화면 개발
  • CRUD 개발

4. 참조

• AB180 기술블로그의 레이아웃을 참조해서 개발.