개요 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..

Headless Storefront 지난 달 (2023년 10월26일) Next.js 버전 14 발표 Conference의 발표 세션 9개 중 하나는 미국의 BigCommerce 기업에서 발표하였다. 내용은 BigCommerce가 Headless Storefront를 개발하고 있다는 내용이었다. headless란 '머리가 없다' 뜻이다. 즉, frontend가 없다는 뜻이다. 그리고 storefront 역시 frontend라는 뜻이다. 그렇다면 BigCommerce는 머리가 없는 머리를 개발하고 있다는 뜻인가? Headless E-commerce란 무엇인가? Headless E-commerce는 이커머스 IT 종사자들이 힙하게 쓰는 단어이고, 막상 진정한 의미는 개발을 하면서 정립해 나가는 느낌이다. 즉..

Introduction 이번 글에서는 Vscode에서 Tailwind css를 사용할 때 유용한 두가지 확장프로그램을 소개하고자 합니다. 그 확장프로그램은 Tailwind Twin IntelliSense와 HeadWind입니다. 1. Tailwind Twin IntelliSense vscode에서 Intellisense 확장프로그램을 설치했다면, Tailwind CSS 마스터입니다. CSS 프레임워크를 다룰때 지속적으로 나왔던 단점이 '학습곡선이 존재한다. ' (본인은 동의하지 않음)었습니다. 하지만 이 환상적인 확장 프로그램을 설치함으로써, 없애버렸습니다. 일단 사용하기만 한다면, Tailwind CSS의 클래스를 빠르게 탐색하고 적용하는데 매우 유용합니다. 역할 자동 완성 기능 : 클래스 이름을 입력..