241206 재윤

목표 기능(달성도)

가. 작업 분량 UI 수정(100%)

공유하기 모달창 UI수정, 시간 포맷 수정 완료

나. jwt 토큰 수정(50%)

현재 액세스 토큰은 요청 헤더에 담겨서 잘 됨

쿠키에 리프레쉬 토큰이 서버에서 잘 도착하나 클라이언트에서 요청시 서버에 안 가짐

문제는 서버와 클라이언트의 도메인이 달라서 SameSite=None으로 설정하고 https가 아니어서
Secure옵션을 false로 해서 쿠키나 인증 정보가 안 가지는 것이라고 생각(추정), SameSite=None으로
설정하면 Secure은 true로 해야 한다는 구글링의 정보를 발견했음

쿠키 문제 해결해야 하고 리이슈 과정도 맞춰야 하는 문제가 남아있음

다. 받은 편지함 읽음 처리 수정하기(100%)

읽음 처리 API처리하여 편지를 읽으면 편지 아이콘이 사라지게 구현

라. next.js 마이그레이션(30%)

https://gifted-nation-dc1.notion.site/next-js-1464c589856f804cad88d8c278b26ae8?pvs=4

241206 윤미

목표 기능(달성도)

가. 실시간 편지 알림(50%)

편지 더미, 새로운 편지함 UI 끝냈습니다~!
API 대기 중

나. nextjs 변환 회의 기초 자료
https://temporal-mantis-680.notion.site/nextJS-15396fbf72b0806ba5d7f4806c17486f?pvs=4

241120 재윤

목표 기능(달성도)

가. 공유기능(100%)

모달창 커스텀, url복사 기능 구현 완료

카카오톡 api 연결 완료, 이제 배포한 사이트의 url만 넣으면 끝(+ 추가로 카카오톡만 있으니 허전해서 페이스북과 X(트위터)를 추가로 구현)

나. 무한 스크롤 구현(100%)

throttle을 이용해서 구현 완료 하였고 thrttle요청 방지 limit은 100=0.1초로 구현
받은, 보낸 편지함, 개별 편지 열람에도 구현 완료

다. 공통 과제(프론트, JWT토큰 방식)(50%)

next.js 구동방식 알아오기 -> 아직 못했습니다..
JWT토큰 현재 헤더에 저장하는데 보안에 적합한 방식 알아오기 -> 토큰 저장 방식에는 여러가지가 있다.

세션 스토리지
로컬 스토리지
쿠키 -> 결론은 알아본 바에 의하면 한 가지 방법에만 집중해서 토큰을 처리하면 CSRF나 XSS공격에 취약할수있다.
그래서 refresh토큰을 cookie에 access토큰을 헤더 로컬변수로 저장하여 공격들에 대비하는 방법이 좋다고 생각했다.

이유 : refreshToken만을 secure HttpOnly 쿠키에 저장함으로써 CSRF공격을 방어
(refresh token이 CSRF에 의해 사용된다 하더라도 공격자는 accessToken을 알 수 없음)
private 변수로 저장된 Access Token은 XSS 공격으로 탈취할 수 없고, 당연히 CSRF 공격을 당할 가능성도 없음
따라서 쿠키를 사용하여 XSS를 막고 refresh token 방식을 이용하여 CSRF를 막을 수 있다.

참고1 refo
참고2 refo
참고3 refo

241120 윤미

목표 기능(달성도)

가. 편지지 팝업 UI 공통 컴포넌트화(100%)
나. 편지 삭제 보낸, 받은 구분(100%)
다. 편지 삭제 api 수정(80%)

검색 부분 미완
병합 에러 수정했어요~~!!~!

라. 공통 과제(프론트, JWT토큰 방식) (80%..?)

https://temporal-mantis-680.notion.site/JWT-token-header-Vs-cookie-14496fbf72b080c4a22eee6acbc0300f
nextJS 이제 조금은,,, 할 수 있을 것 같아요 근데 정리 안됨,,,

241113 재윤

목표 기능(달성도)

가. 작업 분량 전체적 UI 수정 요청(100%)

