솔적솔적

Store.js를 빼다가 쓰는 법을 알아보자. 그전에 저번 시간에 말했던 것 복습. Redux를 왜 사용하는가. 👉 이유는 컴포넌트간에 state공유가 불편할 때 사용한다. redux를 사용하면 redux store.js통 안에 state들을 다 넣고 빼서 사용할 수 있기 때문이다. 그럼 props전송이 필요없는 이점이 있기 때문. 리덕스 스토어안에 있던 스테이트들은 모든 컴포넌트들이 직접 통신을 해서 store.js안에 있는 state을 가져가서 쓸 수 있으니 props전송을 안해도된다는 것! 그럼 이 store.js 파일에다가 state만드는 법을 알아보자. 일단 Store.js 파일안에다가 createSlice() 쓰고 import해야한다. useState와 비슷한 용도임 store.js impor..

지금까지 개발하면서 느끼셨겠지만 리액트는 Single Page Application임으로 개발 시 단점이 많이 보이게되는데 그 단점은 state간의 공유가 참으로 어렵다는 사실, state를 갖다 쓸 수 있는 방법은 부모 컴포넌트 👉 자식 컴포넌트로 전달하기 위해서 props 전송을 해야한다는 것. 그래, props가 있다, props를 사용하면되겠지. 근데! data라는 state를 DetailContent컴포넌트에서 사용하려할 때 중간의 Detail 컴포넌트를 건너 뛰어서 사용할 수 없다는 불편함이 있다. 예를들어 컴포넌트가 20번 중첩이 된다면 props를 10번 이상 입력해야하는데, 이것에 대해 방지할 수 있는 방법2가지가 있다. 첫 번째 방법은 리액트 기본 문법인 Context API 를 사용하..

안녕하세요. 저번 시간에 모달을 만들면서 Component의 장점을 배웠습니다요. Conponent를 만들면 한 묶음씩만든 것을 볼 수 있어 전보다 눈이 편하고 관리가 용이하다는 것, 그럼 단점은? → Component의 단점은, state를 바로 받아 사용할 수 없다는 것. 전에 만들었던 '아범'변수를 방금 만든 아범모달안에 데이터바인딩 할 수 있을까? 없다. 예) 아범은 변수x를 함수1()에다 선언을 한 것이므로 함수2() 안에 바로 데이터바인딩을 할 수 없다. 불러오고싶다면? 데이터를 전해주는 방법이 있다. 그것은 props. 원한다면 함수1()안에 선언된 변수의 데이터를 함수2()에게 넘겨줄 수 있다. ​ APP 컴포넌트 안에 있는 이라는 컴포넌트를 만들었는데(저번시간 코드내용으로 그대로 진행),..