프로젝트에 적용된 기능

Frontend ( 사용자 화면 )

• 인스타그램, Gmail 연동

  • 인스타그램 프로필로 이동 기능 제공
  • Gmail을 통해 메일 전송 기능 지원

• 메뉴 및 포스트 관리

  • 블로그 메뉴 목록을 불러오기
  • 각 메뉴별로 포스트 리스트 조회

• 포스트 상세 및 검색

  • 포스트의 상세 화면 제공
  • 제목, 부제목, 콘텐츠 기반의 검색 기능

• 방문자 수 체크

  • IP 기반으로 일간, 월간, 총 방문자 수 집계 및 표시

• 구글 애드센스

  • 광고 받아보기

• 구글 Search Console

  • 구글에서 포스트 검색이 가능하도록 하는 기능

 

Backend API ( 서버 기능 )

• 방문자 관리

  • 일간 방문자 등록 API
  • 일간, 월간, 총 방문자 수 조회 API

• 메뉴 관리

  • 포스트가 존재하는 메뉴만 가져오는 API

• 포스트 관리

  • 홈 화면 및 메뉴별 포스트 리스트 제공 API
  • 포스트 상세 정보 API
  • 제목, 부제목, 콘텐츠 기반의 검색 API ( 글자 일치 검색 )

 

관리자 페이지 ( 운영자 화면 )

• 인증 및 관리

  • 관리자 로그인 기능

• 포스트 관리

  • 포스트 리스트 조회

  • 신규 포스트 작성 기능

    • 파일 업로드
    • CKEditor

 

소스 관리, 배포, 도메인, 파일 업로드

• React

  • Github
    • 소스 관리
  • AWS Amplify
    • React에 작성된 소스 자동 배포 ( CI/CD )

• Node.js

  • AWS EC2

    • AWS에서 제공하는 가상 서버

  • AWS Elastic Beanstalk

    • AWS에서 제공하는 플랫폼 서비스( PaaS ), Node.js를 손쉽게 배포,관리하기 위한 서비스

  • Github Actions

    • Node.js에 작성된 소스 자동 배포 ( CI/CD )
    • AWS EC2, AWS Elastic Beanstalk과 연동

• 도메인 연결

  • AWS Route53
    • Gabia 도메인 연동
  • Gabia
    • 도메인 구매 및 AWS와 연동

• 파일(이미지, 동영상, 문서) 업로드

  • AWS S3

    • 클라우드 스토리지 서비스
    • 파일(이미지, 동영상, 문서)을 안전하게 저장하고 관리할 수 있는 서비스
    • 파일 업로드 시 s3에 자동 업로드

 

 

추가 예정 기능

Frontend ( 사용자 화면 )

• 포스트 상세 화면

  • 관련된 글 보여주기
  • 댓글 작성 기능
  • 포스트 조회수 기능
  • Web Socket을 이용한 실시간 채팅

 

Backend ( 서버 기능 )

• Frontend에서 추가될 기능에 필요한 API 추가

 

관리자 페이지 ( 운영자 화면 )

• 포스트 관리

  • 기존 포스트 수정 기능
  • 기존 포스트 삭제 기능

• 대시보드

  • 방문자 수 기반 대시보드

    • 이전 일,월 대비 증가,감소율
    • IP 기반 방문자 지역 지도 표기

  • 메뉴별 조회수 확인

  • 포스트 별 조회수 확인