codestates / codestates/FilmStorage

[DevLog] 서외구 / 2022-03-24

Open
#142 0 comments 0 reactions 1 assignee Claimed by @sud665 View on GitHub
DevLog
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.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.