221216 TIL

오늘 미니프로젝트를 시작했다.

주특기를 배우고 백엔드분들과 처음 협업하는 것이라 좀 두렵다.

백엔드분들은 이래저래 슥슥 api를 작성하고 팍팍 하는게 신기했다.

 

프론트엔드는 첫날 와이어프레임 짜고, api명세서 읽어보고, View를 작성하느라 정신이 없다.

api명세서는 익숙하지도 않아서 이게왜 이건지,, 모를때도 많다...

 

오늘 희석님께서 SA작성을 주도하셨는데, 정책(제한사항)도 미리정하는 것이 신기했다.

또 github 협업 repo에서 project를 만들어 issue가 한 곳에서 확인이 가능 하도록 하는 것도 신기했다.

 

오늘은 딱히 trouble shooting도 없었다.

첨부파일의 크기를 확인하는정도?

 const foodImgChangeHandler = (e) => {
    //첨부파일 정보 변수화
    let value = e.target.files[0];
    //첨부파일 크기 비교, 유효성검사
    if (value) {
      if (value.size > 3 * 1024 * 1024) {
        alert('파일 사이즈가 3mb를 넘습니다.');
        //크기 오버 시 값 비움
        e.target.value = null;
      }
    }
}

<InputImgSpace
            onChange={foodImgChangeHandler}
            type="file"
            accept="image/*"
          />

인풋태그에 type=file. accept='image'로하여 이미지파일을 받을 수 있다.

 

근데 이 이미지를 보낼 때 받은 file의 데이터를 그대로 보내주면 서버에서 그걸 잘 저장하는 지 모르겠다.

또한 서버에 그렇게 저장된 데이터형식을 다시 내가 get해서 보일 수 있는지도 모르곘다.

좀더 공부해봐야할 것 같다.

또한 로그인토큰을 어떻게 활용할 수 있을 지 잘 모르겠어서 그것도 내일 공부해봐야할 것 같다.

 

끝.