404 Not Found

SEO에 영향을 주는 요인들

• 검색 결과 페이지(SERP) 노출 대비 클릭률
• 백링크(BACKLINK): 다른 웹페이지로부터 인용(링크)되는 횟수
• 도메인 권력(Domain authority): 검색결과 페이지 순위 예측 점수
• 페이지 타이틀
• 메타 디스크립션
• 로딩속도
• SSL(https) 사용 여부
• 콘텐츠의 양, 질, 개연성
• 사용자 경험: LCP(최대 콘텐츠 블럭 그리기), CLS(누적 배치 변경) - 페이지가 덜컥덜컥 열리면 안됨

Flow content (플로우 콘텐츠)

• body에 포함할 수 있는 요소.
• base, style, title 요소를 제외한 나머지 모든 요소.

SVG는 CSS와 SMIL로 애니메이션을 구현할 수 있다.

svg에 그라디언트, 패턴, 마스크 효과를 줄 수 있다.

• svg의 기본 구성 태그는 아래와 같으며 xmlns는 생략 가능하다.
• svg 안에 style을 인라인으로 넣어둘 수도 있다.
• 기본 CSS와 같이 클래스를 사용하여 작업하는 것이 바람직하다.

1
2

<svg xmlns="http:/www.w3.org/2000/svg">
</svg>

SVG란 확장 가능한 벡터 그래픽(Scalable Vector Graphics)이자 XML 기반의 2차원 그래픽이다.

• DOM의 일부로서 각 객체별로 HTML 엘리먼트가 추가된다.
• 모양이 복잡하지 않을 경우 파일 사이즈도 작다.
• 포인트가 많으면 많을 수록 계산해서 그려지기 때문에 성능이 떨어진다.
• CSS와 자바스크립트를 사용해서 조작이 가능하다.

가위바위보 구현하기.

로또 추첨기 구현하기.

틱택토 게임 구현하기.

숫자야구 구현하기.