이 사이트는 어떤 js framework (spa) 를 사용하고 있을까?

요즘 SPA(Single Page Application) 을 만들때, Frendend 부분에 대해서 아래와 같은 3개의 Framework에 대해서 검토 할 것이다.

기존에 jquery로 커버가 되었지만, 현재는 Web, Mobile, Tablet등 다양한 Device로 서비스를 하며서 아래 사항이 많이 사용된다.

 

해당 3개의 F/W에 대해서, 이 사이트가 일반 pure script인가?

react를 사용했는가?? angular를 사용했는가?? vue를 사용했는가??

궁금하지 않는가? 이것을 쉽게 파악하는 방법이다.

관심있는 서비스나 사이트를 보면서, 해당 사이트가 어떤 F/W을 사용했는지 인지 할 수 있다.

 

→ 3개의 확장 모듈 모두 공식 오픈소스 제공자에서 만든것이라, Official로 볼수 있다.

→ 3개의 다운로드 수를 비교해보니, React > Vue > Angluar 순이다.

     F/W을 선택할 때 참고가 될 수도 있을거 같다.

• React
  • 확장 프로그램
    

    

    • 설치 url : https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi
  • 확인 해보기
    
    • https://www.alibaba.com/  or https://reactjs.org/  접속하기
      

      

      React 버튼이 활성화 되어 있다

• Angular 
  

  

  
  
  • 설치 url : https://chrome.google.com/webstore/detail/angular-devtools/ienfalfjdbdpebioblfackkekamfmbnh/related?utm_source=chrome-ntp-icon
• 확인해보기
  • https://angular.io/ 접속
    

    

    A 아이콘이 활성화 되었다

• vue
  

  

  • 설치 url : https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd
• 확인해보기
• https://v3.vuejs.org/