221226~221231

WIL

• 이번 클론 코딩 주차 내가 가장 신경쓴 부분 미디어 처리 부분이다.
  • formdata : 일단 formdata는 이미지 처리할 때 사용하는 것이라고 알았으나 비디오도 된다고 새롭게 알게 되었다.
  •  비디오 파일을 URL로 읽을 수 있게 변환해준뒤, formdata File로 묶어서 매개변수로 전달 해준다.

const onChangeVideo = (event) => {
    const file = event.target.files[0];
    setVideoFile(file);
    const reader = new FileReader();
    // const file = imgRef.current.files[0];
    console.log(file);
    reader.readAsDataURL(file);
    reader.onloadend = () => {
      // const image = reader.result;
      setPost({
        ...post,
        videoUrl: reader.result,
      });
    };
  };

const [imageFile, setImageFile] = useState("");
  const [title, setTitle] = useState("");
  const [content, setContent] = useState("");
  const [category, setCategory] = useState("");
  const [post, setPost] = useState([]);
  const [video, setVideoFile] = useState("");

  const onSubmitHandler = () => {
    console.log(category);
    console.log(video);
    console.log(video);

    const formdata = new FormData();
    formdata.append("image", imageFile);
    formdata.append("title", title.title);
    formdata.append("content", content.content);
    formdata.append("category", category.category);
    formdata.append("video", video);
    // formdata.append("vedio", title.title);
    console.log(formdata);
    console.log(typeof formdata);

    dispatch(__postPost(formdata));

    for (const pair of formdata) {
      console.log(pair[0] + ", " + pair[1]);
    }
  };

• 2. CI/CD
  
  • 무중단 자동배포 미디어 네트워크 전송 최적화가 되는 어메이징한 툴이 aws에 있는데 그것을 찾아 보는게 관건이 었다.
  • https://aws.amazon.com/ko/amplify/ 

AWS Amplify - AWS를 기반으로 구축된 확장 가능한 풀 스택 웹 및 모바일 앱 - Amazon Web Services

TIL_221226

오늘 한 일

• MBTI 게시판 CSS 완성하기

내일 할 일

• 프로젝트 게시물 추가하기 기능 완성하기
• 예외처리 스터드 사전 자료 조사하기

TIL_221227

오늘 한 일

• 프로젝트 게시물 추가하기 기능 완성
• 프로젝트 메인페이지 게시물 요청 기능 완성하기
• 스터드 예외처리 자료 조사

내일 할 일

• 프로젝트 댓글 수정 삭제, 상세페이지 수정 삭제 기능 완료
• 스터디 예외처리 정리 후 발표

TIL_221228

오늘 한 일

• 프로젝트 댓글 수정 삭제, 상세페이지 수정 삭제 기능 완료
• 스터디 예외처리 정리 발표

내일 할 일

• 프로젝트 배포 후 발표

TIL_2212129

오늘 한 일

• 프로젝트 배포하기

내일 할 일

• 새로운 프로젝트 기획하기
• 새로운 팀 적응 하기
• 와이어 프레임 작성하기

TIL_221230

오늘 한 일

• 프로젝트 기획
• 와이어프레임 작성
• API 설계

내일 할 일

• 프로젝트 css 페이지별 분배
• 페이지 css 작업

TIL_221231

오늘 한 일

• 프로젝트 css 페이지별 분배
• 페이지 css 작업

내일 할 일

• WIL 작성하기

TIL_220101

오늘 한 일

내일 할 일