jpg의 끄적끄적

  • 홈
  • 태그
  • 방명록

Subscribe 2

08. 웹페이지 만들기(2)

1. store 생성 우리가 redux를 사용하기 위해서 제일 첫 번째를 store를 만들어야 하는 동시에 reducer를 생성해야 했다. 그리고 결과화면 HTML을 클릭했을 때와 CSS를 클릭했을 때 본문의 내용이 잘 바뀌는 것을 볼 수 있다. 그렇다면 배웠던 것을 복습삼아 왜 바뀌는지 생각해보자. 우리는 action을 통해 dispatch에 값을 전달하고 reducer가 state값을 갱신해 dispatch가 subscribe하고 있는 함수들을 호출해주기 때문에 그에 따라 render가 동작해 새로운 state값을 참조하여 UI를 새로 그리기 때문이다. 강의영상 - https://youtu.be/zMTqWoe25aU

🌐 Web/Redux 2022.09.14

01. Redux 지도

redux 지도를 보며 redux에 대해 알아보자. store / state redux의 핵심은 store이다. store에는 정보가 저장된다. store 안에는 실제 정보가 저장되어 있는 state가 있다. 이때 중요한 것은 우리는 state에 직접 접속하는 것이 불가능하다. var store = Redux.createStore(reducer); redux에 createStore하게 되면 store가 생성된다. reducer store를 만들 때 가장 먼저 해야 할 것은 reducer라는 함수를 만들어 공급해야 한다. function reducer(oldState, action){ ... } var store = Redux.createStore(reducer); ㅁstore를 생성할 때 꼭 줘야하는 인..

🌐 Web/Redux 2022.09.03
이전
1
다음

공지사항

  • 화이팅~~~!
프로필사진

jpg의 끄적끄적

이것 저것 공부하는 블로그애옹

  • 📚 분류 전체보기
    • 🚩 대외활동
      • 코드클럽 SW 교육기부단
      • 네이버 1784스쿨혁명
      • KT 에이블스쿨
    • 💻 Algorithm
      • Tree(트리)
      • Backtracking(백트래킹)
      • Bruteforcing(브루트포스)
      • Greedy(그리디)
      • Dynamic Programming(동적계획법)
      • 재귀
      • Baekjoon
    • 🌐 Web
      • React
      • Redux
    • 📱Application
      • React-Native
      • Android
    • 📑 Database
    • 🎮 Unity

방문자수Total

  • Today :
  • Yesterday :
05-29 12:39

최근댓글

최근글과 인기글

  • 최근글
  • 인기글

Calendar

  2025. 05  
일 월 화 수 목 금 토
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 31

Archives

Tag

KT에이블스쿨, Unity, 대외활동, react, 백트래킹, state, Reducer, 동적계획법, 스크래치, store, 서울위례별초등학교, 유니티, 백준, SW교육봉사, 코드클럽, 코드클럽SW교육기부단, 그리디, 재귀, 교육봉사, 브루트포스,

Copyright © Kakao Corp. All rights reserved.

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.