geunu97/repository_react_cat

고양이 사진관 (바닐라JS로 만든 프로젝트를 React로 바꿔보기)

👨‍💻 Introduction

• 박근우
• Javascript / React / Next.js

⚡ Work Experience

• PolarisOffice Web FrontDeveloper (2024.06 ~ )
• RootKey Web FrontDeveloper (2024.02 ~ 2024.06 프리랜서)
• HanryuBank Web FrontDeveloper (2023.04 ~ 2023.12)

🦴 Others

repository_react_cat's Issues

-

(useRef와 useState) 불필요한 리렌더링

🎯 문제

useRef는 기본적으로 요소에 접근하기 위해 사용되기도 하지만, 렌더링 부분과 상관없는 값을 다룰 때 사용할 수 있습니다.
useState의 상태는 변화할 때마다 리렌더링이 이루어지지만, useRef의 값은 변화할 때마다 리렌더링이 이루어지지 않습니다.
하지만 현재 모든 값을 useState로 관리하고 있어서 렌더링 부분과 상관없는 부분도 값이 바뀔 때마다 리렌더링이 이루어집니다.
따라서 렌더링 부분과 상관없는 값을 관리할 때는 useState가 아닌 useRef로 바꾸려고 합니다.

💭 기타

렌더링 부분과 상관없는 값을 관리할 때는 useState가 아닌 useRef로 바꿔야 될 것 같습니다.

검색어 저장 오류

문제

검색어 저장 5개까지 되도록 했는데, 6개까지 나오고, 7개부터는 오류가 발생합니다.

요약

• 검색어 저장 5개로 문제 해결

[Bug] 프로그래머스 고양이 데이터 가져오는 오픈 API 서비스가 종료되었습니다.

🎯 문제

프로그래머스 고양이 데이터 가져오는 오픈 API 서비스가 종료되었습니다. 무료로 제공해주는 다른 오픈 API를 찾아야 될 것 같습니다.

💭 기타

남기고 싶은 말을 입력해주세요...

ESLint 설정

🎯 문제

ESLint 설정을 위해 .eslintrc.json 파일을 만들고 규칙을 설정하였습니다.

💭 기타

package.json 파일 안에도 eslint 설정 부분이 있지만, 유지보수를 위해 따로 설정 파일을 만들었습니다.