Skip to content
@The-Monitor-Dev

The Monitor-Dev

🔗 배포 링크

서비스 소개

팀 소개 1

배경 배경1

**📝 이해를 돕기 위한 실무자의 글**

[[PR/홍보대행사 인턴 업무_모니터링]](https://blog.naver.com/lifefor0/222058462827)

[[PR]뉴스 모니터링... 반복의 업무 그러나 실수의 연속](https://blog.naver.com/ggggggggguda/222650339397)

# 🧑‍💻 **타겟 인사이트**

1  서비스타겟

서비스 특성 상 User 와 Customer 가 다르다고 판단하였습니다. 서비스타겟

2 리서치 리서치 2-1데스크리서치 데스크리서치-1 2-2 데스크리서치 데스크리서치-2

3  업무영상분석 업무영상분석 4 유저리서치

👥  인터뷰이

인터뷰이

💡

인터뷰 질문

  • 가설 1. 현재 시장에 존재하는 모니터링 서비스는 대행사의 직원들에게는 적합하지 않을 것이다

    1. 모니터링 업무 시 보조 서비스를 사용하시나요?
    2. ’뉴스럴‘이라는 서비스가 존재한다는 것을 알고 있으신가요?
    3. 모니터링 업무에서 가장 시간이 많이 필요한 부분은 어느 부분인가요?
  • 가설 2. 고객사 별로 모니터링에 대한 요구사항이 다르기 때문에 대행사에서는 수기 업무를 선호할 것이다

    1. 고객사 별로 모니터링 보고서의 양식이 다른 이유는 무엇인가요?
    2. 보고서의 양식은 대행사와 고객사 중 어느 쪽에서 제공하나요?
    3. 서비스를 사용한다면 회사 메일이 아닌, 서비스의 메일로 모니터링이 갈텐데 괜찮나요?
  • 가설 3. 성과 보고를 간편화하기 위한 모니터링 서비스가 있다면 사용할 의향이 있을 것이다.

    1. 모니터링 보고서를 통해 만들어지는 2차 산출물에는 무엇이 있나요?
    2. 모니터링 결과물을 해당 산출물로 옮기기 위해 수기 이외의 방법을 활용하고 있나요?
  • 가설 4. 서비스를 구매하는 customer 는 업무 자동화 이상의 가치를 제공해야만 구매할 것이다.

    1. 모니터링에 보고 이외의 목적도 있나요? (저연차 직원들을 교육시키기 위한)
    2. AI 기능을 활용해 전략제안에 모니터링 보고서에 대한 인사이트를 도출하는 기능은 비딩과정에서 설득력을 더할 수 있다고 생각하시나요?
  • 가설 외의 질문

    1. 모니터링 외에 개선되었으면 하는 업무가 있나요?
    2. 뉴스럴 사용성 평가
    3. 대행사에게 필요한 뉴스분석은 무엇인가요?
    4. 업무보조 서비스를 회사에서는 어떤 과정으로 구매 / 결정 하나요?

🖥️ 핵심 기능

프로젝트 목표

Frame 2085665689

회원가입

  • 보안을 위해 메일 인증 기능을 포함한 회원가입 기능
  • 대표 메일로 로그인 후, 관리자가 추후 어드민 페이지에서 각 고객사 별 담당자에게 권한을 부여

고객사 리스트

  • 간단한 정보 입력을 통해 고객사 워크스페이스 생성
  • 자사/경쟁사/업계에 대한 모니터링 키워드와 수신인 메일을 사전에 등록
  • 추가한 고객사들의 워크스페이스를 관리하고 모아볼 수 있는 메인 화면

데일리 모니터링 기능

  • 키워드별로 검색된 기사 중에서 원하는 기사를 선택하여 보고서에 추가할 수 있는 페이지로, The Monitor가장 핵심적인 기능이 포함됨

보고서 편집하기

  • 데일리 모니터링에서 스크랩한 기사의 제목, 헤드라인, URL, 기자명 등이 클릭 한 번으로 보고서 형식에 반영됨
  • 로고, 제목, 색상, 카테고리 등을 커스텀 하여 통일된 보고서 형식에서 베리에이션을 추가
  • 보고서 편집 후 고객사 담당자에게 빠르게 메일 전송 가능

보고서 관리하기

  • 최대 1년 간의 모니터링 보고서를 모아보는 기능
  • 이전에 작업한 보고서도 편집 가능하며 스크랩한 내역도 함께 저장됨

💾 개발

WEB / APP 기술 스택 선정 이유

  • Vite: 빠른 번들링과 핫 리로딩을 제공하는 최신 프론트엔드 빌드 도구입니다. 개발 속도를 높이고 효율적인 개발 환경을 제공하기 위해 선택했습니다.
  • React: 컴포넌트 기반 UI 라이브러리로, 재사용성과 유지보수성이 뛰어나며 복잡한 UI를 효율적으로 관리할 수 있어 선택했습니다.
  • TypeScript: JavaScript에 정적 타입을 추가하여 코드의 안정성을 높이고 버그를 줄일 수 있습니다. 유지보수성과 가독성을 위해 도입했습니다.
  • Tailwind CSS: 유틸리티 기반 CSS 프레임워크로, 빠르고 일관성 있는 스타일링이 가능하여 개발 시간을 단축시키고 커스터마이징의 유연성을 확보하기 위해 사용했습니다.

SERVER 기술 스택 선정 이유

기술 스택

  • Java - version 21
  • Spring boot JPA
  • JWT
    • 인증 인가 (로그인 회원가입)
  • Restful API
  • Redis
    • 이메일 인증번호 발급
  • S3
    • 보고서 저장
  • Docker
    • Docker Image
    • JIB
  • Nginx
    • 로드밸런싱
    • HTTP → HTTPS
  • AWS EC2 - 서버
    • 탄력적 IP
  • RDS

라이브러리

  • Apache Poi - MS 문서화

Open API

  • Google Custom Search API

ERD

themonitor-erd

System Architecture

themonitorsa

Popular repositories Loading

  1. The-Monitor_BE The-Monitor_BE Public

    The Monitor 백엔드 레포입니다.

    Java 4

  2. The-Monitor-FE The-Monitor-FE Public

    TypeScript 2

  3. .github .github Public

  4. 30th_Meetup_TeamB_TheMonitor_Front 30th_Meetup_TeamB_TheMonitor_Front Public

    TypeScript

Repositories

Showing 4 of 4 repositories

People

This organization has no public members. You must be a member to see who’s a part of this organization.

Top languages

Loading…

Most used topics

Loading…