본문 바로가기

React 클론 코딩

2021년 5월 30일 #4 weather app + todo app에 animation 적용하기(미완)

반응형
 

2021년 5월 26일 #3 weather app + todo app 만들기 with React (미완)

지난 5월 23일부터 react를 연습하기 위해 초보자들이라면 반드시 만들어야하는 weather app을 만들기 시작했다. 어렵기만하던 react가 재밌게 느껴졌다. (역시 이론만 배우면 재미가 없다. 자발적 의

bedeveloper.tistory.com

 

기존 만들었던 앱에다가 애니메이션과 react-router-dom을 통한 화면전환을 구현해 보았다.

 

화면전환 효과가 더욱 두드러지게 하기 위해 header를 만들었다.

 

상상했던 모습을 대부분 구현할 수 있었으나 몇가지 문제점이 있었으니....

 

문제점을 적기 전에 우선 결과물부터 보자.

 

 

*일단 입력했었던 결과가 유지가 되지 않는다. 

 

이 부분은 LocalStorage를 통해 해결할 수 있을것으로 예상된다. 

 

*todo 리스트가 생성될 때 마다 animation이 적용되기를 예상했으나, 맨처음 생성된 리스트만 계속하여 적용된다. 

 

어떻게 해결해야 할 지 솔직히 감이 안잡힌다...

 

 

이 두 문제점에 대하여 지속적으로 생각하고 관심을 가져서

 

원하는 결과를 가져올 때까지 다양한 시도를 해 보아야겠다. 

 

 

반응형