웹페이지 간단하게 분석해보기 - 에브리타임

웹페이지 간단하게 분석해보기 — 에브리타임

에브리타임 pc 버전을 간단하게 분석해보았다

FE 개발환경으로는 Node.js — Express 와 Vue 그리고 jQuery 가 이용되었다.

기본적인 css 파일이나 로고 이미지, 기타 아이콘 이미지의 경우 홈페이지와 같은 도메인(everytime.kr)의 서버내에 파일로서 보관하고 있었다. 게시판 옆에 뜨는 작은 원의 경우에는 따로 파일이 아닌 하드코딩된 svg를 이용하고 있다.

광고 이미지의 경우 다른 서버를 통해 별도의 서브도메인을 활용하고 있었지만, 파일 명의 경우 path로 구분되지는 않았고 이미지 파일명에 게재 날짜를 같이 저장해서 보관하고 있었다. 프로필 디폴트 이미지도 또 다른 서버로 별도 서브도메인을 활용하고 있었는데, 아마 따로 프로필 이미지를 설정하는 유저가 있는 경우 이를 동적으로 처리하기 위해서 분리를 해둔 것으로 보인다. 게시글에 업로드된 사진의 경우에도 당연히 또 다른 서버 및 서브 도메인을 사용하고 있으며 세 서버 모두 AWS 의 S3 및 cloudfront 를 사용하고 있었다.

백엔드도 또한 추가 서버를 이용하고 있었고 Express 로 개발된 것으로 보인다. JSON이 아닌 XML로 정보를 주고 있으며, 로그인의 경우에는 FE 서버에서 처리한 뒤 FE 의 쿠키로 백엔드에서 인증을 구현해둔 것 같다. 특이한 점은 게시글 조회 API 에 대해서 GET이 아닌 POST 메서드를 사용하고 있다.

데이터 분석으로는 구글과 네이버 애널리틱스를 사용했다. 몇몇 페이지를 확인해봤지만 GA에는 pageview 이외의 별다른 커스텀 이벤트는 찍히지 않았다.