profile
얼레벌레 개발자

map 함수 사용 중 이미지 경로 에러

더미데이터 사용 중에 img 파일을 불러오기 위해 <img src={require( ... )} /> 문에 이미지 파일 경로를 넣었는데 에러가 났다.더미데이터의 이미지 경로는 현재 '../../assets/images/product-1.png' 방식으로 되어있다.

2022년 7월 24일
·
0개의 댓글
·

swiperJS 에러 해결

swiper를 사용하는 도중 페이지를 스와이프하면 그 페이지에 해당하는 카테고리로 스와이프되게끔 작업하는 도중 props로 받아온 페이지의 활성화된 인덱스(activeIndex)가 0인 경우에 swiper.slideTo() 가 안 먹었다. 함수 안에 제대로 전달은 되지

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

에러 핸들링하기

useQuery를 이용해 api를 연결하던 도중 에러가 났다.천재 개발자님이 에러 핸들링하는 법을 알려주셨다!우선 저 에러를 클릭하면 개발자 도구창의 네트워크로 이동된다여기서 빨간 부분이 에러가 난 부분이다. 그 부분을 클릭하면이렇게 에러가 난 원인을 확인할 수 있다.

2022년 7월 19일
·
0개의 댓글
·

flex-end를 이용해 왼쪽과 오른쪽에 각각 컴포넌트 위치시키기

보통 리스트를 쓰면 justify-content: space-between를 통해 동일한 여백으로 차례차례 정렬한다.그러나 예를 들어 네비바에서는 왼쪽에 로고를, 오른쪽에 다른 메뉴를 넣고 가운데에는 메뉴를 두지 않기 때문에 justify-content: flex-en

2022년 7월 8일
·
0개의 댓글
·

데이터가 계속 반복되는 무한렌더링 이슈

isItem이라는 배열 객체에서 map 함수를 통해 컴포넌트를 렌더링 했다. isItem의 각 요소를 item으로 받아 아래와 같은 코드를 작성했다.ImageFormComponent는 사진을 올렸을 때 사진의 고유값을 리턴해주는 컴포넌트다. 나중에 사진을 올려 게시

2022년 7월 8일
·
0개의 댓글
·

useLocation VS useParams

useLocation을 통해 state를 전달하며 관리를 했는데 상태이기 때문에 새로고침을 하면 변경한 상태값이 다 초기화되는 현상이 발생했다. useLocation의 설명을 확인해보니This hook returns the current location object.

2022년 7월 8일
·
0개의 댓글
·

useRef 공부 간단하게 한 것

js에서 특정 돔에 접근할 때 getElementById, querySelector처럼 리엑트에서도 특정 DOM에 접근할 수 있다리렌더링 없이 가변값을 유지할 수 있다컴포넌트 별로 특정 데이터를 갖게 하고, 이 데이터들을 리렌더링 없이 관리하고 싶을 때 사용리렌더링이

2022년 7월 6일
·
0개의 댓글
·

리액트 18버전 신기능 세 가지

1. automatic batching 2. startTransition 3. useDeferredValue >참고 사이트 코딩애플

2022년 6월 29일
·
0개의 댓글
·

비구조화 할당 (구조 분해) 문법

객체 내부값을 조회할 때마다 object.으로 입력하는데, 비구조화 할당 문법을 이용하면 코드를 짧고 간결하게 짤 수 있다.객체에서 값을 추출하여 새로운 상수로 선언해주기 때문이다.만약 이름을 바꾸고 싶다면

2022년 6월 28일
·
0개의 댓글
·

Path Variable vs Query Parameter

경로(Path)를 변수(Variable)로 사용resource를 식별하고 싶을 때어떤 자원(데이터)의 위치를 특정해서 보여줘야 할 경우원하는 조건의 데이터, 하나의 데이터에 대한 정보/users?occupation=programer \`\`\`

2022년 6월 24일
·
0개의 댓글
·