react
-
React / Redux [2] - React-Redux 기초 개념DEV 2022. 12. 22. 00:51
해당 게시물은 udemy-React 완벽가이드 강의와 Redux 공식 문서를 바탕으로 작성된 글입니다. React / Redux [1] - Redux 기본 개념 해당 게시물은 udemy-React 완벽가이드 강의와 Redux 공식 문서를 바탕으로 작성된 글입니다. [리덕스] 크로스 컴포넌트 또는 앱와이드 상태를 위한 상태관리 시스템 강의에 따르면 보통 리액트의 상 ccamanglab.tistory.com 이전강에 이어서 강의를 보며 배운 내용을 작성! 이전강까지는 리덕스 자체를 배웠고 이번에는 리덕스에 대한 내용 조금 + 리액트로 리덕스를 사용하는 법을 공부했음. TMI인데 시험이고 과제고 너무 뭐가 많아가지고 공부가 중간에 끊겼었는데, 다시 원래하던 lms 프로젝트로 돌아왔고, 토익도 원하는 점수가 나..
-
React / Redux [1] - Redux 기본 개념DEV/REACTJS 2022. 12. 13. 13:38
해당 게시물은 udemy-React 완벽가이드 강의와 Redux 공식 문서를 바탕으로 작성된 글입니다. [리덕스] 크로스 컴포넌트 또는 앱와이드 상태를 위한 상태관리 시스템 강의에 따르면 보통 리액트의 상태를 세가지로 나눌 수 있음 1. 로컬 상태 단일 컴포넌트에 속한 상태 보통 useState나 useReducer를 사용해서 상태를 관리함 2. 크로스 컴포넌트 다양한 컴포넌트에 속한 상태 보통 useState나 useReducer를 사용해서 상태를 관리함 혹은 prop chain, prop drilling을 통해 관리 3. 어플리케이션 전체 상태 앱 전체 혹은 모든 전체에 대한 상태 관리 보통 useState나 useReducer를 사용해서 상태를 관리함 혹은 prop chain, prop drilli..
-
ReactJS / useEffect(유즈 이펙트라 쓰고 버터 플라이 이펙트라 읽는다.)DEV/REACTJS 2021. 11. 16. 00:43
우리는 예상치 못한 현실에 자주 부딛히곤 한다. 이거티비하고 뭘 실행할려고 하다 보면 저쩔티비 하면서 이상한 결과가 나오는 마법을 자주본다. 코딩도 뭐 다르진 않다. React 같은 경우에는 내가 만든 하나의 도구(도라에몽 도구랑 비슷한거임)를 개개별로 만들수 있는데, 이 도구를 활용해서 뭔가를 실행하면 전체 도구함이 리프레쉬 되면서 내용이 바뀌게 된다. 하지만 이건 좀 불합리하다고 느껴진다. 100개의 도구가 있는데 1개의 도구만 바꾸기 위해 100개를 전부다 새로 업데이트 할 순 없지 않은가. 그때 사용하는게 React의 useEffect다. useEffect는 import useEffect; console.log("rere"); useEffect( () => {A} , [B] ); 와 같은 형식으로..