웹 튜토리얼

HTML, CSS, JavaScript, 성능, 접근성, SEO 를 다루는 명확한 웹 개발 튜토리얼. 반응형 레이아웃과 최신 도구, 사이트 최적화를 배웁니다.

SaaS SEO 대행사 고르는 법

SaaS SEO 대행사를 고르는 일은 일반 대행사를 고르는 것보다 어렵습니다. 일반 대행사가 잘하는 일의 대부분이 소프트웨어 기업에는 거의 의미가 없기 때문입니다. 로컬 인용, 구글 비즈니스 프로필 관리, 업계 동향에 관한 월 1회 블로그 글은 모두 정당한 서비스입니다. 다만 구독형 제품이 오래 남는 고객을 확보하는지에는 거의 영향을 주지 않습니다. 이 불일치는 제안 자리에서 놓치기 쉽습니다. 산출물은 합리적으로 들리고 보고서는 꼼꼼해 보이기 때문입니다. 여섯 달 뒤에 드러납니다. 트래픽은 늘었는데 가입은 제자리이고, 그 차이를 아무도 설명하지 못할 때입니다....

WooCommerce 상품 이미지와 느린 카탈로그 페이지

WooCommerce 상품 페이지는 대체로 무난하게 로드됩니다. 그런데 상점 페이지, 카테고리 목록, 검색 결과는 그렇지 않은 경우가 많고, 개별 상품은 멀쩡해 보이기 때문에 상점 운영자들이 자주 놀랍니다. 차이는 산수입니다. 상품 페이지는 대표 이미지 한 장을 보여 줍니다. 스물네 개 상품을 보여 주는 카테고리 페이지는 최소 스물네 장을, 마우스 오버 효과와 갤러리 미리보기까지 세면 흔히 그 두 배를 보여 줍니다. 이 곱셈이 바로 카탈로그 페이지가 대개 상점에서 가장 느린 곳인 이유이자, 동시에 상업적으로 가장 중요한 페이지인 이유입니다....

Image Transformations와 WordPress 이미지 플러그인

어떤 WordPress 사이트든 결국 같은 문제에 부딪힙니다. 페이지에서 가장 무거운 것은 이미지이고, 편집자는 카메라에서 나온 그대로 올리며, 모바일 점수가 그 대가를 치릅니다. 흔한 해답은 이미지 최적화 플러그인을 설치하는 것이고, 흔한 후보는 Smush, ShortPixel, Imagify입니다. 이와 다르게 작동하는 두 번째 접근이 있는데, 동종 제품이 아니다 보니 비교가 공정하게 이루어지는 경우가 드뭅니다. Cloudflare Image Transformations는 이미지를 압축해 결과를 저장하지 않습니다. 요청되는 바로 그 순간에 다시 씁니다....

Image Resizing이 Image Transformations로 변경

2026년 이전에 작성된 Cloudflare 튜토리얼을 따라 했거나, 이름에 “resizing"이 들어간 플러그인을 설치했거나, 이미지 URL을 다시 쓰는 Worker를 물려받았다면 아마 혼란스러운 상황을 겪었을 것입니다. Cloudflare 대시보드에는 더 이상 Image Resizing이라는 기능이 없습니다. 문서에도 언급이 없습니다. 설정이 망가진 것은 아니고, 찾고 있던 이름이 조용히 사라진 것입니다. 이 기능은 이제 Image Transformations라고 불립니다. 같은 URL 구조를 통해, 같은 매개변수로, 같은 일을 합니다. 바뀐 것은 이름, 대시보드...

트래픽을 잃지 않는 웹사이트 마이그레이션

웹사이트 마이그레이션은 하루 오후 만에 몇 년치 검색 노출을 지워 버릴 수 있는 유일한 정기 프로젝트입니다. 재구축, 플랫폼 교체, 도메인 변경, 심지어 URL 구조를 조금 정리하는 작업까지 모두 같은 위험을 안고 있습니다. 게다가 피해는 배포 당일에 스스로를 드러내지 않습니다. 두 주쯤 지난 뒤, 아무도 이번 릴리스와 연결 짓지 않는 조용하고 꾸준한 하락으로 나타납니다. 다행인 것은 원인이 이미 잘 알려져 있고, 거의 전부 예방할 수 있다는 점입니다. 실무에서 보면 마이그레이션으로 잃는 트래픽은 대부분 한 가지로 수렴합니다. 빠진 곳이 있는 리다이렉트 맵입니다....

