[TIL] 2022.01.14

2022년 1월 14일

✍ Today

[클론코딩] [노마드코더] ReactJS Master Class/CRYPTO TRACKER/#4.4-#4.8

[챌린지] [노마드코더] 바닐라 JS 챌린지/Assignment 5: if, else, events

 

- 코인 홈 화면에서 코인을 클릭해 다른 화면으로 넘어갈 때 loading 화면이 보여지지 않고 데이터를 보내는 방법을 알아보았다. State를 사용하여 coin.name을 써주게 되면 화면 전환 시 유저는 아무 것도 나타나지 않게 된다. 하지만 State가 생성되려면 홈 화면을 먼저 열어야 하기 때문에 url로 직접 개별 코인 페이지를 열면 에러가 난다. 조건문을 활용해 Loading 화면이 나오게한다.

- nested router을 이용해 route안에 있는 또다른 route를 구현하는 방법을 알아 보았다. 

- classList.toggle로 클릭시 토글되는 코드를 살펴보았다. https://naon0.tistory.com/11?category=997113

- javascript로 window size가 변할 때마다 background color가 바뀌는 코드를 구현하였다.

 

❓ Next 

- react query로 코드를 좀 더 간편하게 만드는 방법을 알아본다.

- 바닐라 JS 챌린지 6일차 과제 퀴즈를 수행할 예정이다.