🔗 구글 스프레드 시트-노션 WBS 자동화 처리

차슈·2025년 10월 1일

1. Notion 준비

1) Notion API 토큰

Notion에서 Internal Integration을 생성해
Secret Token = 프라이빗 API 통합 시크릿 발급 (워크스페이스 생성자만 가능)
토큰은 ntn_ 으로 시작
이 토큰은 통합에 공유된 페이지/DB만 접근 가능
토큰 생성 주소

2) 권한 / 역할

게스트 계정이라도 가능하긴 하지만, 해당 DB를 통합에 공유해야합나디ㅏ.
- DB 소유자/관리자에게 요청: DB 우측 상단 공유 -> 연결 -> 노션 통합을 초대
- 공유가 되지 않는다면 404 에러 메세지가 뜹니다!

3) Database ID (인라인 DB 포함) 확인

DB 페이지를 연 뒤 페이지 주소에 보이는 32자 ID를 사용
?v= 뒤에 순수 ID를 사용
- API에서는 하이픈 포함 ID 형태(xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx)가 필요.
  - EX) 24ed5864-227a-8032-b957-fdc14deca543

4) 속성 설계

설계는 작성자의 마음대로 노션 -> 데이터베이스를 만들어서 작성해도 됩니다.
작업 날짜 미입력시에 WBS에 자동으로 연동이 되지 않습니다!

업무 내용: Title(페이지 제목)

상태: Status 타입(사전 정의된 옵션 사용)

파트: Multi-select(기획/디자인/프론트엔드/백엔드 등)

담당자: People

작업 날짜: Date(시작~종료 범위 사용)

2. Google Sheets 준비

1) 빈 스프레드시트를 준비

빈 스프레드시트에 표부터 다 만들어주기 때문에 반드시 비어있는 스프레드 시트여야합니다.

2) Apps Script

스프레드시트에서 확장 프로그램 -> Apps Script 클릭
스크립프 파일에 로직 작성

'NOTION_TOKEN': notion scret token => ntn으로 시작하는 것
'NOTION_DATABASE_TOKEN' : 하이픈이 포함된 주소