편지쓰기 버튼 회색톤으로 만들기 -- done
보낸이와 본문 거리 떨어뜨리기 -- done
줄을 조금 옆에 마진을 주기 -- done
검색창과 보낸이 선맞추기 -- done
검색창 위의탭과 조금 마진을 주기 -- done
검색창 회색창으로 만들고 한줄에 놓고 검색창 너비 줄여서 맞추기 -- done

나. 편지함 api 기능 올리기(!00%)

구현완료
편지함 데이터를 한번에 받아와서 쓰는데 개별 편지 열람에 대한 api를 쓰지 않고 개별 편지 데이터를 recoil로 관리해서
클릭 이벤트가 일어날때마다 편지 id를 기준으로 전역 recoil 개별 편지 데이터에 갈아 끼우는 방식

  // 메일 아이템 클릭 이벤트(개별 편지 팝업창)
  const handleMailItemClick = (mail: Mail) => {
    console.log("개별 메일 확인: ", mail);
    setIndividualLetterInfo({
      isOpen: true,
      id: mail.id,
      toUserNickname: mail.sender,
      letterContent: mail.subject,
      fromUserNickname: mail.sender,
    });
    setReceiveLetterBoxModal(false);
  };

<MailList>
  {mails.map((mail) => (
    <MailItem key={mail.id} onClick={() => handleMailItemClick(mail)}>
      <MailItemColumnWrap>
        <MailItemRowWrap>
          <Sender>{mail.sender}</Sender>
          <TimeReceived>{mail.timeReceived}</TimeReceived>
        </MailItemRowWrap>
        <Subject>{mail.subject}</Subject>
      </MailItemColumnWrap>
    </MailItem>
  ))}
</MailList>

다. 자잘한 UI 수정(50%)

모달창에 X버튼 없는 부분 모두 추가
유저에게 클릭 가능한 부분이라는걸 알려주기 위해서 클릭 가능한 사물에 커서가 올라가면 테두리가 강조되도록 작업하려 했으나.. 논의 필요

현재 테두리 작업 현황

라. 카카오톡 공유 기능(10%)

브라우저의 기본 공유하기 모달창을 띄우기는 했으나 논의 할 사항 다수

241113 윤미

목표 기능(달성도)

가. 비밀번호 변경 에러 코드 관련 백엔드 변경 사항 반영(100%)
나. 랜더링 최적화(80%)

압축 옵션을 미사용 버전으로 작업했고, 풀 모델 용량 줄이기 및 나무 수를 줄이는 방식으로 진행하였습니다! 다. 편지 삭제 UI 휴지통부터 기능까지(50%)
아래 사진과 같이 UI는 완성된 상태인데, api 관련으로 논의하고 싶은 사항이 많아서 api는 스탑했습니다..!

241106 재윤

목표 기능(달성도)

가. 보내는 편지 UI 및 모달창 및 팝업창 처리(100%)

-------------------------편지를 보내는 순서----------------------------

1단계: 보내는 사람의 닉네임을 인증하는 모달창

2단계: 닉네임 확인 후 편지 작성

3단계: 마지막으로 편지를 보내기전 확인과 보낸 편지함에 저장 여부를 체크하는 모달창

나. 편지함 UI 구현(99%)

받은, 보낸 편지함을 탭으로 구성하고 검색창 기능(Debounce)까지 구현, 오른쪽 밑에 편지쓰기 기능으로 이어지는 버튼을 추가 할 예정(논의)

받은 편지함

보낸 편지함

검색 기능

241106 윤미

목표 기능(달성도)

마이페이지 모달 라우터 처리(100%)

처리 완료하여 develop에 업로드 하였습니다~

모달창 끄기 버튼 추가(100%)

각각 마이페이지 및 로그인 회원가입에 나가기 버튼 추가하였고 아래와 같습니다!

랜더링 최적화(90%)

두 가지 경우를 준비하였는데, 이 부분은 논의점에서 설명드리겠습니다!

에러 페이지 수정(100%)

홈으로 돌아가기 버튼 클릭하여, 토큰 에러 외의 에러가 생겼을 경우를 대상으로 연결해두었습니다!

카카오 회원가입 이메일 없애기(100%)

받은 이메일 값으로 처리하도록 추가하였습니다!
다만, 소셜 회원가입을 끝까지 하지 않은 경우에 대해서 값을 전달해주지 않아, 이 부분 논의점에 기재하였습니다!

