Home IT/WEB 웹사이트 기술 스택 분석할 수 있는 크롬 확장프로그램 - wappalyzer

웹사이트 기술 스택 분석할 수 있는 크롬 확장프로그램 – wappalyzer

wappalyzer 개요

웹사이트를 돌아다녀보면 그 웹사이트가 어떻게 개발 되어졌는지 기술 스택이 궁금한 경우가 생긴다. 회사들이 어떻게 만들었는지 잘 밝히지 않고 소스보기를 한다고 해서 정확한 스택을 확인하기가 힘들다. 크롬 확장 프로그램인 wappalyser 라는 프로그램은 웹서버에서 프로그래밍 언어에 이르기까지 기술을 파악할 수 있도록 지원하고 있다.

inline ad

wappalizer를 사용하면 찾을 수 있는 모든 정보의 목록이다.

  • 웹 서버
  • JavaScript 프레임워크
  • font Script
  • 프로그래밍 언어
  • Analytics tool
  • CDN/CMS
  • Blogging tool
  • Cache tool
  • APIs
  • 데이터베이스

wappalyzer 설치

크롬 웹 스토어에서 wappalizer 로 검색 후 Chrome에 추가 버튼을 클릭한다.

chrome 웹 스토어
wappalyzer 설치

wappalyzer 활용

이제 분석하고 싶은 사이트에서 wappalyzer 아이콘을 클릭해보자.

1. 애어비엔비 사이트 : airbnb.co.kr
javascript frameworks 로 React 를 사용하고 있고 Programming 언어로는 ruby 를 사용하고 있네요.

airbnb 분석

2. 버거킹 사이트 : burgerking.co.kr

javascript frameworks 로 vue.js 를 사용하고 있고 Programming 언어로는 java를 사용하고 있습니다.

burgerking 분석

3. skyscanner : skyscanner.co.kr

javascript frameworks 로 React 를 사용하고 있고 Programming 언어로는 Lua를 사용하고 있습니다.

skyscanner 분석

마지막으로 제 블로그사이트 : markettrader.kr

CMS 로 WordPress 최신 버전을 사용하고 있고 Analytics는 GA 랑 WP-Statistics 를 설치해서 사용자 분석을 하고 있습니다.

markettrader.kr 분석

CMS 시장 점유율

여기서 끝나는게 아니라 CMS 같은 목록을 클릭하면 CMS 시장 점유율을 확인하실 수 있습니다. WordPress 가 압도적이네요. wordpress 순위 밑으로 drupal, joomla,Wix, Squarespace 순으로 사용하고 있습니다.

JavaScript frameworks 시장 점유율

제일 궁금한 javascript frameworks.. 요금 대세인 React 가 1위 이고 vue.js , AngularJS 순으로 점유율을 확인할 수 있습니다.

여기까지 입니다. 크롬 확장프로그램 – wappalyzer 설치하셔서 여러분들도 한번 분석해보세요.

RECENT POSTS

[javscript]API 응답에서 키 값들을 검증하는 방법

API 응답에서 다수의 키 값들을 검증할 때 코드의 중복을 줄이는 것은 유지보수성을 향상시키고, 가독성을 높이는 데 중요합니다. 이를 위해 몇 가지 접근 방법을 사용할...

[javscript]특정 키를 제외하고 두 객체를 비교하는 방법

특정 키를 제외하고 두 객체를 비교하는 작업은 데이터의 동등성을 평가하고 싶을 때 유용합니다. Lodash 라이브러리를 통해서 처리할 수 있는 방법에 대해서 살펴보겠습니다. Lodash를 사용한 특정...

[javscript]배열을 특정 키의 값에 따라 정렬하는 방법, _.orderBy

Lodash의 _.orderBy 메소드를 사용하면 배열을 특정 키의 값에 따라 정렬할 수 있습니다. 이 메소드는 배열의 각 항목을 정렬할 기준이 되는 하나 이상의 속성 이름과...

[css]autoprefixer: end value has mixed support, consider using flex-end instead warning 처리 및 다양한 에러 메시지 의미

이 경고 메시지는 CSS를 처리하는 도구인 Autoprefixer가 justify-content: end; 속성값을 처리하려 할 때 발생합니다. Autoprefixer는 CSS에 벤더 접두사를 자동으로 추가해 주는 도구로, 다양한 브라우저에서 CSS 속성이...