1995년 앞서 말했던 Netscape Communications의 두 가지 전략은 당시 Microsoft라는 공룡에 대항하기 위해 동시에 진행되었다. 1995년 4월 Netscape은 Brendan Eich를 영입하게 되었다. 5월에 Netscape 2.0 beta의 일정에 맞추기 위해 Brendan Eich는 입사하자마자 10일만에 브라우저에서 사용할 수 있는 동적 언어를 탄생시켰다. 10일만에 무에서 유를 창조할 수 없으니 Brendan Eich는 여러 언어에서 아이디어를 따왔다. 그 중 특히 4가지에서 영감을 받았는데, 1. 함수형 언어인 Lisp 계열의 Scheme이란 언어에서 영감을 받고 (first-class functions) 2. Bill Atkinson이 개발한 매킨토시의 Hyperta..

서론 Frontend framework의 진화에 대해서 이해를 하면 왜 javascript가 현재의 모습인가에 대한 약간의 통찰이 생긴다. 그러나 framework의 역사를 이해하려면 browser의 진화에 대해 같이 봐야 이해도가 더 올라간다. 그래서 browser, javascript, framework의 evolution에 대해서 간략히 정리해보려고 한다. HTML 브라우저 진화 정리하기 전에 우선 HTML은 언제부터 쓰였나가 궁금해져서 검색해보았다. 시작은 유럽의 입자물리연구소인 CERN에서 출발하였다. 세계의 여러 대학과 연구기관에서 일하는 물리학자들 상호간의 신속한 정보교환과 공동연구를 위해 고안되었다. WWW와 HTML과 현재 URL구조의 창시자로 유명한 영국의 Tim Berners-Lee(..

개요 Framework에 대한 시장점유율에 대한 공인된 하나의 공식 통계 집계 사이트는 없다. 스택오버플로우, 깃헙, npmjs등에서 얼마나 많은 레포지스리가 등록되어있는지에 대해서 집계해를 해주는 몇몇 사이트가 있고 이를 통해서 우리는 최신 트렌드가 무엇인지를 알 수 있다. 몇 개를 살펴보자. SimilarTech.com - 국가별 website 참조: https://www.similartech.com/categories/javascript React.js Vue.js 위 두 가지 data에서 관심있는 것만 다시 표로 정리 이 사이트에 따르면 158개국에서는 React.js가 압도적이며, 전세계에서 중국, 태국, 벨라루스 딱 3개국에서만 Vue기반이 React기반보다 앞서고 있다. 이것은 현재 상황이고..

개요 20년전쯤에는 데스크탑 컴퓨터 전원 버튼을 키고 샤워를 하고 오면 윈도우즈 부팅이 끝나있다라는 우스개소리가 있었다. 이 얘기는 그 당시는 사람들의 기대치 자체가 낮았다는 뜻이다. 지금은 인터넷 속도도 더 빠르고 CPU도 빠르니 속도가 문제될 것이 없다고 생각할 수도 있지만 그만큼 사람들의 기대치는 높아졌다. 참조: https://kinsta.com/learn/page-speed/ 로딩 시간 vs. 이탈률 2016년 Google Study에 의하면 모바일 환경에서 로딩 시간이 3초보다 길면 53%의 방문자가 이탈한다는 보고서 있다. 이는 특히 image-heavy한 e-commerce 사이트에서 치명적이다. [ 출처: https://www.scientiamobile.com/mobile-site-vis..

개요 E-commerce에서의 SEO의 중요성에 대해 연구소의 정또해방님이 글을 잘 정리해주셨는데, [참조: https://x2bee.tistory.com/49 ] 그것에 덧붙여서 추가로 쓰려한다. 유입경로의 종류 웹사이트에 방문자가 들어오는 경로는 다양하다. 종류는 다음과 같다. 자연 유입률 (organic traffic) 구글, 네이버와 같은 검색 엔진을 통해 자발적으로 들어오는 경로를 뜻한다. 영어로 organic이란 표현을 쓴다. 유료 광고 유입률 (paid traffic) Google Ads나 네이버 광고처럼 플랫폼에서 방문자가 클릭할 때 PPC(pay-per-click) 광고가 대표적이다. 유료로 인해 인위적으로 검색 순위에 상위로 놓는 광고에서 유입해 들어오는 경우를 말한다. 직접 유입률 (..

Next.js 14 2023년 10월 26일 Next.js 버전 14가 발표되었다. 중요한 업데이트를 크게 다음 3가지로 분류하였다. 1. Turbopack 관련 2. Server Actions 안정화 3. Partial Pre-rendering 이 중에 Partial Pre-rendering 관련해서 공식문서를 인용하면 (https://nextjs.org/blog/next-14#partial-prerendering-preview) Partial Prerendering builds on a decade of research and development into server-side rendering (SSR), static-site generation (SSG), and incremental static..