개 요 프론트엔드건 백엔드건 개발자들이 가장 싫어하는 코드는 당연 누가 뭐래도 CSS일 것이다. 여러가지 이유가 있겠지만 개인적인 생각은 (지극히 개인적인 생각) 1. 에러가 나지 않아 디버깅하기 힘들고, 2. 중복된 코드 속에서도 cascading 우선 순위 구조때문에 어느 것이 상위 우선순위로 적용되지는 알기 힘들고 3. 마지막으로는 개발자는 공돌이니깐 미적감각이 없다고 생각한다. 이 책에서는 그런 편견을 깨주는 tailwind css의 철학에 대해서 이야기해준다. Tailwind CSS의 창시자 Adam Wathan과 공동창시자인 Steve Schoger이 2018년에 "Refactoring UI"라는 이름의 책을 출판했다. Adam Wathan은 풀스택 개발자이고 Steve Schoger는 디자이..

개요 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 종사자들이 힙하게 쓰는 단어이고, 막상 진정한 의미는 개발을 하면서 정립해 나가는 느낌이다. 즉..