codestates / codestates/Memory-It
[Dev Log] 본문에 백엔드 정보 연계하여 포스트 불러오기
- Dominant language
- JavaScript
- Stars
- 1
- Forks
- 2
- PR merge metrics
- No merged PRs in 30d
Description
### 오늘은 어떻게 프로젝트에 기여했나요?
+ 기존에 더미데이터를 넣는것은 유지하면서 백엔드 데이터에 데이터가 있다면 백엔드 데이터를 불러옵니다.
### 오늘의 프로젝트에서 힘든 점은 무엇인가요?
+ axios를 어떻게 적용하는지부터 헷갈렸습니다.
```
import axios from 'axios'
```
라고 써야되는데
```
import axios from 'react'
```
라고 쓰니
```
$ DiaryType.js:56 Uncaught (in promise)
TypeError: react__WEBPACK_IMPORTED_MODULE_0__.get is not a function
```
라는 에러가 났습니다..
+ API 문서를 보고 axios 요청을 보내는데 401 에러가 납니다.
```
$ GET http://localhost:8081/posts?type=diary&year=2022 401 (Unauthorized)
```
- 401에러는 로그인을 안해서 나는 에러입니다.
- 따라서 쿠키를 통해 토큰을 주어진 다음에 시도를 해도 같은 에러가 났습니다.
- 원인은 axios 요청을 보낼 때 **withCredentials: true** 옵션을 주지 않아서 그랬습니다.
+ 데이터는 정상적으로 받아지는데 이미지가 불러와지지 않습니다.
- 이것은 백엔드에서 아직 이미지 정보가 없기 때문입니다.
- 따라서 이것은 아래와 같이 임시로 처리를 해주어야 됐습니다.
- 객체에서 property의 유무를 알아볼 때에는 Object.prototype.hasOwnProperty()를 써야합니다.
```
const inputData = () => {
if (!data.hasOwnProperty('src')) {
data= dummydata
}
}
...(중략)
{inputData()}
```
### 다음에 프로젝트에 기여하기 위해 무엇을 해야 하나요?
- [ ] 이미지 정보 추가되면 inputData() 함수 수정
- [ ] 월별로 불러오거나 색깔별로 불러오는 기능 추가
- [ ] 지도로 보기 기능도 추가
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.