Facts
프로젝트
- 이미지 추가하고 그것을 포스팅에 추가하고 다시 브라우저에 출력하게끔 만들었다.(포스팅 추가를 모달로 나오게끔 만듦. 누르면 이미지 선택, 타이틀 입력창, 태그 입력창, 업로드 버튼 뜸.)
해야 할 것
- SearchPage - 페이지 처음 진입 시 포스팅들 숫자 제한하던가 나눠서 가져오게끔 하는 것. 태그 검색창을 만들어서 태그를 검색해서 그 태그의 포스팅만 나오게끔 만들어야 한다.
Feelings
- 하나하나 작성하는 게 너무 오래 걸리는 것 같다.
Findings
- HTTP POST 메서드는 서버로 데이터를 전송한다. 요청 본문의 유형은 Content-Type 헤더로 나타냅니다. Content-Type multipart/form-data는
formData.append(name, value) – 폼 필드에 name, value를 준다
formData.append(name, blob, fileName) – name과 이미지 같은 것을 올리는 blob, 와 옵션인 fileName을 홈 필드로 만든다.
formData.delete(name) – 필드에 name 이 있는 것을 지움 formData.get(name) – name의 필드를 가지고 있는 폼을 돌려줌
formData.has(name) – name 이 있는 폼을 있는지 없는지 boolean으로 돌려줌
이러한 메서드들이 있다.
여러 자식들을 그룹화하기 위해서 <> </>를 썼는데 react에서 주는 <Fragment></Fragment> 랑 같은 것이다.
https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/POST
https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Type
https://javascript.info/formdata
https://ko.reactjs.org/docs/fragments.html
Future Action
- multipart/form-data가 읽던 책에서 나와서 쓰면서 뭔가 하니깐 조금 더 이해가 가긴 하는데 완전히 이해하는 것은 힘드네요.