오늘 한 것
- 로그인할 때 바로 불이 안켜지고 콘솔로그를 찍던가 무언가 변화를 줘야만 불 켜지는 것
(target에 변화가 없을 때 렌더링이 많이 일어난다. 내부 문제인듯.)
- 알람 켰다가 다른데 다녀오면 색이 죽는것.
(1. dispatch가 안먹는 문제 <- 콘솔에 dispatch 전후에 둘다 false라고 나오는데 색깔이 바뀐 경우도 있다 이게뭐지 ^^???
2. getAllAlarm이 2번 렌더링될 때가 있다
3. check함수 안으로 안들어갈 때가 있다)
---> 얘도 바로 받아와서 안되는 것같다. landingPage에서 받아와야겠다.
- 알람해두고 로그아웃하면 색이 살아있는 것 ✅
- 모바일에서 장소보기 모달 안켜지는것 수정(예외 생각해서 장소 글씨 바꾸고 밑줄 긋기) ✅
- WHAT'S HOT 위치 내리기 ✅
- 랜딩페이지 시작점에 opacity 0 주기, 시작위치 안보이게 옮겨두기 ✅
- 점보트론 라이브러리 사용해서 css 일부 만지고 기능 새로 구현 ✅
새로 알게된 것
-
왜인지 모르겠는데 firstImgAnimated에 scroll감지를 시키고있는데 여기에 firstImg의 css를 extend시키면 애니메이션이 잘 안일어난다. 그리고 extend시키면 animated class와 animated안먹는 class 둘다 보인다. 정확히는 모르겠만 애니메이션이 시작하고 끝날땐 extend된 animation안먹는 class로 보이는 듯 하다. 애니메이션을 쓸 때는 extend를 지양하자
-
또 하나 알아낸 소소한 신기한점은 애니메이션이 일어나는 박스에 opacity를 0으로 줘도 움직일때는 보인다. 처음과 끝이 안보일뿐
-
react slick 메서드를 처음봐서 이게 뭐하는 메서드지인지 어떻게 작동하는지 이해가 안갔었다. docs문서를 처음 봤을 때도 그냥 index바꾸는 메서드라는데 그게 뭐지 했다. 감을 못잡다가 나중에 더 찾아보고 설명을 자세히 읽고나서야 알았다. 메서드의 작동원리를 몰라도 사용할 수 있게 만들어 둔거니까 문서를 보고 잘 활용하면 되는 것이다.
느낀 점
새로운 라이브러리를 사용해보니 repository를 뒤져서 type 알아내는 것도 알아냈고, 메서드를 사용하는 법도 알았다. 점보트론에 라이브러리를 사용할거라고 초반엔 생각을 못했어서 사실 라이브러리 사용 전과 후의 기능 구현이 완전히 다르다. 다른 방법으로 기능구현을 2번 한 셈이다. 시간낭비라고 생각할 수도 있겠지만 공부가 됐고 도움이 많이 됐다고 느낀다. 성장해서 뿌듯하고 기쁘다!!😄
참고
