RetroTech 팟캐스트

Angular, React, Vue.js가 3대 프론트엔드 프레임워크로 자리 잡고 가장 많이 관심을 받는 중에 React가 가장 많은 인기를 누리고 있지만 그 이후에도 새로운 자바스크립트 프레임워크는 계속 등장하고 있습니다.
이후에 등장해서 지금도 어느 정도 사용자층이 있는 Svelte, Preact, SolidJS, Alpine.js, Lit가 어떻게 만들어지고 어떤 문제를 해결하려고 했는지를 살펴봅니다.

레퍼런스는 홈페이지 참고:
https://retrotech.outsider.dev/episodes/1n

Music from #Uppbeat
https://uppbeat.io/t/zoo/clarity
License code: DEG8IR0VQV5JZPP9

2014년 Evan You가 공개한 Vue.js는 개인 사이드 프로젝트로 시작되었지만 커뮤니티 기반으로 차근차근 인기를 얻어 Angular, React와 함께 가장 인기 있는 3개 프레임워크 중 하나로 성장했습니다.
Evan You가 Vue.js로 만들어서 성장시킨 과정과 회사에 다니다가 그만두고 독립 오픈소스 개발자로 Vue.js에 풀타임으로 전념하게 된 과정을 살펴봅니다.

레퍼런스는 홈페이지 참고:
https://retrotech.outsider.dev/episodes/1m

Music from #Uppbeat
https://uppbeat.io/t/zoo/breathtaker
License code: YKFJEEXBSJS42VDY

2009년 Node.js가 나오면서 JavaScript로 서버도 작성할 수 있게 되자 서버와 클라이언트에서 코드를 공유하고자 하는 Isomorphic JavaScript, 즉, 동형 자바스크립트라는 개념이 등장합니다.
Isomorphic JavaScript Framework 중 가장 인기를 끌었던 Meteor는 커뮤니티에 주목을 받으며 오픈소스 프레임워크를 만드는 회사로서는 고무적으로 큰 투자도 받으면서 성장해 갑니다.

레퍼런스는 홈페이지 참고:
https://retrotech.outsider.dev/episodes/1l

Music from #Uppbeat
https://uppbeat.io/t/zoo/breathtaker
License code: 4GX2KBM7YZ9B7EDU

Facebook과 Instagram에 적용하면서 React.js가 안정적으로 되자 Facebook은 JSConf US 2013에서 React.js를 오픈소스로 공개하기로 합니다.
JSConf US에서 청중의 반응은 좋지 않았지만 React.js에 접근방법을 좋아하는 사람들을 중심으로 React.js의 생태계는 점점 켜집니다.

레퍼런스는 홈페이지 참고:
https://retrotech.outsider.dev/episodes/1k

Music from #Uppbeat
https://uppbeat.io/t/zoo/breathtaker
License code: RYV5OOZAWYXIYWDY

2012년 Facebook에서 Bolt.js라는 프레임워크가 공개되고 이를 사용하던 Jordan Walke가 Bolt.js에서 아쉬운 부분을 개선하기 위해 사이트 프로젝트 FaxJS를 만들면서 React.js의 초기 아이디어가 구현되기 시작하고 FaxJS가 FBolt로 발전되었다가 React.js로 이름이 변경되게 됩니다.
이렇게 만들어진 React.js가 2012년부터 2013년까지 Facebook 내부에 적용되기 시작하면서 발전하게 됩니다.

레퍼런스는 홈페이지 참고:
https://retrotech.outsider.dev/episodes/1j

Music from #Uppbeat (free for Creators!):
https://uppbeat.io/t/zoo/breathtaker
License code: F6PXAESK6VHJL23I

2008년에서 2009년 사이 Misko Hevery와 Adam Abrons가 사이드 프로젝트로 만들기 시작한 Angular.js는 이후 당시 Google에 다니던 Misko Hevery가 내부 프로젝트에 적용하기 시작하면서 오픈소스 프로젝트로 발전하게 됩니다.
구글이 공식적으로 지원하면서 엔터프라이즈 자바스크립트 웹 어플리케이션을 만들기 위한 프레임워크로 자리잡게 됩니다.

레퍼런스는 홈페이지 참고:
https://retrotech.outsider.dev/episodes/1i

Music from #Uppbeat (free for Creators!):
https://uppbeat.io/t/zoo/breathtaker
License code: O7MBWRN0ZNSSPDJJ

웹 프론트엔드가 복잡해지면서 자바스크립트 코드도 복잡해지기 시작하고 이를 해결하기 위해 MVC 패턴을 적용한 프레임워크가 등장합니다.
MVC 프레임워크로 나온 Backbone.js는 언론쪽에서 나와서 웹에 영향을 많이 주고 MVC에 대한 관심을 업계 전반에서 높아지는데 큰 기여를 했고 MVVM 패턴을 적용한 Knockout.js는 2-way 바인딩이라는 새로운 접근 방법을 보여줍니다.

레퍼런스는 홈페이지 참고:
https://retrotech.outsider.dev/episodes/1h

Music from #Uppbeat (free for Creators!):
https://uppbeat.io/t/zoo/breathtaker
License code: A3JZRBFIC4IX28ZW

웹이 발전하면서 점점 고도화된 웹에 대한 요구사항이 많아지기 시작합니다.
웹이라고 다르게 생각하지 않고 데스크톱과 구별할 수 없을 정도의 애플리케이션을 만들기 위한 요구사항이 생기고 이를 위한 프레임워크 뿐 아니라 웹사이트도 이전보다 훨씬 복잡한 애플리케이션을 만들기 위해 MVC 패턴을 적용하기 시작합니다.

레퍼런스는 홈페이지 참고:
https://retrotech.outsider.dev/episodes/1g

Music from #Uppbeat (free for Creators!):
https://uppbeat.io/t/zoo/breathtaker
License code: ADYEMHPNJCID3QYY

Ajax가 등장하고 다양한 JavaScript 프레임워크가 등장하는 가운데 2006년에는 프로덕션에서 바로 쓸 수 있는 수준의 UI 프레임워크가 등장하기 시작합니다.
당시 글로벌에서도 가장 큰 웹포털중 하나인 Yahoo!에서 Yahoo! UI Library(YUI)를 오픈소스로 공개하고 YUI 뿐 아니라 생태계에 도움될 많은 정보를 공개적으로 공유합니다.
그리고 YUI가 나온 덕에 YUI를 기반으로 한 Ext.js가 등장하고 Ext.js는 오픈소스이면서도 상업적 수익을 목표로 수준높은 위젯을 제공하기 시작합니다.

레퍼런스는 홈페이지 참고:
https://retrotech.outsider.dev/episodes/1f

Music from #Uppbeat (free for Creators!):
https://uppbeat.io/t/zoo/breathtaker
License code: OOQ5LF77RJBSLDP3

Rico는 Sabre Airline Solutions에서 2005년 오픈소스로 공개한 prototype 기반의 UI 라이브러리입니다.
MochiKit은 Bob Ippolito가 2005년 공개한 프레임워크이고 MooTools는 Valerio Proietti가 2006년 공개한 프레임워크입니다.
각 프레임워크가 어떻게 만들어지게 되었는지 각각이 철학과 특징을 살펴봅니다.

레퍼런스는 홈페이지 참고:
https://retrotech.outsider.dev/episodes/1e

Music from #Uppbeat (free for Creators!):
https://uppbeat.io/t/zoo/breathtaker
License code: ZWN6SASYCBFJNFHZ