Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- HTML
- Servlet
- JS
- java
- 그럼에도 불구하고
- TypeScript
- CSS
- 자바문제풀이
- 코딩테스트
- 자바
- media query
- node.js
- webpack
- redux
- react
- 코드업
- cleancode
- github
- 반응형 페이지
- node
- max-width
- git
- 그럼에도불구하고
- 변수
- 프론트엔드
- coding
- JavaScript
- frontend
- react-router-dom
- @media
Archives
- Today
- Total
목록useReducer todolist (1)
그럼에도 불구하고
[React with TS] useReducer를 이용한 todoList 만들기 ( with TypeScript )
오늘은 useReducer를 이용한 todoList를 만들어보겠습니다. 목차 [ useReducer ] useReducer 훅을 사용하는 방법은 다음과 같습니다. // state : 상태 // dispatch : 상태를 변경하는 메서드 // reducer : 새로운 상태를 리턴하는 리듀서 함수 /// initialState : 초기 상태로 지정할 객체 const [state, dispatch] = useReducer(reducer, initialState); useReducer 훅에 리듀서 함수와 초기 상태를 인자로 전달하여 호출하면 상태와 상태 변경을 위해 메시지를 전달할 수 있는 dispatch 함수가 리턴됩니다. dispatch 함수가 미리 정의한 형식의 메시지를 전달하면 상태를 변경하도록 리듀서 ..
React/React basics
2023. 7. 3. 13:15