반응형 코드스테이츠 소프트웨어엔지니어링 부트캠프6 코드스테이츠 소프트웨어 엔지니어링 부트캠프 +61, Redux 인트로 Redux : 어플리케이션에서 정교한 상태관리를 도와주는 라이브러리이다. 리액트에서의 상태관리 리액트에서는 컴퍼넌트가 state를 관리한다. state의 전달은 반드시 부모컴퍼넌트를 통해 이루어지고 자식간(형제간)의 전달은 불가능하다. State전달은 부모컴퍼넌트를 거쳐서 가능하기 때문에 자식컴퍼넌트가 많아질수록 상태관리가 복잡해진다. 리덕스에서의 상태관리 리덕스에서는 모든 State를 Store에서 관리한다. Redux redux의 3가지 원칙 Single Source of truth : state를 하나의 Store에 저장한다 state가 여러 장소에 저장되어 있을때보다 디버깅이 쉽다. -> 유지보수 용이 서버에서 state를 다루고 클라이언트로 보내기가 쉽기때문에 universal App을 만들기 .. 2021. 9. 17. 코드스테이츠 소프트웨어엔지지어링 부트캠프 +29일 오늘한것 객체 코플릿, 리액트복습, Koans복습했다. 복습을 하고 얻은것이 꽤 있다. 리액트에선 변수가 state다 말 그대로 리액트에서는 변수를 state로 사용한다. 그리고 state의 업데이트는 오직 useState로만 할 수 있음. 새로운 값 할당은 물론이고 , pop(), unshift() 등 어떤것도 사용하면 안된다. 사용할 시 리렌더링이 되지 않는등의 문제가 일어날 수 있다. 아고라스테이츠 답장 const Tweet = ({ tweet }) => { return ( ..이하생략 위와 같은 Tweet컴퍼넌트가 있고 아래 코드에서 Tweet컴퍼넌트의 props를 이용해 dummyTweets의 각 요소를 전달했다. {dummyTweets.map(i=>{ return ( ) })} dummyTwe.. 2021. 8. 17. 코드스테이츠 소프트웨어엔지지어링 부트캠프 +26일 리액트 Props와 State Props : 컴퍼넌트의 속성(Property)이다. 외부에서 전달받는 값으로 컴퍼넌트 내부에서 변하지 않는 값이다.(immutable) 부모 컴퍼넌트에서 전달받은 값이다. (React는 하향식 데이터 흐름원칙을 갖고 있다.) props전달방법 props 매개변수 사용 function Child(props) { return ( {props.text} ); }; function App() { return ( ); } export default App; props 는 객체이다. 이 객체의 { key : value } 는 컴포넌트에서 정의한 { attribute : value } 의 형태를 띈다. 따라서 JavaScript 에서 객체의 value 에 접근할 때 dot notat.. 2021. 8. 14. 코드스테이츠 소프트웨어엔지지어링 부트캠프 +6일 코드스테이츠에서의 첫번째 토요일 첫번째 토요일이다. 정해진 스케쥴이 없는 상태에서 뭘 할까 인터넷만 뒤적뒤적하느라 2시간은 보낸것같다. 코플릿 반복문을 한바퀴 돌리면서 2중반복문을 집중해서 다시 보았다. 많이봐서 내가 생각하는게 외운걸 기억하는건지, 진짜 알고 생각하는건지 모르겠다. 바로 생각나는 의식의 흐름들을 무시한 채, 일부러 실수했던 코드들을 적고 종이에 나름의 순서도를 그려가며 하나하나 정리했다. 헷갈렸던 2중반복문 코플릿을 복습하고, w3school 홈페이지에서 html을 공부하다가 block, inline 특성 이라는 개념을 알게 되어 정리한 후 게시글을 올렸다. https://wnsdufdl.tistory.com/17 HTML요소의 block 특성과 inline 특성 1. 크기 block은.. 2021. 7. 25. 이전 1 2 다음 반응형
