서비스 탐색 및 코드 분석

코드 분석

Article

목록 페이지에서 블로그 글을 나열 할 때 하나의 블로그 글을 렌더링 하는 컴포넌트

• removeSpecialCharacter method
  • 매개변수로 넘어온 문자열에서 일부 특수 문자를 제거하는 함수
  • 블로그 글에 포함된 마크다운과 관련된 특수 문자를 제거
• getParametersForUnsplash method
  • Unsplash라는 이미지 사이트에서 이미지를 가져오는데 필요한 옵션을 설정하는 함수

ViewPage

마크다운 포맷의 문자열을 마크다운 스타일에 맞게 렌더링 하는 컴포넌트

Lighthouse 툴을 이용한 페이지 검사

Mode와 Categories 항목 값 소개

Mode

• Navigation: Lighthouse의 기본 값으로, 초기 페이지 로팅 시 발생하는 성능 문제를 분산.
• Timespan:사용자가 정의한 시간 동안 발생한 성능 문제를 분석
• Snapshot: 현재 상태의 성능 문제를 분석

Categories

• Performance: 웹 페이지의 로딩 과정에서 발생하는 성능 문제를 분석
• Accessibility: 서비스의 사용자 접근성 문제를 분석
• Best practices: 웹사이트의 보안 측면과 웹 개발의 최신 표준에 중점을 두고 분석