● 오늘 공부한 것
- UI/UX
오늘은 UI란 무엇이고 UX란 무엇인지 공부하였습니다. 실은 전에 웹 디자이너분과 함께 홈페이지 제작을 해본적이 있어서 와이어프레임을 구성해본 적이 있어, 와이어프레임에 대해 공부해서 흥미롭게 느낀 점이 많았습니다.
디자인적인 부분에서 Lo-Fi 와이어프레임, Mid-Fi 와이어프레임, High-FI 와이어프레임을 구분한다는 것도 알게되었고, 동작부분에서 프로토타입이라는 언어를 통해 그것에 대한 단계도 나뉘어진다는 걸 알게 되었습니다.
또한 실제로 전에 홈페이지를 만들면서 User Flow를 짜본적이 있어, 이 또한 나중에 웹 애플리케이션을 제작 할 때 매우 중요한 일 중 하나라고 생각이 들었습니다.
● 수업 이외에 공부한 것
[15장 Context API 사용법 익히기]
그동안 useMemo, useCallback이 어떤 차이점을 가지고 있는지에 대해서 탐구하느라 조금 오랜시간이 걸렸습니다.. useReducer도 왜 사용하는지에 대해서도 탐구하느라 .. 그럼 이제 Context API를 배워볼까
ddaeunbb.tistory.com
- 모딥다스터디 (2시간)
- useEffect 발표.. (녹화..)
확실히 useEffect를 탐구하니까 진짜로 진짜로 이해되는게 많아졌습니다. useEffect, useMemo, useCallback, useEffect, useReducer 훅에 대한 이해가 진짜 너무 힘들었고.. 솔직히 3월 말 내내 이 5가지 훅에 대해서 공부하느라 감당하기 힘들었고 제자리 걸음하고 있다는 생각이 들었는데, 갑자기 어느순간 깨우침을 얻었씁니다••• 너무나 행복합니다••• 확실히 이 다섯가지 훅만 파악했음에도 불구하고, 언제 useReducer가 필요할지, 어떨 때 이런 useMemo, useCallback, useEffect의 불필요한 사이드이펙트를 막을 수 잇을지에 대해서 대~충 감이 오는 것 같습니다.
오늘은 리덕스를 공부하기 위해서 Context API를 공부했는데, State 끌어올리기를 위해 setter함수들을 props로 물려주었던 것들이 많이 해결이 될 수 있겠구나.. 깨달았읍니다••• 사실 setter함수를 props로 전달해주는 것이 나중엔 관건이겠다고 생각했는데..!! 많이 이해가 됐ㅆ브니다!! 예!!!! 할렐루야!!!
useEffect 완벽 가이드
이펙트는 데이터 흐름의 한 부분입니다.
overreacted.io