🧑🏻‍💻Webduck 방문하기

---

📚웹툰 덕후들을 위한 사이트

---

플랫폼 별 리뷰가 달라 당황스러우셨나요?

요일마다 보시던 웹툰을 잊으셨나요?

---

🥸WebdDuck에서 웹툰관리하고 리뷰를 찾아보세요!

웹툰 리뷰평을 보고 보고싶은 웹툰을 WebDuck에서 찾아봐요

나만의 보관함을 만들어 보던 웹툰을 기록하세요!

---

📝목차

• 기술스택
• 아키텍처
• ERD
• 빌드
• API 문서
• 관리자 페이지
• 트러블슈팅

---

🔧기술스택

BackEnd
FrontEnd
DataBase
Infra

---

아키텍쳐

---

ERD

---

---

빌드

도커 사용 시

docker compose up

접속

• 프론트엔드

  http://localhost:80

• 백엔드

  http://localhost:8090

수동 빌드 시

Vue

경로 : webduck/frontend

cd frontend
npm install (버전 오류 나면)
vue run dev  // 개발환경
vue run build // 배포환경

SpringBoot

경로 : webduck/backend

gradle

cd backend
./gradlew clean build
java -jar build/libs/*.jar

환경 설정 변경

# webduck/backend/src/main/resources/application.yml
spring:
  profiles:
    active: dev // prod,test,docker

접속

• 프론트엔드

  http://localhost:5173

• 백엔드

  http://localhost:8090

---

API 문서

http://localhost:8090/docs/index.html

---

관리자 페이지

도커 환경	http://localhost:80/login
수동 배포 환경	http://localhost:5173/login

1. 관리자 로그인

2. 상단 메뉴바 관리자 페이지 접속

3. 메뉴 목록

---

📌트러블슈팅 & 성능 개선

• 외부 API 여러건 요청 성능 개선
• 자주 조회되는 API 성능 개선
• 만능과 같은 서비스 레이어
• 웹툰 데이터 통합 처리
• 방대해지는 연관 관계