분류 전체보기

저 ReviewList 안에서 items.map과 같이 하면 동작을 안함. console.log()로 찍어보니 배열이 잘 넘어오긴 했는데 내가 실수한 부분이 있나? state로 만들고 내려주니 동작이 된다.. 내가 바로 import 한 값을 내려줘서 문제가 생긴 것인가?

리액트에서 훅이란? 1. 클래스 컴포넌트에서 사용된 기능을 동일하게 함수형 컴포넌트에서도 사용하기 위함. 2. 리액트가 제공하는 기능에 연결해서 그 값이나 기능을 사용할 수 있는 함수. 리액트 훅의 규칙 1. 리액트 컴포넌트 함수나 커스텀 훅에서 실행되어야 함. 2. 함수의 최상위에서 실행되어야 함 (반복문 ,조건문 안에서 X)

fetch나 axios로 data를 fetching 한다면 위와 같이 state를 만들고 데이터를 받아온 이후 setState를 이용해 데이터를 갱신해 주어야 할 것입니다. 타입스크립트를 적용한 프로젝트에서 위 같이 쓸 경우에는 state를 사용할 때 오류가 날 수 있습니다. state가 객체라면 state.value와 같이 접근할텐데 이 부분에서 타입스크립트가 오류로 감지합니다. useState({})만을 입력한다면 타입스크립트는 {} 만으로는 타입 추론을 할 수 없습니다. 만약 boolean과 같이 타입이 확실한 값을 주었다면 오류가 생기지 않습니다. 해결방법 any가 추가되면 문제가 해결이 됩니다. 혹은 위와 같은 Interface( 위의 코드와는 상관 없는 코드) 를 선언해서 대신 써주면 되는데 ..

https://www.codetree.ai/missions/5/problems/maximum-product-of-three-numbers?utm_source=clipboard&utm_medium=text 코드트리 | 코딩테스트 준비를 위한 알고리즘 정석 국가대표가 만든 코딩 공부의 가이드북 코딩 왕초보부터 꿈의 직장 코테 합격까지, 국가대표가 엄선한 커리큘럼으로 준비해보세요. www.codetree.ai import sys n = int(input()) nums = list(map(int,input().split())) p,m = [],[] for n in nums: if n=0: p.append(n) p.sort() m.sort() ans = -sys.maxsize if len(p) >= 3: ans ..

위와같이 props를 state로 쓰면 rating이 바뀌어야 하는 거 아닌가? 하지만 바뀌지 않는다. 10분은 더 고민했다. useEffect를 써서 해결을 하긴 했다만 본 코드잇 강의에서 이렇게 하지 않았단 말이지... useEffect 안써도 됨!! prop을 1개 추가하면 해결될 문제! prop을 value를 내려주는 걸로 추가해도 되지만 아래와 같이 핸들러 함수를 내려주는 것도 가능 상식적으로 생각했어야 했는데 너무 기억과 감에 의존했다. prop으로 받고 내려주기만 하면 되는 문제 였는데.

리액트로 개발할 때 서버에서 데이터를 fetching하고 loading 처리를 하기 위해서 state와 fetch혹은 axios라이브러리를 이용한다. 이 일련의 과정을 단 코드 하나로 간편화 할 수 있으며 caching기능 까지 있는 react-query라는 라이브러리가 있다. import { QueryClient, QueryClientProvider } from "react-query"; root.render( ); 아직은 왜 provider형식으로 최상의 부모에게 위와 같이 해주는 진 모르겠다. 내 블로그는 아직 정보전달성 보다는 공부 기록 일기에 가까우니 이는 차후에 내 실력이 남에게 좋은 정보를 전달할 수준이 된다면 포스팅 할 것이다. const { isLoading, data } = useQue..

https://www.codetree.ai/missions/5/problems/square-made-of-two-points?utm_source=clipboard&utm_medium=text 코드트리 | 코딩테스트 준비를 위한 알고리즘 정석 국가대표가 만든 코딩 공부의 가이드북 코딩 왕초보부터 꿈의 직장 코테 합격까지, 국가대표가 엄선한 커리큘럼으로 준비해보세요. www.codetree.ai x1, y1, x2, y2 = tuple(map(int, input().split())) a1, b1, a2, b2 = tuple(map(int, input().split())) width = max(x2, a2) - min(x1, a1) height = max(y2, b2) - min(y1, b1) print(ma..

flex-basis를 썼을 때 flex-basis는 최소 너비는 보장하지만 최대너비는 보장하지 않는다. 컨텐츠의 양이 많아지면 레이아웃 박스가 커질 위험이 있다. 유지보수 측면에서 좋지 않다. width를 썼을때 텍스트의 크기가 길어지더라도 너비는 고정되기에 over-flow: hidden 을 쓸 수 있고, 말줄임표를 쓸 수 있게 된다.