본문 바로가기

전체보기178

S2: React setState([...전개연산자])로 리렌더링 useState 함수로 값을 주었지만 렌더링이 되지않고 컴포넌트로 전달한 state props가 변화가 없다? ...이렇게 점 세게를 찍는 문법을 spread operator라고 부른다. [...array] 이렇게 사용하면 array를 해체한 후 배열에 넣는다. 결국엔 array원소가 들어가있는 새 배열이 리턴되는 것이다. 핵심은 새로운 주소값을 할당해 주는 것이다. 전개연산자를 사용하지 않고 carItems로 state를 변경할때 cartItems와 동일한 주소를 참조하기 때문에 렌더링이 되지않으며 useEffect로 테스트 해보아도 반응이없다. 새로운 주소를 참조하기 위해 전개연산자로 값을 넣어주면 렌더링이 다시 된다. 2021. 10. 15.
S2: React styled-components # const로 css를 적용할 컴포넌트 이름을 선언한다 # styled.태그명으로 태그를 지정한다 # `~` 백틱으로 내부에 css를 적용한다. Styled Component 는 스타일 속성을 지닌 컴포넌트를 정의할 때에 함수를 전달하고, 그 함수 안에서 props 를 사용할 수도 있습니다. 상속받고자 하는 스타일 속성을 지닌 컴포넌트를 styled() 로 감싼 뒤, 변경하고 싶은 속성만 새로 정의해 주면 기존 속성을 확장하여 사용할 수 있습니다. 컴포넌트에 props 로 스타일 속성이 전달된다면 해당 컴포넌트는 props 로 전달된 속성을 우선 적용하며, 전달되는 속성이 없다면 기본으로 설정된 속성을 적용합니다. 이는 Styled Component 가 개발자에 의해 설정된 속성과 기본 속성을 구분할 .. 2021. 10. 14.
TOY7: DFS #1 부모가 node로 들어오면 values에 부모안에 든 숫자요소가 node.value에 의해 담긴다. #2 그 부모의 자식을 forEach로 분해하여 n순차적으로 먼저 values에 담게 되는데 그 n의 자식까지 넣기위해 재귀를 부른다 #3 dfs(n)으로 자신을 넣어 자신을 values에 담고 자식들을 concat하여 합친후 return 하면 기존 부모와 자식의 합이 완성된다. 2021. 10. 14.
S2: Request query.? 와 params.id? Request(req)의 query *localhost.com/flight ?depature_times 는 request.query.depature_times로 들어온다 Request(req)의 params Router에서 지정한 고유 id를 확인한다. *이때 flight/af6fa55c-da65-47dd-af23-578fdba40bed의 af6fa55c-da65-47dd-af23-578fdba40bed는 request.params.id로 들어온다. console.log 대신 res로 보내어 확인하는법 2021. 10. 13.
React 데이터흐름과 비동기요청 2021. 10. 12.
네트워크2 2021. 10. 12.