[02NOV, 2021] TIL

벌써 11월이라니! 연말이 와버렸다..! 남은 2021년도 빠샤빠샤(*•̀ᴗ•́*)و ̑̑ 

오늘의 TIL은 간단히만 작성하고 canvas는 다음에 따로 작성해보려 한다!

 

---

 

✔️ Canvas 

Canvas를 저번주에 처음 사용해보았다. 노마드 코더에서 그림판 만들기를 Canvas를 활용해서 만들었고, 어제와 오늘 좀 더 찾아보면서 여러 도형들을 만들어 보았다. 신기하고 재미있었고, 아직은 기초적인 것만 해보아서 좀 더 다양한 것도 canvas를 활용해 만들어보고 싶다.

 

 

 

✔️ <input type="range">

<input
  type="range"
  id="jsRange"
  min="0.1"
  max="5"
  value="2.5"
  step="0.1"
/>

위에서 말한 그림판 만들기를 하면서 range 타입을 처음 사용해보았다. 속성은 최솟값, 최댓값을 나타내는 min, max와 간격을 나타내는 step을 사용하였다. 

 

 

✔️ redux-saga

오늘 리액트 다루는 기술을 다시 보면서 redux-saga 사용하는 것을 따라 해 보았다. redux-saga는 redux-thunk로 못하는 아래와 같이 다양한 작업들을 할 수 있다고 한다. 좀 더 찾아보고 해 보면서 익혀보려 한다!

1. 비동기 작업을 할 때 기존 요청을 취소 처리 할 수 있다.
2. 특정 액션이 발생했을 때 이에 따라 다른 액션이 디스 패치되게끔 하거나, 자바스크립트 코드를 실행할 수 있다.
3. 웹소켓을 사용하는 경우 Channel 이라는 기능을 사용하여 더욱 효율적으로 코드를 관리할 수 있다.
4. API 요청이 실패했을 때 재요청하는 작업을 할 수 있다. 

출처: 벨로퍼트와 함께하는 모던 리액트