개발 썸네일형 리스트형 CORS Error를 만나다 CORS란?CORS (Cross-Origin Resource Sharing)는 웹 어플리케이션에서 다른 도메인의 리소스에 접근할 때 발생하는 보안 이슈를 해결하기 위한 표준 방법이다. CORS는 브라우저 단에서 작동하며, 웹 서버가 특정한 HTTP 헤더를 반환함으로써 웹 브라우저가 자원에 대한 권한을 부여하도록 한다. 이 헤더는 서버에게 특정한 도메인, 프로토콜, 포트에서만 요청을 허용하도록 지시할 수 있다. CORS는 웹 어플리케이션에서 다른 도메인으로부터 리소스를 요청하는 데에 있어서 발생하는 보안 문제를 해결한다. 이전에는 같은 도메인에서만 요청할 수 있었기 때문에, 다른 도메인으로 요청을 보내는 경우 보안 문제가 발생할 수 있었다. 그러나 CORS를 사용하면 다른 도메인에서도 자원에 접근할 수 있.. 더보기 TypeScript에 대해 얼마나 알고 있는지 지금 나의 상태에 대해 점검을 해 볼 필요가 있을 것 같아 이런 글을 남기려고 합니다.TypeScript를 사용한 지 1년 정도 되었지만, 그동안 TypeScript에 대해 깊이 이해하지 않고 상황에 맞춰 타입을 지정하는 데 그쳤던 것 같습니다. 그런데 최근 제로초 강의를 보면서 TypeScript로 이렇게 많은 것을 할 수 있다는 것을 깨달았습니다.이제 저도 TypeScript를 잘 활용하고, 속성을 몰라서 쓰지 못하는 것이 아니라 알고 나서 그 이유를 설명할 수 있을 정도로 실력을 키우고자 합니다. 이를 위해 이 글을 작성하게 되었습니다. 다양하게 기록해보겠습니다. 더보기 React-hook-form value 값 설정 문제상황React-Hook-Form을 사용하면서 api로 조회해온 값을 value에 세팅을 해주고 싶었다.그래서 Input 안에 field.value(직접 값을 control함) 과 내가 조회해온 값을 value로 써주었다.조회는 잘되었으나, 조회된 값이 'apple'일 경우, 모든 문자를 삭제하여 'a'만 남았을 때 한 번 더 삭제하면 'apple'로 되돌아가는 문제가 있었습니다. input-text.tsx (공통 Input)interface Props { name: string; title: string; type?: string; value?: any; maxLength?: number; loading?: boolean value: string;}export const InputText.. 더보기 이전 1 다음
