codestates / codestates/FilmStorage
[DevLog] 서외구 / 2022-03-24
- Dominant language
- JavaScript
- Stars
- 5
- Forks
- 5
- PR merge metrics
- No merged PRs in 30d
Description
### 오늘은 어떻게 프로젝트에 기여했나요?
- 이달의 사진 3장 이미지 슬라이드 구현 react-slick 사용함
- 사진 등록 하기 레이아웃
### 오늘의 프로젝트에서 힘든 점은 무엇인가요?
- 이미지 슬라이드를 외부 라이브러리를 사용하지 않고 직접 CSS의 transition을 이용해서 구현하려고 했으나, 킥 기능에 집중하고자 라이브러리 사용함
```js
import React from "react";
import Slider from "react-slick";
import "slick-carousel/slick/slick.css";
import "slick-carousel/slick/slick-theme.css";
import styled from "styled-components";
const SlideImg = styled.img`
width: 100%;
height: 755px;
object-fit: cover;
`;
export default function SimpleSlider() {
const settings = {
dots: true,
infinite: true,
slidesToShow: 1,
slidesToScroll: 1,
autoplay: true,
speed: 1000,
autoplaySpeed: 3000,
cssEase: "linear",
};
return (
);
}
```
### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?
- [ ] 필름로그 상세페이지 레이아웃 구현
- [ ] 필름로그 무한스크롤 기능 도전
- [ ] 오늘의필름 혹은 필름 취향찾기 레이아웃
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.