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 |
29 | 30 |
Tags
- tailwind
- JavaScript
- 코테
- tanstack query
- TypeScript
- 프론트엔드
- Next.js
- React
- React Query
- Supabase
- reduxtoolkit
- 토이프로젝트
- revalidatepath
- 리액트 라우터 돔
- 그리디
- Form
- 스택
- 타입스크립트
- 토이 프로젝트
- styled component
- 프로그래머스
- 동적계획법
- 리덕스
- 리액트
- 리액트 패턴
- 코어자바스크립트
- react router dom
- 코딩테스트
- react pattern
- 자바스크립트
Archives
- Today
- Total
목록FE develop/redux (1)
느려도 한걸음씩

리덕스란? 리덕스는 자바스크립트의 상태관리 라이브러리로써 특히 리액트의 state를 쉽게 관리하게 만들어주는 라이브러리이다 이 게시물에서는 바닐라 JS 에서 리덕스를 다루는법을 살펴보고자한다 바닐라 JS로 배워보는 redux 간단한 카운터앱을 만들면서 redux를 배워보자 Add 0 Minus Reset Add 버튼을 누르면 카운터가 하나씩 증가하고 minus를 누르면 카운터가 하나씩 감소, reset 버튼을 누르면 카운터가 0이되는 간단한 카운터앱이다 바닐라 JS에서 리덕스를 사용하기 위해서는 cdn을 설치해줘야한다 다음과 같은 코드를 head 태그에 삽입해주자 그리고 body 태그 맨밑에 script 태그를 열고 자바스크립트 코드를 작성해보자 우선 DOM을 통해 버튼과 카운터값을 표시하는 요소를 가져..
FE develop/redux
2024. 3. 16. 20:12