- 프론트엔드 개발자는 마케터, 디자이너, 백엔드 개발자와 협업이 많다
👩🏻💻 ****과제 리뷰
- 요구사항 꼼꼼히 읽기 ⇒ 구현 ⇒ 검토
- 파일 관리
- 비슷한건 뭉치고, 나눌 수 있는 것은 나누기
- ex) user, message를 나눴으면 좋았을 텐데 🤔
- 반응형
- break point는 모든 페이지에서 똑같아야 한다
- 데스크탑, 테블릿, 모바일 ⇒ 보통 2개 (1024px, 768px)
- 보통 우선순위는 768px 먼저 구현 (초기 스타트업)
- 미디어쿼리를 정했으면 ⇒ 상수화 👀
📎 들어가기 전에
🔍 검색과 SEO
:: 현재의 검색 알고리즘
- 검색 봇 ⇒ 자기만의 알고리즘으로 분석함 ⇒ 구글 페이지랭크
- 크롤러는 페이지의 신뢰성이 중요하다(실제로 클릭을 얼마나 하는지)
- 결론: 검색 결과로 초반에 나오는 사이트는 점수가 높은 사이트다 👀
:: SEO(Search Engine Optimization, 검색 최적화)
- 구글
- 하루에도 몇만개의 사이트를 분석한다
- 검색엔진의 최적화 효과를 보려면 시간이 4개월 ~1년 정도 소요됩니다
:: 우리가 해야할 일
- 잘 노출되게 한다
- <head>에 메타 정보를 잘 작성해야 한다
- OG: Open Graph ⇒ preview 뜨는 것 (공유기능에서 필수)
robots.txt 검색 봇 (크롤러) 약속 🚨
- 네이버 , 구글 클로러 다들 다르다
User-agent: * 모든 페이지 다 들어와도 되Disallow: shop/admin 은 금지 ㅋㅋ
sitemap.xml ?? generator로 만들면된다