뉴히의 개발 로그

'{ created_at: string; id: string; matching: boolean | null; status: string | null; tutor_id: string | null; user_id: string | null; }' 형식에 'filter' 속성이 없습니다. 비동기 방식때문에 데이터가 불려오기전에 렌더링되기때문에!!! 에러가 먼저뜨고 다음번 렌더링 시에 제대로 불러온다. if (!tutor || !review) { return null; } 이렇게 넣어주면 오류해결 또는 배열과 단일의 경우 오류도 타입맞추기가 힘들다 const matching = match.match || []; console.log(matching); // 받은 요청 내역 const matchingData = ..

1. svg 파일 구해서 img 태그로 넣어주기 2. 원하는 색의 hex 값 알아내기 https://www.color-hex.com/ 3. filter 값 계산하기 https://codepen.io/sosuke/pen/Pjoqqp 위의 페이지에서 Target color 에서 hex 값 넣고, filter 값 알아내기 4. img 태그나 선택자를 이용하여, css filter 속성에 3번에서 알아낸 값 붙여넣기 const StDelImg = styled.img` filter: invert(82%) sepia(25%) saturate(1197%) hue-rotate(186deg) brightness(99%) contrast(101%); `; 검색해보니 동일한 모양의 색갈이 다른 여러 개의 파일을 준비하여 필..

터미널에서 새로운 폴더를 생성하고 yarn을 실행했더니 오류가 났다......? 내버전은 18.15 였는데 18.16으로 업데이트하니 오류가 해결되었다 ㅎㅎ 는 내 착각!!!!!!!!!!!!! 해결되지 않음 2)settings.json 파일에 코드 추가 "eslintConfig": { "extends": [ "react-app", "react-app/jest" ] }, 실패. 3) npm 패키지 추가설치 npm i eslint-plugin-jsx-a11y 실패! 사실, 추가 패키지등의 설치 없이 실행되어야하는게 맞다. 아무것도 안한 프로젝트기 때문에.... 그래서 튜터님께 여쭤보니 yarn 설치 오류등이 은근 많다고 한다. 다른 프로젝트는 잘 열린걸 보니 무언가 프로젝트생성시에 오류인듯... 프로젝트를 ..

팀프로젝트 막바지! TMDB에서 데이터를 불러와서 사용하는데 인기순위, 최고평점등의 객체를 20개씩만 불러올 수 있었다. 그런데 더 불러와서 더보기로 보여주고 싶었기에 fetch를 두개 불러서 합쳐보기루 처음엔 각 다른 패치를 따로 불러오려했었는데 합펴서 같은 값을 제거한는게 더 쉬운듯 해서 객체 합치기 공부 :) 배열 메서드 concat() concat 은 메서드를 호출한 배열 뒤에 각 인수를 순서대로 붙여 새로운 배열을 만듭니다. 인수가 배열이면 그 구성요소가 순서대로 붙고, 배열이 아니면 인수 자체가 붙습니다. 중첩 배열 내부로 재귀하지 않습니다. const array1 = ['a', 'b', 'c']; const array2 = ['d', 'e', 'f']; const array3 = array1..