멋쟁이사자처럼 프론트엔드 스쿨 2기 57_Day

aydennote·2022년 6월 27일
0
post-thumbnail

📖 오늘 학습 뽀인트!

  1. SEO
    1-1 구글 검색 작동 방식
    1-2 SEO 기본 가이드
  2. 면접 대비

1. SEO

🕵️‍♀️ SEO 란?
검색 엔진 최적화라는 뜻이다. 구글 검색, 네이버 검색 등 다양한 검색엔진에 제작한 사이트를 빠르게 상위에 노출시키는 방법들을 웹사이트에 적용하는 것을 검색엔진 최적화라고 한다.


✍ SEO 정책
구글 엔진, 네이버 엔진, 다음 엔진 등 엔진마다 SEO 정책이 다르다.

1-1 구글 검색 작동 방식

구글에서 검색했을 때, 검색 결과를 사용자에게 보여주기 까지의 방식은 3 단계로 나눠진다.


✍ 작동 방식 3단계
1. 크롤링
검색 엔진은 웹에 어떤 페이지가 존재하는지 파악해야 한다.
웹에 있는 수많은 페이지들을 다 가져온다.
2. 색인 생성
1단계에서 가져온 페이지에서 어떤 내용을 담고 있는지 텍스트 콘텐츠, 주요 콘텐츠 태그, 속성값 (title, alt 등등)을 통해 페이지의 콘텐츠를 분석한다. 분석한 정보는 DB에 저장된다.
3. 검색 결과 제공
사용자 정보(사용자의 위치, 사용자의 언어, 사용자 사용 기기 등)에 따라
순위를 지정하여 노출된다.

1-2 SEO 기본 가이드

  1. title 태그를 사용해 페이지 제목 작성.
  2. description 메타 태그 작성.
  3. 적절한 heading 태그 작성.
  4. 시멘틱한 a 태그 텍스트 작성.
  5. img 태그 alt 속성 작성.

2. 면접 대비

  1. section 요소와 article 요소의 사용 용도에 대해 설명해 주세요.
  2. null 과 undefined에 대해 설명해주세요.
  3. button 태그와 input type=“button” 의 차이에 대해 설명하세요.
  4. 렉시컬 스코프에 대해 설명해주세요.
  5. 렉시컬 환경 (lexical Environment)에 대해 얘기해주세요.
  6. 요소를 배치하는 방법(relative, fixed, absolute, static) 간의 차이는 무엇인가요?
  7. 점진적 향상 기법에 대해 설명해주세요.
  8. 점진적 향상기법 생각해보기 - grid를 지원하는 브라우저와 그렇지 못한 브라우저를 지원하는 방법
  9. 우아한 성능저하에 대해 설명해주세요.
profile
기록하는 개발자 Ayden 입니다.

0개의 댓글