일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- @include
- woff 변환
- ttf to woff
- todolist
- React
- 최신 Yarn
- 스와이퍼끝
- 슬라이드시작
- 스와이퍼시작
- 스와이퍼옵션
- large files
- swiper
- I’m an early
- exit code 128
- swiper적용
- productive-box
- dotenv
- 투두리스트
- 중앙값 구하기
- 슬라이드끝
- @mixin
- error
- swiper-slide
- javascript
- 코드개선
- github
- 리액트
- 코딩컨벤션
- 네이밍컨벤션
- Api Key 숨기기
Archives
- Today
- Total
목록필터링 (1)
그래도 해야지. 어떡해
[React] Todo List 만들기 (#2 필터링 개선하기)
[React] Todo List 만들기 (#1 개선사항 정리) 문제점 ‘active’ 필터링 후, 체크된 리스트가 다시 체크해제되는 오류 수정 Component 패널을 열어 확인해 보니, 리스트 첫 줄(좌측 사진)을 보면 check가 풀려있다. 그런데(우측 사진) class는 -completed가 들어갔고 checked: true로 되어있었다. #1. 기존 코드 1.1 Header.jsx handleFilter('all')}>All handleFilter('active')}>Active handleFilter('completed')}>Completed 1.2 TodoList.jsx const [filter, setFilter] = useState('all'); // 1. 체크 const toggleChe..
개발일지/React
2023. 6. 17. 21:58