반응형
오늘은 useContext 훅을 사용해서 리액트로 다크모드를 구현해보았다.
사실 이걸 따로 만들어본 이유는,
정확히 이걸 어떻게 쓰고 왜 쓰는지 한번 따로 연습을 해보려고..!!
투두리스트를 만들어보다가 다크모드구현을 위해 useContext 훅을 써야했기 때문이다 ㅋㅋ
유저정보나 다크모드와 같이 전역적으로 관리해야 하는 정보들을 이 정보를 필요로 하지 않는 컴포넌트에게까지 props로 넘겨준다면,
코드도 지저분해지고, 유지보수도 어렵기 때문에 ContextAPI를 통해 관리하는 것이 좋다는 것을 공부하였다.
프로그래머스도 매일 한문제씩 풀고 있는데, 엄청 잘한다고 하기는 아직 어렵지만 ㅋㅋ
그래도 확실히 실력이 많이 성장한 것이 느껴져서 뿌듯하다.
특히 풀면서 자바스크립트의 내장함수들을 익힐 수 있어서 너무 좋다..!!
오늘은 풀면서 includes를 사용해서 특정문자열을 포함하고 있는지 검사해보는것을 하였다.
includes는 Array에만 사용할 수 있는줄 알았는데 String에도 사용할 수 있다는 것을 알게됨!!
풀면 풀수록 더 많이 알게 될거같아서 기대된다.
내일도 아자 🤩🤩
반응형
'코딩일기' 카테고리의 다른 글
| 5-5. 프로그래머스 50분걸림 💦 / 로컬스토리지 / 인왕산 (0) | 2023.03.19 |
|---|---|
| 5-4. 이론스터디 & useContext 다크모드 리팩토링 ⚒️ (1) | 2023.03.16 |
| 코딩일기 5-2. 헤더에 filter 적용하기 (0) | 2023.03.14 |
| 코딩일기 5-1. 오늘도 CRUD 만들었따..!! (1) | 2023.03.13 |
| 코딩일기 4-5. CRUD완성!! 에러해결 🤘 (0) | 2023.03.11 |