codestates / codestates/FilmStorage
[DevLog] 정다인 / 2022-04-08
- Dominant language
- JavaScript
- Stars
- 5
- Forks
- 5
- PR merge metrics
- No merged PRs in 30d
Description
### 오늘은 어떻게 프로젝트에 기여했나요?
- 필름 스팟 지도 크기 수정
- 마이로그 메인 슬라이더에 좋아요 기능 설명하는 이미지 추가
- 필름 로그 게시글 수정 모달 창 레이아웃 수정
### 오늘의 프로젝트에서 힘든 점은 무엇인가요?
- 마이로그 메인 슬라이더에 컴포넌트로 좋아요 기능을 설명하는 코드를 구현할려고 했는데 슬라이더 라이브러리엔 이미지만 넣을 수 있었다..
```js
// 이미지를 변수에 넣고 슬라이더에 삽입하는 배열에 넣어서 서버에서 가져오는 이미지와 함께 출력할 수 있었다
const url = {
id: 999,
photo:
"https://user-images.githubusercontent.com/87605663/162443317-7e45e805-d442-4660-a6a0-1a6fc8b7a52f.jpg",
};
const getTopThree = () => {
axios
.get(`${process.env.REACT_APP_API_URL}/filmlogs/topthree`, {
headers: {
accept: "application/json",
},
})
.then((res) => {
setTopThree(() => [url, ...res.data.data]);
})
.catch((err) => console.log(err));
};
// 슬라이더 컴포넌트에 이미지를 출력하는 코드
{topThree.map((info) => {
return (
handlePictureDetail(info.id)}
>
);
})}
```
### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?
- [ ] 카카오 API 마커 UI 수정
- [ ] 모바일/ 테블릿 반응형으로 구현
- [ ] border-radius px 수정
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.