WooCommerce가 느린 진짜 이유와 해결 순서

WooCommerce 성능 조사는 거의 언제나 같은 장면에서 시작됩니다. 상점 주인은 이미 더 빠른 호스팅으로 옮겼고, 캐시 플러그인을 설치했고, 이미지 최적화 도구까지 샀습니다. 그런데도 사이트는 여전히 느립니다. 그래서 WooCommerce는 원래 무거운 물건이라고 결론 내리고 그쯤에서 포기합니다. WooCommerce가 회사 소개용 사이트보다 무거운 것은 사실입니다. 모든 페이지가 장바구니를 안고 다닐 수 있는 이상 그 부담은 피할 수 없습니다. 하지만 로딩에 육 초가 걸리는 상점이 겪는 문제는 그 부담이 아닙니다. 훨씬 구체적인 무언가가 벌어지고 있고, 제 경...

2026년 Drupal 마이그레이션: 비용·기간·기한

Drupal 마이그레이션은 어떤 날짜가 등을 떠밀기 전까지는 다음 분기 계획에 편안하게 눌러앉아 있는 부류의 프로젝트입니다. 지금 그 역할을 하는 날짜가 두 개 있고, 그중 아직 오지 않은 것은 하나뿐입니다. Drupal 7은 2025년 1월 5일에 공식 지원이 끝났습니다. 아직 그 버전으로 돌아가는 사이트는 이미 일 년 넘게 보안 보호 없이 운영되고 있다는 뜻입니다. Drupal 10은 2026년 12월 9일에 수명이 끝납니다. Drupal 12가 나오는 바로 그 주이며, 그 이후로는 어떤 종류의 릴리스도 나오지 않습니다. 둘 중 어느 버전에 있든 이제 질문은 움직...

Drupal 개발자 채용: 단가, 역량, 검증 방법

Drupal 개발자를 채용해야 하는 조직은 대개 규모 있는 무언가를 운영합니다. 마흔 개 학과를 가진 대학 사이트, 접근성 의무가 걸린 공공 포털, 권한이 실제로 중요한 회원제 플랫폼 같은 것들입니다. Drupal이 회사 소개용 사이트에 선택되는 일은 드뭅니다. 콘텐츠 모델이 복잡할 때 선택되며, 그 말은 채용하는 사람이 테마가 아니라 모델을 이해해야 한다는 뜻입니다. 시장도 WordPress보다 작고 연령대가 높습니다. 개발자 수는 적고 그중 시니어 비중이 높으며, 채용 과정은 구체성을 보상합니다. 이 글은 2026년에 이 자리가 얼마나 드는지, Drupal을 한 ...

WordPress 개발자 채용: 2026년 단가와 질문

“WordPress 개발자"라는 말은 능력의 폭이 대단히 넓은 직군을 한 단어로 덮고 있고, 가격의 폭도 그만큼 넓습니다. 시간당 사십 파운드에 WordPress 개발자를 고용할 수도 있고 하루에 육백 파운드를 줄 수도 있는데, 두 사람은 같은 프리랜스 플랫폼에서 자신을 똑같은 말로 소개합니다. 한 사람은 플러그인을 설치합니다. 다른 한 사람은 앞으로 세 번의 코어 업데이트를 지나도 계속 동작하는 PHP를 씁니다. 둘 중 누가 필요한지 아는 것이 문제의 대부분입니다. 이 글은 서로 다른 네 가지 WordPress 작업을 정리하고, 2026년에 각각이 얼마인지 보여주...

CRM·ERP 통합: 비용과 방식, 함정

CRM과 ERP 통합은 거의 언제나 연결 문제로 설명되지만, 실제로 연결 문제인 경우는 거의 없습니다. 두 시스템 모두 문서화된 인터페이스가 있고, 가져다 쓸 커넥터도 나와 있습니다. 어려운 것은 영업과 재무가 몇 년에 걸쳐 같은 사업을 서로 다른 두 어휘로 서술해 왔다는 사실이고, 통합이란 그 두 어휘가 억지로 합의해야 하는 자리입니다. 두 번 전환된 리드가 거래처를 하나 만들어야 하는지 둘을 만들어야 하는지 누군가 묻는 순간, 이 프로젝트는 기술 문제이기를 그만둡니다. 같은 대화를 서른 개 필드에 걸쳐 반복하는 것, 그것이 이 일의 실체입니다. 먼저 할 일: 커넥...