프론트 과제(100%)

241030 재윤

목표 기능(달성도)

에러 핸들링 페이지 제작(100%)

컨펌후 pr예정

Toast Message수정(100%)

위에서 뜨고 사라지게 수정 완료

프론트 이론과제(100%)

과제 페이지

윤미가 (가)의 할일을 끝내는대로 편지지 api작업 시작(20%)

편지 보내기 api test완료(200뜸)

편지지 스크롤 커스터마이징(100%)

컨펌까지 완료

241030 윤미

목표 기능(달성도)

편지

편지지 letter ui 미디어 쿼리

끝내고 넘겼습니다~!

마이 페이지 모달(90%)

아직 카카오 회원 탈퇴 확인 안 됨

마이페이지 토큰 만료시 내정보 처리 개선 방안

로그아웃 후 재로그인하여 내 정보 삭제 처리 확인
계정1 토큰 만료 후 계정2로 재로그인하여 기존에 남아있는 내 정보가 잘 삭제되는지 확인

닉네임 중복 검사

닉넴만(중복체크 하고 안하고 포함)
주소만
둘 다

비밀번호 변경
마이페이지 유저 탈퇴 기능

로컬 유저 완료(파일 용량 문제로 회의 때 보여드리겠습니다,,)

계정 모달(100%)

메일 인증 alert변경하면서 카카오 로그인에 로딩 스피너 추가

리다이렉션 페이지로 넘어가면 로딩스피너말고 프로그레스바가 뜨는데 그게 더 나은 것 같아서 뒀어요~!

그 외

나무 glb모델 최적화(-)

ㅋㅋㅋㅋㅋㅋㅋㅋㅋ용량 줄이기 실패,,,
모델 합치기도 실패..
블랜더는 죄가 없고 모델링의 모도 모르는 제가 문제입니다
재윤 오빠 꺼 겨울도 느린지 확인 필요해요(용량이 직접적으로 연관이 있는지 확인하고 싶습니다)
진짜 한 번만 더 시도의 기회를 주신다면,,, 그래도 안된다면,,, 그땐 깔끔하게 단념하고 나무 수를 줄이겠습니다...........

프론트 이론 과제(-)

다음주까지 해오겠습니다...

241023 재윤

목표 기능(달성도)

kakao 로그인 회원가입 테스트 후 작업 분량 합치기(100%)

각 status code에 대응하는 에러처리 완료 후 develop에 merge

편지지 미디어 쿼리(99%)

논의점에 적어두긴했으나 일단 모니터, 노트북 기준으로 완료

(나)가 빨리 끝나면 편지지 api 작업 초반 닦기(0%)

생각을 곰곰히 해본 결과 편지지 ui부분을 develop에 merge하고 맞는거라고 판단

프론트 공통과제

과제 페이지

241023 윤미

목표 기능(달성도)

