New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

AutoRollingNews에서 startRolling Method로 구현하기 #14

Closed

Tracked by

youzysu opened this issue May 26, 2023 · 0 comments

Closed

Tracked by

AutoRollingNews에서 startRolling Method로 구현하기 #14

youzysu opened this issue May 26, 2023 · 0 comments

Owner

youzysu commented May 26, 2023 •

edited

Loading

No description provided.

youzysu mentioned this issue

left, right element를 인자로 받아서 rAF로 롤링 애니메이션을 실행하는 로직을 별도로 구분한다. (RollerTimer 클래스로 분리) #9

Closed

9 tasks

youzysu added a commit that referenced this issue


          feat #14: 좌우 영역은 1초 간격으로 번갈아가며 롤링된다.

332ca59

- 5초 간격으로 롤링되는 로직은 AutoRollingNews에서 rAF에 콜백으로 등록하고,
- 좌우 1초 간격으로 롤링을 시작하도록 하는 콜백은 newsBar에서 rAF로 등록한다.

youzysu added a commit that referenced this issue


          feat #9 #14: 각 영역에 마우스를 호버하면 무한 롤링이 일시정지된다.

e690c2f

- AutoRollingNews 컴포넌트에서 isRolling state를 갖는다.
- 마우스 이벤트에 따라 isRolling state 값이 변경된다.
- isRolling이 true일 때만 rolling이 발생되도록 한다.

youzysu closed this as completed

youzysu changed the title ~~Controller 별도로 분리하지 않고 AutoRollingNews에서 rolling 로직 구현하기~~ AutoRollingNews에서 startRolling Method로 구현하기

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment