디자인 시스템12분
웹사이트 구축 전 기획: 목표·콘텐츠·정보 구조를 정리하는 방법
좋은 웹사이트 기획은 화면을 많이 그리는 일이 아니라, 방문자가 해야 할 일을 콘텐츠와 구조로 명확하게 만드는 일이다. 이 글에서는 첫 코드를 작성하기 전에 목표, 사용자, 콘텐츠, 페이지 구조, URL, 접근성 기준을 하나의 실행 가능한 문서로 정리하는 방법을 다룬다.
DUOLABS BLOG
전체 글175
- 디자인 시스템19분
웹 디자인 레이아웃의 기본: 콘텐츠 흐름부터 반응형 그리드까지
웹 레이아웃은 화면을 몇 칸으로 나눌지 정하는 작업이 아닙니다. 콘텐츠의 읽기 순서를 먼저 세우고, 넓이가 달라져도 그 순서와 기능이 무너지지 않도록 공간의 규칙을 만드는 작업입니다.
- 마케팅30분
Next.js에 Google AdSense 붙이는 방법: 승인·ads.txt·CSP·동의 관리까지
Google AdSense는 스크립트 한 줄만 붙이면 끝나는 도구처럼 보이지만, 실제 운영에서는 계정 심사, 사이트 소유권 확인, 광고 코드, ads.txt, 개인정보처리방침, 동의 관리, 보안 헤더가 함께 맞아야 한다. 하나라도 빠지면 사이트 연결에 실패하거나 광고 영역만 비어 있거나, 기존 페이지의 JavaScrip…
- 모바일 앱43분
Expo SDK 56 앱을 App Store와 Google Play에 배포하기
Expo 앱을 배포한다고 하면 보통 eas build 명령 하나를 떠올립니다. 실제 운영 배포는 빌드, 앱 서명, 스토어 업로드, 베타 테스트, 심사, 공개 출시, OTA 업데이트가 서로 다른 단계입니다. 이 구분을 놓치면 CI가 성공했는데 스토어에는 앱이 없거나, JavaScript 수정이라고 생각해 OTA를 발행했는…
- 마케팅14분
SEO·AEO·GEO는 무엇이 다를까: AI 검색 시대의 노출 전략
예전에는 Google이나 네이버 검색 결과의 상단에 노출되는 것이 목표였습니다. 이제는 AI Overview, AI Mode와 여러 답변형 서비스가 웹 문서를 요약해 답을 만들면서 AEO와 GEO라는 표현도 자주 보입니다.
- 마케팅14분
네이버 검색광고·구글 검색광고·인스타 광고 비교: 우리 사업에는 무엇이 맞을까
광고를 시작하려고 하면 네이버 검색광고, 구글 검색광고, 인스타그램 광고 중 어디에 돈을 써야 할지부터 막힙니다. 세 채널 모두 고객을 데려오는 광고지만 맡은 역할은 다릅니다.
- 마케팅20분
인스타 릴스·페이스북·틱톡 광고 비용 비교: SNS 광고 예산 잡는 법
인스타그램 릴스 하나를 광고하면 얼마가 들까. 페이스북 광고는 릴스보다 저렴할까. 틱톡이나 유튜브 쇼츠까지 같이 집행해야 할까.
- 웹 결제15분
Polar.sh와 토스페이먼츠는 무엇이 다를까: 웹 결제 서비스 선택 기준
Polar.sh와 토스페이먼츠는 모두 웹사이트에 결제를 붙일 때 검토할 수 있는 서비스입니다. 하지만 둘은 같은 종류의 결제대행사가 아닙니다.
- 모바일 앱16분
Flutter와 React Native, 장단점보다 먼저 봐야 할 기술 선택 기준
앱 개발 상담에서 자주 나오는 질문이 있습니다. "Flutter와 React Native 중 무엇이 더 좋은가요?"
- 프론트엔드9분
Google 번역을 켰더니 React 앱이 오류 화면으로 바뀐 이유
한국어, 영어, 일본어, 중국어를 직접 제공하는 React 랜딩 페이지에서 예상하지 못한 문제가 생겼습니다. Chrome이 띄운 "이 페이지를 번역하시겠습니까?" 제안을 수락하면 번역이 시작되는 듯하다가, 잠시 뒤 사이트의 "일시적인 오류가 발생했습니다" 화면으로 바뀌었습니다.