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

IT 산업군에서 e-Commerce 가 중요한 이유 혁신에 대한 영향력 이커머스 기술은 전통적인 상거래 방식을 혁신적으로 변모시켰습니다. 기존의 물리적 매장을 온라인으로 옮겨 소비자들이 언제 어디서나 쉽게 접근하고 구매할 수 있게 만들었습니다. 이는 비즈니스 모델과 소비자 행동에 깊은 영향을 미쳤습니다. 무한한 확장성 이커머스는 물리적 한계를 넘어서 전세계적으로 확장될 수 있는 능력을 가집니다. 인터넷이 연결되어 있는 곳이라면 어디서나 판매가 가능하며, 이는 기업에게 거대한 시장을 제공합니다. 기술 집약적 이커머스는 다양한 IT 기술을 기반으로 합니다. 웹사이트 개발, 온라인 결제 시스템, 데이터 관리, 네트워킹, 보안, 모바일 애플리케이션 등 IT의 모든 영역이 이커머스의 핵심 부분으로 작용합니다. 지..

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 이번 글에서는 Mongodb를 처음 사용해보는 초초짜 개발자가 기초 명령어를 수행하는 과정을 기록합니다. 1. dbtabase 생성과 _MONGOSH 명령어 입력 위 이미지는 'mongosh' 명령어를 사용하여 컬렉션을 생성하는 과정입니다. use jeongzmin에서 'jeongzmin'은 데이터베이스 이름이며, db.createCollection('myCollection')에서 'myCollection'은 컬렉션을 생성합니다. 2. 데이터 INSERT 위 이미지는 명령어를 사용하여 컬렉션에 데이터를 입력하는 과정입니다. db.myCollection.insertOne({myname:'Jeong Ji Min', nickname:'Tech정또해방'}); 명령어를 통해서 데이터를 추가..