function getNotionDataWBSWithDates() {
  const token = 'NOTION_TOKEN'; 
  const databaseId = 'NOTION_DATABASE_TOKEN';
  
  const url = `https://api.notion.com/v1/databases/${databaseId}/query`;
  const options = {
    method: 'post',
    headers: {
      'Authorization': `Bearer ${token}`,
      'Notion-Version': '2022-06-28',
      'Content-Type': 'application/json'
    }
  };

  const response = UrlFetchApp.fetch(url, options);
  const data = JSON.parse(response.getContentText());

  const sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('시트1');

  // ==== 시트 초기화 ====
  sheet.getRange(1,1,sheet.getMaxRows(), sheet.getMaxColumns()).breakApart();
  sheet.clearContents();
  sheet.clearFormats();

  // ==== 기본 WBS 열 생성 ====
  const headers = ['구분', '업무 내용', '상태', '파트', '담당자'];
  // 이건 노션에서 생성한 db의 이름과 똑같아야합니다! 
  const startDate = new Date("2025-09-29");
  const endDate = new Date("2025-11-29");

  // 날짜 헤더 생성
  const dateHeaders = [];
  let currentDate = new Date(startDate);
  while(currentDate <= endDate){
    dateHeaders.push(`${currentDate.getMonth()+1}월 ${currentDate.getDate()}일`);
    currentDate.setDate(currentDate.getDate() + 1);
  }

  // 헤더 값 설정
  sheet.getRange(1, 1, 1, headers.length + dateHeaders.length).setValues([headers.concat(dateHeaders)]);
  sheet.getRange(1,1,1,headers.length + dateHeaders.length).setBackground('#D9D9D9');
  sheet.getRange(1,1,1,headers.length + dateHeaders.length).setFontWeight('bold');
  sheet.getRange(1,1,1,headers.length + dateHeaders.length).setHorizontalAlignment('center');

  // 날짜 헤더 폰트 크기 줄이기
  sheet.getRange(1, headers.length + 1, 1, dateHeaders.length).setFontSize(8);

  // 열 너비 지정
  sheet.setColumnWidth(1, 100); // 구분
  sheet.setColumnWidth(2, 300); // 업무 내용
  sheet.setColumnWidth(3, 100); // 상태
  sheet.setColumnWidth(4, 120); // 파트
  sheet.setColumnWidth(5, 150); // 담당자
  for(let i=0;i<dateHeaders.length;i++){
    sheet.setColumnWidth(headers.length + i + 1, 50); // 날짜 열 너비 고정
  }

  // ==== 담당자 이름 매핑 ====
  const assigneeMap = {
    '담당자 노션이름': 'WBS에 입력될 이름',
 
  };

  // ==== 구분 키워드 ====
  const sections = ['기획 및 설계', '디자인', '개발'];
  let row = 2;

  sections.forEach(section => {
    const sectionStartRow = row;

    const filtered = data.results.filter(page => {
      const partArray = page.properties['파트']?.multi_select?.map(p => p.name) || [];
      const start = page.properties['작업 날짜']?.date?.start;
      if (!start) return false; // 날짜 없는 항목 제외
      if(section === '기획 및 설계') return partArray.includes('기획');
      if(section === '디자인') return partArray.includes('디자인');
      if(section === '개발') return partArray.some(p => ['프론트엔드','백엔드'].includes(p));
      return false;
    });

    filtered.forEach(page => {
      const properties = page.properties;
      const task = properties['업무 내용']?.title[0]?.plain_text || '';
      const status = properties['상태']?.status?.name || '';
      let part = properties['파트']?.multi_select?.map(p => p.name).join(', ') || '';

      // 담당자 이름 변환
      let assignees = '';
      if(properties['담당자']?.people){
        assignees = properties['담당자'].people
          .map(p => assigneeMap[p.name] || p.name)
          .join(', ');
      }

      // 작업 날짜 범위
      const start = properties['작업 날짜']?.date?.start;
      const end = properties['작업 날짜']?.date?.end;
      let workDates = [];
      if(start){
        let s = new Date(start);
        let e = end ? new Date(end) : new Date(start);
        if(e < s) e = new Date(start); // start > end 방지
        while(s <= e){
          workDates.push(`${s.getMonth()+1}월 ${s.getDate()}일`);
          s.setDate(s.getDate() + 1);
        }
      }

      // 행 생성
      sheet.getRange(row,1,1,headers.length).setValues([[section, task, status, part, assignees]]);
      sheet.getRange(row,1,1,headers.length).setBackground('#FFFFFF'); // 기본 흰색

      // 작업 날짜 색칠
      const sectionColor = section === '기획 및 설계' ? '#FFC7C7' :
                           section === '디자인' ? '#C7D9FF' :
                           '#FFFAC7'; // 개발
      workDates.forEach(d => {
        const dateCol = headers.length + dateHeaders.indexOf(d) + 1;
        if(dateCol > headers.length){
          sheet.getRange(row,dateCol).setBackground(sectionColor);
        }
      });

      row++; // 한 행 증가
    });

    const sectionEndRow = row - 1;
    if(sectionEndRow >= sectionStartRow){
      sheet.getRange(sectionStartRow,1,sectionEndRow-sectionStartRow+1,1).merge();
      sheet.getRange(sectionStartRow,1).setValue(section);
      sheet.getRange(sectionStartRow,1,sectionEndRow-sectionStartRow+1,1).setBackground('#D9D9D9');
      sheet.getRange(sectionStartRow,1,sectionEndRow-sectionStartRow+1,1).setFontWeight('bold');
      sheet.getRange(sectionStartRow,1,sectionEndRow-sectionStartRow+1,1).setHorizontalAlignment('center');
    }
  });
}