Skip to content

README.md

Latest commit

 

History

History
188 lines (148 loc) · 6.04 KB

README.md

File metadata and controls

188 lines (148 loc) · 6.04 KB
Raw

Sample Secure — 사이버 보안 기업 웹사이트

Flask 기반 사이버 보안 전문 기업 샘플 웹사이트입니다.
실제 보안 서비스·제품·콘텐츠를 갖춘 풀스택 데모 프로젝트입니다.

기술 스택

구분 기술
Backend Python 3.12 / Flask 3.x
DB SQLite + SQLAlchemy
Frontend Jinja2 템플릿 / Vanilla JS / CSS Custom Properties
배포 Flask Dev Server (로컬)

프로젝트 구조

securecore/
├── app.py                  # Flask 애플리케이션 (라우트·데이터 전부 포함)
├── requirements.txt        # Python 의존성
├── static/
│   ├── css/style.css       # 전체 스타일 (다크모드·라이트모드·반응형)
│   └── js/main.js          # 공통 JS (navbar·드롭다운·테마 전환)
└── templates/              # Jinja2 HTML 템플릿 (28개)

주요 페이지 목록

서비스 상세 페이지 (11개)

URL 설명
/services/pentest 침투 테스트 — 웹·네트워크·모바일·클라우드·소셜 엔지니어링
/services/soc 보안관제(SOC) — 24/7 실시간 위협 탐지·대응
/services/mdr MDR — AI 위협 헌팅 + 능동적 사고 격리
/services/redteam 레드팀 훈련 — APT 시뮬레이션·Purple Team
/services/dfir DFIR — 디지털 포렌식·침해사고 대응
/services/cloud 클라우드 보안 — CSPM·IAM·컨테이너·DevSecOps
/services/ot-security OT/ICS 보안 — 산업제어시스템 보안
/services/supply-chain 공급망 보안 — SBOM·서드파티 리스크·코드 서명
/services/compliance 컴플라이언스 — ISMS-P·ISO 27001·SOC 2
/services/threat-intel 다크웹 모니터링 & OSINT
/services/training 보안 교육 — 피싱 시뮬레이션·LMS·임원 교육

제품·솔루션

URL 설명
/products 장비 카탈로그 — 방화벽·NGFW·IDS·IPS·WAF·DDoS·VPN·NAC·SIEM·SOAR·NDR·EDR/XDR·DLP 등

고객 서비스

URL 설명
/assessment 보안 자가진단 — 단계별 질문으로 보안 수준 측정
/training 보안 교육 센터 — 8개 커리큘럼 수강 신청
/tools 무료 보안 도구 — 비밀번호 강도·해시·Base64·IP 조회 등
/portal 고객 포털 — 로그인 후 서비스 현황·보고서·티켓 관리

회사 정보

URL 설명
/about 회사 소개 — 연혁·핵심가치·팀 소개
/cases 고객 사례 — 산업별 도입 성과
/trust 신뢰·인증 — 보안 인증·수상 내역
/partners 파트너 — 기술·리셀러·글로벌 파트너
/events 이벤트 — 세미나·웨비나·전시회
/careers 채용 — 포지션별 채용 공고 및 지원
/pricing 가격 — 플랜별 구성 및 비교

리소스

URL 설명
/blog 블로그 — 보안 인사이트 포스트
/resources 자료실 — 기술 문서·백서 다운로드
/glossary 용어 사전 — 보안 용어 설명
/faq FAQ
/cve CVE 트래커 — 최신 취약점 목록·심각도 필터
/report 연간 위협 보고서 — 통계·위협 분석·권고
/newsletter 뉴스레터 아카이브

기타

URL 설명
/security 보안 정책 (VDP)
/privacy 개인정보처리방침
/admin 관리자 — 문의 목록 관리

주요 기능

UI/UX

  • 다크모드·라이트모드 전환 (로컬스토리지 저장)
  • 반응형 디자인 — 모바일·태블릿·데스크톱
  • 드롭다운 nav — hover 지연·투명 브릿지 pseudo-element로 안정적 동작
  • "솔루션" 메가 드롭다운 — 11개 전문 서비스 직접 연결

제품 카탈로그 (/products)

  • 카테고리 필터 + 실시간 검색
  • 스펙 펼치기/접기
  • 하드웨어·유지보수·설치비 자동 합산

고객 포털 (/portal)

  • 데모 계정 로그인 (demo@samplesecure.com / demo1234)
  • 사이드바 전용 네비게이션 (상단 nav 없음)
  • 개요·서비스 현황·보고서·지원 티켓·알림 탭
  • 보안 점수 게이지, 진행률 프로그레스 바

무료 보안 도구 (/tools)

  • 비밀번호 강도 측정기
  • SHA-256/512 해시 생성기 (Web Crypto API)
  • Base64 인코더/디코더
  • URL 인코더/디코더
  • IP 정보 조회 (ipapi.co 공개 API)
  • 포트 번호 사전

CVE 트래커 (/cve)

  • 심각도 필터 (Critical·High·Medium·Low)
  • 패치 여부 필터
  • 실시간 검색

자가진단 (/assessment)

  • 5단계 카테고리별 질문
  • 점수 기반 보안 등급 산출
  • 결과별 권고 서비스 연결

API 엔드포인트

엔드포인트 설명
POST /api/inquiry 문의 접수 (DB 저장)
POST /api/newsletter 뉴스레터 구독
POST /api/apply 채용 지원
POST /api/download 자료 다운로드 요청
POST /api/event-register 이벤트 등록

설치 및 실행

# 1. 클론
git clone https://github.com/YOUR_USERNAME/securecore.git
cd securecore

# 2. 가상환경 생성 (선택)
python -m venv venv
venv\Scripts\activate  # Windows
# source venv/bin/activate  # macOS/Linux

# 3. 의존성 설치
pip install -r requirements.txt

# 4. 실행
python app.py

브라우저에서 http://localhost:5000 접속

데모 계정

구분 값
포털 이메일 demo@samplesecure.com
포털 비밀번호 demo1234
관리자 /admin (별도 인증)

스크린샷 미리보기

페이지 설명
메인 홈 서비스 소개·통계·연락처
서비스 상세 6개 세부 기능·프로세스·고객 사례
제품 카탈로그 카테고리 필터·스펙 비교·견적 계산
고객 포털 사이드바 대시보드·보안 점수·티켓

라이선스

MIT License — 교육·포트폴리오·데모 목적으로 자유롭게 사용 가능합니다.