2022 11 28

주말에 뭐하셨나요

• 기종: 토요일은 그냥 잠자고 일요일엔 사진파편 구현함
• 정욱: 토요일 잠+롤, 일요일 코테보고 잠자고 드라마보고
• 종찬: 🍻 & 😴
• 세연: 가족들이랑 시간을 보냈습니다 ㅎㅎ 작은형 생일

오늘 할 스프린트 계획 회의

• 전 주에 발생한 변경 사항에 따라 backlog를 보완합니다.
• 이번 주의 우선순위, 구현할 기능(Feature), 작업 크기, 담당자를 결정한다.
• 구현할 기능에 대한 데모 시나리오를 자세히 작성합니다.
• 사전에 정의한 기능과 동작을 완성했는지 확인할 수 있도록 다음의 내용을 반드시 포함해야 합니다. (테스트 목적과 상황 / 시나리오 진행에 필요한 값 / 시나리오 진행에 필요한 조건 / 시나리오 완료 시 보장하는 결과)
• 기능 목록 업데이트를 포함한 회의 내용을 프로젝트 저장소 Wiki에 작성하고 결과를 요약하여 Slack 분야 별 채널에 공유합니다. (매주 월 13:00까지)

4주차 스프린트계획

4주차 태스크

플레이어-맵 상호작용, 공유/공유중단 기능, 동기화 기능, 히스토리 기능

• 월 : 플레이어 맵 상호작용(메인), 공유/공유중단 API
• 화 : 플레이어 맵 상호작용(날아다니는 오브젝트=사진파편 클릭했을 때 합쳐지는거), 공유/공유중단 기능, 동기화 API
• 수 : 플레이어 맵 상호작용(링크 패널), 동기화 기능, 히스토리 API
• 목 : 히스토리 기능

여러분들이 적어놓은 프로덕트 개선사항

• 현재는 방향에 따라 같은 키워드를 갖는 문서를 분류하고 있는데, 해당 키워드가 쓰인 이정표 같은 게 있으면 무슨 공통 키워드인지 알 수 있어서 좋을 것 같다

  • 키워드+무슨방향 3개 배열
  • [-1, 시작] ⇒ {시작 : 키워드}

• 짧은 소제목의 경우는 굳이 애니메이션이 들어가지 않아도 무방하므로 해당 기능을 제거한다.

• 로딩 프로그레스 바 구현

• hidden을 활용해서 너무 멀리 있는 것들은 scene에서 렌더링을 막아버리자! <주말에 하긴했음>

• 공개된 노션 페이지의 경우 링크를 추가하는 것도 좋을 것 같다

  • 같이 제공됨. 야 신난다!

• 루트페이지를 1개만 만들어볼까요

  • 서브페이지가 없으면 휑한 화면이 보여질텐데 너무 DB형 노션에만 비주얼이 최적화있는듯
    • 서브페이지가 없으면 h1 기준으로 섬을 새로 만드는 것도?
      • 대체기준이 모호할 것 같음

• misc(어느 키워드에도 해당하지 않는 페이지)의 경우 고립된 섬으로 만드는 것도 좋았을듯?

• 미들웨어는 (redis에 부담이 될 수 있어서) 어떤 건 쓰고 어떤 건 안 쓰도록 구현하고 있는데, 새로 미들웨어를 쓰는 api를 추가하려면 index.js에서도 수정해줘야 해서 부담스럽다. (기종이 할예정)

  import {authMiddleware,catchAuthError} from "../middleware/authMiddleware";
  
  router.post(
    "/gallery",
  	authMiddleware,
  	catchAuthError,
    asyncHandler(async (req, res) => {
      //duration= 2w||1m||3m||1y
      const userID = req.userid;
      const notionAccessToken = req.accessToken;
      const nowTime = Date.now();
      const { period = "all", theme = "dream" } = req.query;
  
      const notionRawContent = await getRawContentsFromNotion(notionAccessToken, period);
      const processedNotionContent = await processDataFromRawContent(notionRawContent, theme);
      const galleryID = await saveGallery(userID, processedNotionContent);
  
      console.log(`총 처리 시간: ${Date.now() - nowTime}`);
      res.status(200).json({ page: `/gallery/${userID}/${galleryID}` });
    }),
  );

  이런 식으로 수정하는 게 괜찮을듯. 명시적으로 이 엔드포인트가 무슨 선택적인 미들웨어를 쓰는지 알 수 있어서 응집성이 늘어남

• TP(TelePort)를 넣어보아요(0,0으로 리스폰)

  • 캔버스 밖 컴포넌트가 관여되므로 (캔버스 밖+캔버스 안 상호작용)
  • 플레이어 위치도 전역 상태로 관리해야하나…

버그를 수정해보아요

• 1인칭 회전 관련 버그 원인 파악 및 수정(사실 이건 three.js pointerlockcontrol 버그임)

태스크맵을 짜 봅시다

https://www.figma.com/file/hcKVcbrP4OphRRpwrPEqwU/%EC%8A%A4%ED%94%84%EB%A6%B0%ED%8A%B8-%ED%83%9C%EC%8A%A4%ED%81%AC%EB%A7%B5?node-id=0%3A1&t=xphp7ABIjyXmlE1a-0

그래서 오늘 뭘 할 거냐

기종

• 미들웨어 리팩토링
• 사진 파편 버텍스 업데이트
• 사진 파편 클릭시 합쳐지는 애니메이션

---

(이 아래는 매우 늦게 끝날 가능성 높음)

• 사진 파편 클릭시 플레이어 바로 앞으로 이동
• 플레이어가 시점 다른데로 옮기면 사진파편 퍼지게 하기
• 사진 파편 플로팅 애니메이션

세연

• 짧은 소제목의 경우 애니메이션 비활성화
• 동기화 버튼 스타일링
• 동기화 버튼 클릭하면 create 페이지에 있던 ‘그’ 모달 나와야 함
  • 근데 ‘그’ 모달 클릭했을 때 동작이 다름
    • 동작 다르게 하는 건 이미 구현을 해 놓았음
• 동기화 API 작성
• Server Sent Event 공부하기.

종찬

• 최초 이미지 링크만 페이지에 저장

  • 기본 이미지는? ( 페이지에 이미지가 없을 때 )

    

• 파이썬 이미지 픽셀 API 호출 확인

• 이미지 픽셀 결과를 페이지 내에 저장 및 DB 전송 확인

• 각 페이지 별 자신의 링크 추가

• [Optional] 각 그룹별 대표 키워드 저장

• [Optional] Server Sent Event 학습정리

정욱

• 사용자가 로그인 상태인지 확인할 수 있는 인터페이스 마련
• 공유/공유 중단 버튼 스타일
  • 공유여부, 로그인 여부에 따라 보여지는게 달라야함
  • 공유/공유 중단 모달 디자인
• 공우/공유 중단 API 작성
  • API호출 후, user스키마 업데이트