본문 바로가기

React 클론 코딩

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

반응형

지난 5월 23일부터 react를 연습하기 위해 

 

초보자들이라면 반드시 만들어야하는 weather app을 만들기 시작했다. 

 

어렵기만하던 react가 재밌게 느껴졌다.

 

(역시 이론만 배우면 재미가 없다. 자발적 의지로 뭔가 만들어야 재미를 느끼는 것 같다. ) 

 

좋아... todo app에 weather app을 더해보자는 생각이 들었다. 

 

weather app + todo app의 조합은 참을 수 없지 않겠는가?

 

아래 결과물을 보자. 

 

 

구현할 때 집중했던 부분은 아래와 같다. 

  • fetch()를 통해 날씨 정보와 배경화면을 받아오는 것
  • useState와 삼항연산자를 통해 className에 변화를 주어 toggle효과를 구현해 보는 것(도시 날씨를 클릭하면 해당 창을 확대 해준다.)

내일부터는 화면전환을 시도해보고자 한다.

 

최종목표는 웹앱을 완결 해보는 것이다. 

 

화면구성을 어떻게 할지에 대한 고민이 필요하다. 

 

 

 

 

 

 

반응형