#03 리액트 숙련 : React Redux (+ input 태그로 payload ) 카운터 프로그램 만들기

0. 리액트 리덕트 카운터 프로그램 (input 태그 : payload 하기 전 ) #02 리액트 숙련 :: React Redux 카운터 프로그램 만들기 0. TIL ▶ props의 drilling의 대안으로 스토어에 저장해서 사용하면서 사용하는 리덕스. ▶ 리덕스는 action > dispatch > reducer 순으로 동작한다 ▶ 디스패치를 사용하기 위해서는 useDispatch를 import하고 dis zerotonine2da.tistory.com 1. input에 입력된 값 (useState): 형변환 [+] 버튼을 누르면 string으로 들어와서 0+2 = 2가 아니라 02가 됨 [위치: App.jsx] setNumber(+event.target.value)}> ▶event.target.val..

• format_list_bulleted TIL :: Today I Learned
• · 2023. 11. 8.
• textsms

#02 리액트 숙련 : React Redux 카운터 프로그램 만들기

0. TIL ▶ props의 drilling의 대안으로 스토어에 저장해서 사용하면서 사용하는 리덕스. ▶ 리덕스는 action > dispatch > reducer 순으로 동작한다 ▶ 디스패치를 사용하기 위해서는 useDispatch를 import하고 dispatch의 인자 = action 객체로 넣어주기 ▶ dispatch를 counter.jsx에서 함수로 만들어서 App.jsx에서 함수실행으로 간단하게 사용 가능 [파일 정리] redux 폴더 : 리덕스 관련 모든 코드 (1) config 폴더: 리덕스 설정 관련 파일 전부 (1-1) configStore : 중앙 stata 관리소 -> 설정 코드 (.js) (2) modules 폴더 : state의 그룹 ▼ 리덕스 설정 및 useSeletor로 데이..

• format_list_bulleted TIL :: Today I Learned
• · 2023. 11. 8.
• textsms