profile
에러와 부딪히고 새로운 것을 배우며 성장해가는 과정을 기록합니다!

'EventTarget' 형식에 '~~~' 속성이 없습니다. error 해결

'EventTarget' 형식에 'innerText' 속성이 없습니다.해결

2022년 5월 19일
·
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개의 댓글
·

Next.js + Typescript 에 Styled-component 적용

라이브러리 설치Javascript를 사용할 때는 위의 명령어로 설치를 하면 되지만, Typescript를 적용하면 styled-component를 인식하지 못한다. Typescript에서는 리액트 라이브러리에 대한 type이 정의가 되어있지 않기 때문이다. 따라서 ty

2021년 3월 4일
·
2개의 댓글
·

Next.js에 Typescript 적용

Next js 프로젝트 생성 과정은 생략next가 추천하는 tsconfig 세팅을 사용하기 위해 root 디렉토리에 next-env.d.ts 파일 생성( tsconfig.json을 생성해도 상관없음)생성 후 패키지 설치적용 확인root 디렉토리에 있는 pages 폴더

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

Typescript with React

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

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