웹 게시판 프로젝트

• 직접구현한 WAS를 사용한 백만개의 게시글을 관리하는 시스템 입니다.
• 배포 : http://boodit.duckdns.org
  ID/PW : admin / admin
  (개인pc의 가상머신 리눅스에 배포 => 새벽2시~오전9시 이용불가..)

✔️ 실행 방법

$ npm install
$ npm start

기술스택

• BE
  

• FE
  

아키텍쳐

graph LR
    A[💻 Client] -->|HTTP/HTTPS| B["🖧 Nginx"]
    B -->|Reverse Proxy| C[🖥️ WAS]
    C -->|Cache| D["⚡ Redis"]
    C -->|Persist Data| E["🐬 MySQL"]
    D --> |Batch| E

    style A fill:#FFD700,stroke:#FFA500,stroke-width:2px,color:#000
    style B fill:#87CEFA,stroke:#4169E1,stroke-width:2px,color:#000
    style C fill:#98FB98,stroke:#228B22,stroke-width:2px,color:#000
    style D fill:#FF69B4,stroke:#C71585,stroke-width:2px,color:#000
    style E fill:#DDA0DD,stroke:#8B008B,stroke-width:2px,color:#000

    classDef iconNode font-weight:bold
    class B,D iconNode

Loading

성능개선

• Redis를 사용하여 db 접근을 최소화 했습니다.
  (100회의 게시글 조회시 db접근횟수 100회 → 1회)
  • https://mini-96.tistory.com/719
• 3800 밀리초의 게시글 조회를 150 밀리초로 개선하였습니다.
  • https://mini-96.tistory.com/716

OAuth 구현

• 외부 라이브러리 도움 없이 직접 구현했습니다.
  • https://mini-96.tistory.com/714

자동배포

• main 브랜치에 push하면 자동으로 배포됩니다.
  • https://mini-96.tistory.com/667

ERD