profile
꾸준히 성장하는 개발자가 되겠습니다.

react-admin 에러 해결

React-admin에서 Category resource를 edit할 때 "Could not find query getCategorie"라는 에러가 발생하였다. 이유는 App.js에서 resource를 렌더링 할 때, 이렇게 렌더링 했기 때문에 react-admin에서

2022년 2월 21일
·
0개의 댓글
·

react-admin error 수정

Warning: React does not recognize the \`basePath\` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spe

2022년 2월 21일
·
0개의 댓글
·
post-thumbnail

Button 이미지 잘려보임 수정

이미지 크기는 같은데 버튼 영역의 크기가 이미지보다 작게 잡히는 버그가 있어서 수정하였다.수정 방법은 height: fit-content 를 사용하여 해결하였다수정 전 수정 후

2022년 1월 14일
·
0개의 댓글
·
post-thumbnail

React - Objects are not valid as a React child 에러 해결

react-admin에서 데이터에 있는 요소를 골라 추출을 하는 작업을 하는데 이렇게 "Objects are not valid as a React child"라는 에러가 발생했다.이 에러가 발생한 이유는 컴포넌트로 전달된 데이터와 출력하려는 데이터의 타입이 일치하지

2021년 6월 3일
·
0개의 댓글
·

새로 고침해도 상태 유지하기

하트 모양 좋아요 버튼을 클릭하면 wishlist에 담기고 빨간색으로 버튼 색이 바뀌고 그걸 유지하는 것이 목적이었다. 처음에 어떻게 해야할지 떠오르지 않아서 구글링을 해봤는데 상태를 localStorage에 저장하여 유지하는 방법이 있었다. 그래서 localStora

2021년 3월 12일
·
0개의 댓글
·
post-thumbnail

TypeError: Cannot read property 'key' of undefined

발생원인 : 위 코드처럼 Action에서 첫 번째 인자로 product를 넣어줬기 때문이다. console.log로 product를 찍어봤는데, null이 떴다. null 이어서 아무값도 들어오지 않은 것이었다. 해결 방법: Action의 첫 번째 인자를 item으로

2021년 3월 12일
·
0개의 댓글
·

Map 함수 이용한 반복 & interface props 정의

React-slick을 이용하여 슬라이더를 만들고 react-avatar를 사용해서 프로필이미지와 이름을 띄우고 인스타그램 스토리처럼 만들고 싶었다. react-avatar를 사용하여 한개의 데이터를 map 함수를 이용하여 화면에 띄우는 것 까진 순조로웠지만 데이터가

2021년 3월 8일
·
0개의 댓글
·

Typescript with React

Typescript에서 useState hook을 사용할 때 해당 상태가 어떤 타입을 가지는지 Generics를 사용하여 설정해준다.하지만, Generics를 생략해도 상관없다. 알아서 타입을 잘 유추하기 때문이다하지만 꼭 써야할 경우가 존재한다. 바로 상태가 nul

2021년 3월 3일
·
0개의 댓글
·

Redux-thunk

Redux-thunk란?redux-thunk는 리덕스에서 비동기 작업을 처리 할 때 가장 많이 사용하는 미들웨어이다.redux-thunk를 사용하면 액션 객체가 아닌 함수를 디스패치 할 수 있다.함수를 디스패치 할 때 에는 해당 함수에서 dispatch와 getStat

2021년 3월 3일
·
0개의 댓글
·

Redux-persist

Redux-persist란? >redux는 store를 종료하면 저장되어 있던 모든 상태가 없어진다. 따라서 캐시 기능을 구현하는 또 다른 장치가 필요하다. 그 작업을 지원해주는 라이브러리가 redux-persist이다. redux의 store와 localstorag

2021년 3월 3일
·
0개의 댓글
·

Redux

Redux란?React의 상태를 관리하는 라이브러리 컴포넌트들의 상태 관련 로직들을 다른 파일들로 분리시켜서 더욱 효율적으로 관리 가능, 글로벌 상태 관리도 손쉽게 관리할 수 있다.Keyword1) 액션(Action) : 상태에 어떠한 변화가 필요하게 될 때, 액션을

2021년 3월 3일
·
0개의 댓글
·
post-thumbnail

SPA vs MPA

한 개의 페이지로 구성된 어플리케이션이다.웹 애플리케이션에 필요한 모든 정적 리소스를 최초 한번에 다운로드한다.그 이후 새로운 페이지 요청이 있을 경우, 페이지 갱신에 필요한 데이터만 전달받아 페이지를 갱신한다.어떤 링크를 클릭한다고 해서 그에 관련된 모든 파일을 다운

2021년 2월 26일
·
0개의 댓글
·
post-thumbnail

SSR vs CSR

Browser에서 실제로 우리가 보는 화면을 어디서 최종적으로 만들어서 보여주는가 , 어떻게 개발하는가에 따라서 CSR, SSR로 나뉜다. 처음 웹서버를 요청할 때 데이터가 없는 문서를 반환한다.HTML 및 static 파일들이 로드 되어서 데이터가 있다면, 데이터 또

2021년 2월 26일
·
0개의 댓글
·