Advanced Course 주특기 5강 - React

심화 주특기 5강!

firebase hosting으로 배포하기

• 배포 참고 자료
• ** 배포할 폴더를 public이 아닌 build로 해줘야함!!!
• 덮어쓰기는 모두 안하는것으로...
• 배포한 사이트 (image-community)

React에서 SEO 적용하는 방법

1. meta-data 넣기
2. pre-rendering
3. Server Side Redering

Pre-rendering

• Pre-rendering 참고 자료
  단, DB에서 바로 데이터를 가져오는 방식 (DB.collection().get~~)에서는 사용할 수 없음.
  REST API 비동기 통신으로 데이터를 가져와야 pre-rendering 적용 가능.

Meta tag

• Meta tag 참고 자료

사이트 성능 지표 보기

• 성능 지표 참고 자료
  CLS : 미스 클릭 유발율
  FID : 클릭 후 이벤트가 실행될때까지의 시간
  FCP : 페이지에 처음 무언가 그려지기 시작하는때까지의 시간
  LCP : 페이지에 가장 큰 요소가 그려지기 시작하는때까지의 시간
  TTFB : 페이지의 첫번째 Byte를 불러오는데까지의 시간

렌더링 횟수 줄이기 (사이트 성능 높이기)

메모이제이션 하기! React.memo()

• 렌더링 횟수 줄이기 참고 자료

개선작업 할때 진행해야 하는것들

• 개선 참고 자료

• 참고 자료

만세~~