지식 기록

e.preventDefault()와 e.stopPropagation()의 사용법

emotion props 전달 방법과 type 오류 해결 방법

enter로 검색해보자. 본래 onKeyPress가 사용되어왔지만 deprecated되었기 때문에 onKeyDown을 사용한다.

배열 안의 객체에 key와 value를 추가해보자끝

input으로 입력받아 onChange를 통해 변수에 저장을 하고 이를 바탕으로 api요청하려 한다.하지만 입력값을 보면 delay가 발생하여 마지막 글자가 짤린 상태로 api 요청이 이루어지기 때문에 내가 원하는 값을 온전히 받아올 수 없다.

용어정리 확실하게 해보자

Same-Origin Policy는 웹 보안 메커니즘 중 하나로 실행중인 애플리케이션의 출처와 다른 출처의 리소스를 요청하는 것을 제한하는 정책이다. CORS는 출처가 서로 다른 요청도 가능하게 하면서 보안상의 문제도 해결하기 위해 탄생했다.

eslint, prettier 설정

Github flow 전략

리액트 비동기 작업의 선언적 처리: ErrorBoundary 및 Suspsens 그리고 대수적 효과

Server-Sent Events(SSE)를 활용한 실시간 알림 테스트 코드 및 기능 구현.

FSD 폴더 구조

복잡한 Modal 설계, Compound Component Pattern으로 해결한다.

React Hook Form과 Zod를 이용하여 form을 효율적으로 관리한다.