react-deploy

📝 Requirements

6주차 질문

질문 1. SPA 페이지를 정적 배포를 하려고 할 때 Vercel을 사용하지 않고 한다면 어떻게 할 수 있을까요?

github page를 이용하거나 Vercel 과 비슷한 Netlify 또한 사용가능합니다. 이경우 workflow에 yaml 파일을 작성하여 CI/CD를 구현할 수 있습니다. 또한 과거에 ec2에 nginx를 이용해 배포를 해본 경험도 있습니다.

질문 2. CSRF나 XSS 공격을 막는 방법은 무엇일까요?

1. CSRF 공격을 막는 방법 HttpOnly 속성을 쿠키에 설정하여 클라이언트측 JavaScript에서 쿠키에 접근하지 못하도록 하는 방법이 있습니다.

2. XXS 공격을 막는 방법 쿠키에 SameSite 속성을 설정하는 방법이 있습니다. 또한 CSRF 토큰을 사용하는 방법도 있습니다.

질문 3. 브라우저 렌더링 원리에대해 설명해주세요.

브라우저의 렌더링 원리는 HTML을 파싱하여 DOM 트리를 만들고, CSS를 파싱하여 CSSOM 트리를 만든 다음 이를 결합하여 렌더트리를 생성합니다. 이 렌더 트리를 기반으로 요소들의 레이아웃을 계산한 후, 계산된 레이아웃 정보를 사용해 요소들을 픽셀 단위로 화면에 그리는 페인팅을 거쳐 최종적으로 여러 레이어를 합쳐 화면에 표시하는 과정입니다.