이메일 인증 페이지(로딩스피너 올리고, 이메일 인증 토스트메시지 변환(90%)

Timer 분리하여, alert 창으로 뜨는 메시지 전체 토스트 메시지로 변환.
메일 보내기 버튼 클릭시 백엔드 response 도착 시까지 loading spinner 띄우기 완료

마이페이지(로그아웃, 회원탈퇴, 마이페이지(유저 정보 수정))(80%)

침대 클릭 시 마이페이지 모달이 뜨도록 구현
회원 탈퇴 및 비밀번호 변경 아직 안됨 - 논의점 참고
마이페이지 나가기

마이페이지 내 정보 수정

마이페이지 회원탈퇴 UI (이거부터 용량이 터져서 2개로 나누고 사이즈를 줄였어요ㅎㅎㅎ..)

마이페이지 로그아웃

로딩 스피너 문서 올리기(100%)

올렸습니다~!

프론트 공통과제(100%)

과제 페이지

렌더링 최적화(-)

논의점과 프론트 과제 칸을 함께 확인해주십쇼..

241016 재윤

목표 기능(달성도)

카카오 회원가입(로그인) 다시 구현(99%)

에러 처리 및 변경된 백엔드 구조에 맞춰서 구현 완료(테스트만 남음)

회원가입 및 이메일 인증 api 처리(99%)

에러 처리 및 변경된 백엔드 구조에 맞워서 구현 완료(테스트만 남음)
논의점 다수 발생(안내 문구, 토스트 메시지 등)

편지지 UI 적용(100%)

UI	내용
	최종 확정된 편지지로 적용 완료

UI	내용
	스크롤 문제는 1안(줄간격에 맞춰서 스크롤 간격 조정)으로 해결 완료

4.프론트 공통과제 (50%)

(1) 최적화 라이브러리 공부 알아보기
-> 아직 적용해보지 않음
(2) 공용으로 쓰는 컴포넌트, 전역 상태 값, 함수 문서화 요청
-> 위키에 작성 완료, 커밋 컨벤션도 작성해둠(검토해보고 수정사항 수정하기)
(3) 주제: Context vs recoil
과제 페이지

241016 윤미

목표 기능(달성도)

백엔드 토큰 재발급 코드 리팩토링으로 인한 인터셉터 구조 변경(100%)

문서 업데이트 완료!

토큰 만료시에 대한 로그아웃 대응(95%)

1002 빈 토큰 대응을 깜빡해서 스피너 올릴 때 같이 넣어놨어요,,,

로딩 페이지 로딩 스피너로 변경(90%)

chrome-capture-2024-10-16 (1)

디자인 컨펌 받고 통과되면 공용 문서에 올리겠습니다~!

프론트 공통 과제(33%, 1, 3 미완)

(1) 렌더링 버벅임 현상에 대한 최적화
(2) 공용으로 쓰는 컴포넌트, 전역 상태 값, 함수 문서화 요청
(3) useContext와 recoil 비교
과제 페이지

241009 재윤

목표 기능(달성도)

이메일 인증, 회원가입 팝업창에 적용 할 공용 toast message, progress bar 구현(100%)

구현완료

UI	내용
	실제 적용 화면은 api가 변경 사항이 있어서 찍지 못함 사진의 파람바를 그대로? 구현

UI	내용
	토스트 메세지는 사진처럼 구현 피드백은 환영..?하지는 못하겠음^^ 그리고 회원가입-이메일 인증까지 토스트 메세지 적용 완료

UI	내용
	예외) 이메일 인증 타이머 부분은 컴포넌트가 계속 리렌더링 되는거 같아서 토스트 메세지가 사라지지 않음 onClose함수가 작동을 못함.. 그래서 랜덤코드 입력 밑에 텍스트로 만듬

카카오 회원가입 구현(0%)

account코드 리팩토링이 끝나고 하는게 효율적이라고 판단 작업사항x

편지지 UI 해결방안 적용해보기(0%)

공용 컴포넌트를 구현하면서 생각보다 문제가 많고 api에 수정해야 하는 사항들도 많아서 헛짓거리좀 하다가 못함 죄송합니다..

241009 윤미

목표 기능(달성도)

account 구조 변경(100%)

가. ~~react-router-dom(캔버스가 새로 렌더링 되는 과정에서 버벅임이 너무 심함)~~
나. recoil 사용(채택)

기본 구조

import { atom } from 'recoil';

// 모달 상태의 타입 정의
interface accountModalState {
  isOpen: boolean;
  type: 'login' | 'signup' | 'kakaoSignup' | 'MailVerify' | null;
}

// 모달 열림/닫힘 상태
export const accountModalState = atom<accountModalState>({
  key: 'accountModalState', // 고유 키
  default: {
    isOpen: false,
    type: null, // 초기값
  },
});

// 이메일 입력값 상태
export const emailState = atom<string>({
  key: 'emailState', // 고유 키
  default: '', // 유저가 입력한 이메일 값
});

accountModalState
-> isOpen : account 관련 모달 창을 열 것인가(true) / 닫을 것인가(false)
-> type: 어느 창을 열 것인가
emailState : 이메일 인증을 위한 값 저장(현재 로컬 로그인과 회원가입 시 적용됨 확인)

사용 방식

// import
import { useRecoilState } from "recoil";
import { accountModalState, emailState } from "../../recoil/accountAtom";

