Like / Scroll event listener
브런치 프로젝트를 도와줬을때 구현한 코드. 네비게이션 상단의 y
값이 0
이 아닐 경우에 어떤 기능이 구현되는 기능이다. 너무나 유용하며 언젠가 꼭 사용한다.
Code Review
componentDidMount(){
window.addEventListener('scroll', this.handleScroll);
}
componentWillUnmount(){
window.removeEventListener('scroll', this.handleScroll);
}
handleScroll = e => {
if(window.scrollY < 0) {
this.setState({
isActivate: !isActivate,
})
}
}
Resource
- Like / 라이키, 나이키 클론 프로젝트
- 홈 페이지는 AWS S3를 이용해 배포하였다.
- 시연 영상
- Front-end github
- Back-end github
- 백엔드 API 설계
- Trello