리액트 2

CORS&SOP 이해하기🫠

CORS는 함축 단어로써 이를 풀면 Cross-Origin Resourse Sharing 이라는 단어로 이루어져 있다. 이는 "교차 출처 리소스 공유 정책"이라고 해석할 수 있다. 교차 출처는 엇갈린 다른 출처를 의미한다. 출처(origin) 출처는 Protocol과 Host 그리고 Post까지 모두 합친 URL을 의미한다. 아래를 통해 현재 origin을 알 수 있다.console.log(location.origin);  동일 출처 정책 (Same-Origin Policy) - SOP이 정책은 단어 그ㄹ대로 동일한 출처에 대한 정책을 말한다. -> 동일한 출처에서만 리소스를 공유.=> 동일 출처 서버에 있는 리소스는 자유로이 가져올 수 있지만, 다른 출처 서버에 있는 리소스는 상호작용이 불가능하다.출처..

카테고리 없음 2025.01.31

공용 컴포넌트 설계 방법 도찰(📜Frontend Fundamentals 정리)

변경하기 쉬운 프론트엔드 코드를 위한 지침서공용 컴포넌트를 만들기 위해 frontend fundamentals를 참고했다. 유용해보여서 따로 정리해보고자 한다. 변경하기 쉬운 코드좋은 프론트엔드 코드는 변경하기 쉬운 코드. -> 코드 변경을 쉽게 하기 위한 4가지 기준 #1 가독성코드가 읽기 쉬운 정도. 쉽게 변경하기 위해 어떤 동작을 하는지 이해하는 게 필요하다.코드 flow가 자연스러워야 한다.전략 => 중복 지양해야 한다. 맥락 줄이기: 같이 실행되지 않는 코드를 분리하고, 구현 상세를 추상화하고, 로직 종류에 따라 합쳐진 함수를 쪼개야 한다.이름 붙이기: 복잡한 조건에 이름을 붙이고, 매직 넘버( 정확한 뜻을 밝히지 않고 소스 코드 안에 직접 숫자 값을 넣는 것 )에 이름을 붙여야 한다. ex) ..

카테고리 없음 2025.01.29