const Login = () => {
  // 상단 선언(_email과 _modalState의 _ 는 그냥 사용 안한다는 의미에서 썼습니다.. 순서 상 생략이 안돼서..!)
  const [_email, setEmail] = useRecoilState(emailState);
  const [_modalState, setModalState] = useRecoilState(accountModalState);

  const onClickLogin = async () => {
       ...
      if (res.data.responseCode === "200") {
        // 로그인 성공
        console.log("login success");
        // 모달 - 로그인 성공으로 모달 끄기
        setModalState({
          isOpen: false,
          type: null, // 로그인 타입으로 설정
        })
      }else if(res.data.responseCode === "403") {
        // 이메일 인증 미완료 계정
        setEmail(loginForm.email)
        alert('이메일 인증이 되지않은 계정입니다.')
        //모달 - 메일 인증 탭으로 화면 전환
        setModalState({
          isOpen: true,
          type: 'MailVerify', 
        })
      }
    ...
};

로그인 구현(100%)

로그인 전

로그인 후

의자 유무, 카메라 각도 조절

이메일 인증 미완료 계정

백엔드 토큰 재발급 코드 리팩토링으로 인한 인터셉터 구조 변경(0%)
토큰 만료시에 대한 로그아웃 대응(0%)

241002 재윤

목표 기능(달성도)

회원가입 api - 이메일 인증 포함 수정 및 구현(99%)

이메일 인증까지 연동하여 구현완료 추가적으로 완료 팝업만 어떻게 할지 논의 후 결정

편지지 UI 피드백 반영하여 수정

UI	내용
	피드백 반영 및 스크롤 문제 해결 하지만 여전히 처참한 결과.. 논의 필요)

UI	내용
	줄 편지지 이미지가 마땅히 없어서 figma로 자체제작 해봄

UI	내용
	하지만 이미지로 만든 편지지 배경이기 때문에 스크롤하면 줄에 텍스트가 맞지 않는 아주 근본적으로 잘못된 고질적인 문제가 발생 -> 그래서 배경이미지에 textarea를 씌우는 방식은 근원적으로 잘못됐다는 결론이 나옴 다들 어떻게 생각하는지?

카카오 로그인 및 회원가입(50%) - 시간이 남아서 추가적으로 구현함

카카오 로그인버튼 클릭 -> 카카오 로그인 동의 화면 -> 동의 클릭 -> 카카오 회원가입 화면 이제 추가적으로 카카오 회원가입 api만 구현하면 될거같음

공통과제

폰트 찾아오기
가. 필기체 폰트
필기(손글씨) 폰트-무료 상업용
나. 필기체 아닌 폰트
필기체 아닌 폰트-말랑말랑한 손글씨-이서윤체
줄 있는 편지지
편지지 위에서 올려놨는데 ToLetter컨셉에 맞는 편지지가 마땅히 없어서 피그마로 자체제작해서 쓰는게 어떻가 하는 생각.. 논의 필요

241002 윤미

목표 기능(달성도)

날씨 별 풍경(90%)

오브젝트 변경을 먼저 고려하였으나, 알맞은 무료 모델을 찾기 어렵다는 점과 좀 더 뭉개뭉개한 분위기를 주고 싶다는 점,
오브젝트를 추가해봐야 느려진다는 점(3번 성능 부분 고려)을 생각하여 각각 이미지 레이어를 한 번 씩 더 깔아 해결하였습니다!
날씨 별 풍경

로그인 api 올리기(33%)

할일 목록
~~가. 로그인 전, 후 의자 위치, 카메라 조정(완료)~~
나. 이메일 인증 미완료 계정에 대해 2차 인증 연결
다. 카카오 소셜 로그인

성능업!

변경 코드 기준(불필요 오브젝트-나무, 구름 등 삭제)

공통과제

폰트 찾아오기(저작권 주의!)
가. 필기체 폰트
필기(손글씨) 폰트1-출처 표시
필기(손글씨) 폰트2-출처 표시
나. 필기체 아닌 폰트
필기체 아닌 폰트-고딕체
필기체 아닌 폰트-한국어 편지 손글씨 같은 느낌

줄 있는 편지지
요거 중간 부분 자르고 갈색 살짝 입혀서 사용하는거 어떤가요?!
이런 느낌!

240925 재윤

목표 기능(달성도) - 사진 추후에 추가 예정

