hikari:
  driver-class-name: ${spring.datasource.driver-class-name}  # 데이터베이스 드라이버 클래스 이름
  jdbc-url: ${spring.datasource.url}  # 데이터베이스 연결 URL
  username: ${spring.datasource.username}  # 데이터베이스 사용자 이름
  password: ${spring.datasource.password}  # 데이터베이스 사용자 비밀번호
  connection-timeout: 10000  # 커넥션 타임아웃 (밀리초 단위)
  minimum-idle: 2  # 최소 Idle 커넥션 수
  maximum-pool-size: 10  # 커넥션 풀의 최대 크기
  max-lifetime: 3597000  # 커넥션 최대 생존 시간 (밀리초 단위)
  pool-name: naek-${spring.profiles.active}-pool  # 커넥션 풀의 이름
  data-source-properties:
    cache-prep-stmts: "true"  # PreparedStatement 캐시 사용 여부
    prep-stmt-cache-size: "250"  # PreparedStatement 캐시 크기
    prep-stmt-cache-sql-limit: "2048"  # PreparedStatement 캐시 SQL 제한 크기
    use-server-prep-stmts: "true"  # 서버 측 PreparedStatement 사용 여부
    use-local-session-state: "true"  # 로컬 세션 상태 사용 여부
    rewrite-batched-statements: "true"  # 배치된 SQL 문장 재작성 여부
    cache-result-set-metadata: "true"  # ResultSet 메타데이터 캐시 사용 여부
    cache-server-configuration: "true"  # 서버 구성 정보 캐시 사용 여부
    elide-set-auto-commits: "true"  # setAutoCommits 생략 여부
    maintain-time-stats: "false"  # 시간 통계 정보 유지 여부

afterDraw: (chart) => {
    const ctx = chart.ctx;
    ctx.font = "20px 'SCDream-light'"
    ctx.save();

    const chartCenterPoint = {
        x: (chart.chartArea.right - chart.chartArea.left) / 2 + chart.chartArea.left,
        y: (chart.chartArea.bottom - chart.chartArea.top) / 2 + chart.chartArea.top
    };

    let sum = 0;
    chart.config.data.labels.forEach((label, i) => {
        const dataset = chart.config.data.datasets[0];
        let value = dataset.data[i];
        sum += value;

        if(i < 6) {
            return true;
        }
        const meta = chart.getDatasetMeta(0);
        const arc = meta.data[i];

        const centerPoint = arc.getCenterPoint();
        const model = arc;
        let color = chart.config._config.data.datasets[0].backgroundColor[i];
        let labelColor = "#323232";

        if (dataset.polyline && dataset.polyline.color) {
            color = dataset.polyline.color;
        }

        if (dataset.polyline && dataset.polyline.labelColor) {
            labelColor = dataset.polyline.labelColor;
        }

        let angle = Math.atan2(centerPoint.y - chartCenterPoint.y, centerPoint.x - chartCenterPoint.x);

        let plusRadius = 20;
        const point2X = chartCenterPoint.x + Math.cos(angle) * (model.outerRadius + plusRadius);
        let point2Y = chartCenterPoint.y + Math.sin(angle) * (model.outerRadius + plusRadius);

        if (dataset.polyline && dataset.polyline.formatter) {
            value = dataset.polyline.formatter(value);
        }

        //DRAW CODE
        if (value !== 0) {
            ctx.strokeStyle = color;
            ctx.lineWidth = 2;
            ctx.beginPath();
            ctx.moveTo(centerPoint.x, centerPoint.y);
            ctx.lineTo(point2X, point2Y);
            ctx.stroke();
        }

        const labelAlignStyle = point2X < chartCenterPoint.x ? "right" : "left";
        const labelX = point2X < chartCenterPoint.x ? point2X : point2X + 2;
        const labelY = point2Y < chartCenterPoint.y ? point2Y : point2Y + 5;

        ctx.textAlign = labelAlignStyle;
        ctx.textBaseline = "bottom";

        ctx.fillStyle = labelColor;
        if (value !== 0) {
            ctx.fillText(`${label}\r\n${value}명`, labelX, labelY);
        }
    });

    //정중앙
    const width = chart.width;
    const height = chart.height;
    ctx.save();
    ctx.fillStyle = '#000'; // 텍스트 색상 설정
    ctx.font = "25px 'SCDream-light'"
    ctx.textAlign = 'center';
    ctx.textBaseline = 'middle';
    ctx.fillText(`정회원 ${sum}명`, width / 2, height / 2 + 20); // 원하는 위치에 텍스트 추가

    ctx.restore();
},

git tag -d $(git tag -l)
git fetch
git push origin --delete $(git tag -l)

<div> 
    개발환경 : <span th:text="${@environment.getProperty('test1.context')}"></span> 
    개발URL : <span th:text="${@environment.getProperty('test2.context')}"></span> 
</div>