위클리 페이퍼 14주차

CORS 에러에 대해 설명하고, 어떻게 해결하면 될지 설명해 주세요.

• CORS(Cross-Origin Resource Sharing)는 웹페이지가 다른 도메인으로부터 리소스를 공유할 수 있게 하는 메커니즘입니다. 웹 브라우저는 기본적으로 보안상의 이유로 '동일 출처 정책(Same-Origin Policy)'을 따릅니다. 이 정책은 한 웹페이지가 다른 도메인, 프로토콜 또는 포트가 다른 다른 웹페이지의 리소스에 접근하는 것을 제한합니다.

  하지만, 웹 애플리케이션은 때때로 다른 출처의 리소스에 접근해야 하는 경우가 있습니다. CORS는 이러한 요구를 안전하게 충족시키기 위한 웹 표준입니다.

  CORS 에러는 웹 애플리케이션이 다른 출처의 리소스에 접근하려고 할 때, 그 출처가 해당 요청을 허용하지 않으면 발생합니다. 이는 서버가 'Access-Control-Allow-Origin' 헤더를 포함한 응답을 보내지 않거나, 해당 헤더가 클라이언트의 출처를 허용하지 않을 때 일어납니다. 이로 인해 브라우저는 리소스에 대한 접근을 차단하게 됩니다.

• CORS 에러 해결 방법

1. 서버 설정 변경: 서버에서 'Access-Control-Allow-Origin' 헤더를 포함하도록 설정을 변경해야 합니다. 이 헤더의 값으로 특정 도메인을 지정하거나, 모든 도메인을 허용하려면 '*'를 사용할 수 있습니다. 또한, 필요에 따라 'Access-Control-Allow-Methods', 'Access-Control-Allow-Headers' 등의 헤더를 추가해야 할 수도 있습니다.
2. 프록시 서버 사용: 웹서버와 클라이언트 사이에 프록시 서버를 두어, 요청이 동일한 출처에서 발생한 것처럼 보이게 할 수 있습니다. 이 방법은 클라이언트 코드나 서버 코드를 변경하지 않고도 CORS 문제를 해결할 수 있다는 장점이 있습니다.
3. JSONP 사용: JSONP(JSON with Padding)는 'script' 태그를 이용하여 CORS 제한을 우회하는 방법입니다. 하지만, 이 방법은 GET 요청에 대해서만 동작하며, 보안 문제를 야기할 수 있어 주의가 필요합니다.

SEO가 무엇인지 설명하고, 개선을 위해 어떤 작업을 할 수 있을지 설명해 주세요.

• SEO(Search Engine Optimization, 검색 엔진 최적화)는 웹사이트가 검색 엔진의 검색 결과에서 더 높은 위치에 랭크되도록 하는 프로세스를 의미합니다. 이는 웹사이트의 가시성을 높이고, 더 많은 사용자를 끌어들이는 데 도움이 됩니다.

• SEO 개선을 위해 할 수 있는 작업

1. 키워드 최적화: 웹사이트의 내용은 사용자가 검색할 수 있는 키워드를 포함해야 합니다. 이는 제품이나 서비스에 관련된 주요 키워드뿐만 아니라, 관련된 주제나 질문에 대한 키워드도 포함해야 합니다.
2. 메타 태그 사용: 메타 태그는 웹사이트의 각 페이지에 대한 정보를 제공합니다. 이는 검색 엔진이 페이지의 내용을 이해하는 데 도움이 됩니다. 중요한 메타 태그에는 제목 태그, 메타 설명, 대체 텍스트 등이 있습니다.
3. 모바일 친화적인 디자인: 모바일 사용자를 위한 최적화는 SEO에 매우 중요합니다. 검색 엔진은 모바일 친화적인 사이트를 더 높게 평가하므로, 반응형 웹 디자인을 통해 모든 디바이스에서 웹사이트가 잘 보이도록 해야 합니다.
4. 사이트의 로딩 속도 개선: 웹사이트의 로딩 속도는 사용자 경험을 크게 영향을 미치며, 이는 SEO 랭킹에도 영향을 미칩니다. 이미지 최적화, CSS 및 JavaScript 최소화 등을 통해 사이트의 로딩 속도를 개선할 수 있습니다.
5. 백링크 구축: 다른 웹사이트로부터의 링크(백링크)는 검색 엔진에게 당신의 웹사이트가 신뢰할 수 있고, 유용한 정보를 제공한다는 신호를 보냅니다. 이를 위해 기고글을 작성하거나, 다른 사이트에 게시된 관련 컨텐츠에 당신의 웹사이트를 링크하는 등의 방법을 사용할 수 있습니다.
6. 사이트 구조 최적화: 사용자와 검색 엔진 모두가 사이트를 쉽게 탐색할 수 있도록 사이트의 구조를 최적화해야 합니다. 이를 위해 명확한 내비게이션, 브레드 크럼브, 사이트맵 등을 사용할 수 있습니다.