받은 편지함 편지 UI 구현(0%)

UI만 구현하는거보다 기다리는것을 선택

편지 팝업 UI 작업(50%)

UI	내용
	임의로 이미지 선택하여 구현해봄 추후 논의 필요 (마우스 스크롤이 안되서 애먹는중)

회원가입 Api 구현(30%)

가. 닉네임, 이메일 중복확인 구현 완료
나. 회원가입 구현중

240925 윤미

목표 기능(달성도)

날씨별 풍경 구현(80%)

가. 외부 통해 비, 눈, 구름 대응
나. 비 -> 먹구름/구름 오브젝트 많이

다. 눈 -> 눈 내린 나무

라. 구름 -> 구름...

마. 그 외 나무 추가
구름 넘 작위적이에요 멀리 보내도 작위적... 그냥 써도 이질감... 바꿀만한거 고민... 눈 내리는거 표현하고 싶다 비는 먹구름이 끝인게 말이되냐 비내리는거 백색 소음 넣고 싶다 bgm 흘렀음 좋겠다

로그인 api 올리기(0%)

할일 목록
가. 로그인 전, 후 의자 위치, 카메라 조정
나. 이메일 인증 미완료 계정에 대해 2차 인증 연결
다. 카카오 소셜 로그인

백엔드 api 통신 구조(100%)

가. 기본 구조 설정 완료
나. 토큰 만료시 리이슈로 토큰 재발급 후 기존 요청 재시도 이상 없이 처리됨을 확인

240911 재윤

목표 기능(달성도)

책들 추가(90%)

UI	내용
	책들을 서랍장 밑, 책상 위 책장에 추가, 색상과 배치만 다들 컨펀하면 픽스

캘린더 토요일 파란색으로 수정 완료(100%)

임의로 변경해서 확인했음 잘 작동함

편지 팝업 작업(20%)

UI	내용
	오른쪽 밑에 연필통(유저가 알수있게 커서를 포인터로 바꿈)을 클릭하면 뜨는 편지 팝업 작업, 브랜치를 어떻게 할지 상의해야되서 간단하게 틀만 만들어놓은 상태

받은 편지 책상 위에 편지봉투로 띄우기(0%)

브랜치문제 등 정리하고 가야 할 작업이 있어서 하지 않음(사실 못했음.. 이건 멀었습니다..)

240911 윤미

목표 기능(달성도)

날씨별 풍경 구현(20%)

api는 올라간 상태.....

로그인 회원가입 남은 부분 UI(90%)

카카오 소셜 회원가입, 이메일 인증
관련 내용 논의점 추가

UI	내용
	password 입력 제외 이메일 인증 없음
	타이머 기능 포함 인증 요청 버튼이 선행되어 눌리지 않은 경우 6자가 입력되지 않은 경우 회원가입 불가

계절별 풍경 - 나무 모델 찾아서 해결해보기(90%)

가. 바꾸는 사이트에 문제가 있다고 판단, blender 프로그램 다운 받고 메쉬가 분리되는 모델을 찾아 처리하였습니다.
나. 나무 모델을 비슷하게 가는게 좋을 것 같아 겨울 나무와 비슷한 모델로 처리하였습니다.
계절 별 풍경

240903 재윤

목표 기능(달성도)

창문 교체(90%)

UI	내용
	0826회의때 말했던 창문으로 교체 완료 다 같이 디자인만 컨펌되면 픽스

커튼 추가(90%)

UI	내용
	0826회의때 말했던 창문으로 추가 완료 다 같이 디자인만 컨펌되면 픽스

침대 및 서랍, 램프 추가(90%)

UI	내용
	0826회의때 말했던 침대로 추가 완료 다 같이 디자인만 컨펌되면 픽스(서랍과 램프는 유정이랑 있으면 좋겠다 하고 넣어서 윤미 컨펌 필수)

팝업 수정(100%)

UI	내용
	0826회의때 말했던 팝업 겹침과 팝업외 다른 부분 클릭시 팝업 닫히게 하는 기능 추가

촛대 제거, 책꽂이 크지 조정(크게), 캘린더 기능 수정(100%)

UI	내용
	0826회의때 말했던 촛대 제거, 캘린더 기능 수정(토,일 색상을 빨간색으로 변경), 추가로 촛대를 제거하고 보니 책꽂이가 너무 작아보여 크기 수정

240903 윤미

목표 기능(달성도)

풍경 사이즈 변경 및 위치 이동(100%)

현재 창문에 맞게 수정 완료
배경이 딱 예쁘게 보이려면 알맞게 배치가 필요하여, 차후 추가 수정 필요

나무 그림자 처리 ~~해보고 안되면 아래로~~ (100%)

텍스쳐 변경(100%)

obj 모델링 파일 확장자 변경 후 재 로드(100%)
그러나 겨울 빼고 진행 멈춤

2024년 9월 4일 논의점

UI	내용
	정면 뷰
	옆면 뷰 놀랍게도 저게 그림자가 있는 상태입니다... 나뭇잎이 없는 탓에 텍스쳐도 하나로 잘 먹히고 색상도 설정했습니다. 겸사겸사 횡해서 바닥(계절 별로 색상값 다르게)도 추가해 두었습니다.

나무 더 심기(100%)
날씨별 풍경 처리(0%)
로그인, 회원가입 UI 구현(80%)

UI	내용
	로그인 UI 시안입니다~! 구글 로그인 삭제하고 테마를 흰색에서 검정색으로 바꿨어요
	로그인 UI 시안입니다~! 회원가입 UI

이하 이메일 인증 / 소셜 회원가입 페이지 아직 미완 도로명 주소 검색기 올림

로그인, 회원가입 API 올리기 (0%)

240826 재윤

목표 기능(달성도)

방(책상, 의자, 벽걸이, 창문, 장식품 등) UI(70%)

전체적인 골격을 맞춤 추후에 디자인, 배치 등 협의 필요

게시판 팝업 UI 2번(80%)

골격은 픽스되고 폰트 수정과 부가적인 필수 기능(창 겹침, 외부 클릭시 닫힘) 구현 필요

가이드라인(예시)

240826 이름

목표 기능(달성도)

로그인 창 UI(100%)

전체 완성하였고 이상 없음 확인

회원가입 UI 2번(70%)

전체적인 UI 완성하였으나 전체적으로 css 다듬을 필요 존재

계정 API받아오기 (30%)

로그인 API 올리기 성공 회원가입 API 오류로 인해 아직 못함, ~~ 원인 추정

브리핑 작업 분량 작성 페이지 - To-Letter/To-Letter-front GitHub Wiki

241206 재윤

목표 기능(달성도)

241206 윤미

목표 기능(달성도)

241120 재윤

목표 기능(달성도)

241120 윤미

목표 기능(달성도)

241113 재윤

목표 기능(달성도)

241113 윤미

목표 기능(달성도)

241106 재윤

목표 기능(달성도)

1단계: 보내는 사람의 닉네임을 인증하는 모달창

2단계: 닉네임 확인 후 편지 작성

3단계: 마지막으로 편지를 보내기전 확인과 보낸 편지함에 저장 여부를 체크하는 모달창

받은 편지함

보낸 편지함

검색 기능

241106 윤미

목표 기능(달성도)

241030 재윤

목표 기능(달성도)

241030 윤미

목표 기능(달성도)

편지

마이 페이지 모달(90%)

계정 모달(100%)

그 외

241023 재윤

목표 기능(달성도)

241023 윤미

목표 기능(달성도)

241016 재윤

목표 기능(달성도)

241016 윤미

목표 기능(달성도)

241009 재윤

목표 기능(달성도)

241009 윤미

목표 기능(달성도)

기본 구조

사용 방식

241002 재윤

목표 기능(달성도)

241002 윤미

목표 기능(달성도)

240925 재윤

목표 기능(달성도) - 사진 추후에 추가 예정

240925 윤미

목표 기능(달성도)

240911 재윤

목표 기능(달성도)

240911 윤미

목표 기능(달성도)

240903 재윤

목표 기능(달성도)

240903 윤미

목표 기능(달성도)

240826 재윤

목표 기능(달성도)

가이드라인(예시)

240826 이름

목표 기능(달성도)

⚠️ **GitHub.com Fallback** ⚠️

⚠️ GitHub.com Fallback ⚠️