DDODDO LAB

웹 퍼블리싱 업무를 하다 보면 디자인은 달라도 반복되는 작업이 많습니다. 카드 목록을 만들고, PC에서는 3열로 배치하고, 태블릿에서는 2열, 모바일에서는 1열로 바꾸는 작업도 그중 하나입니다.이런 작업은 어렵지는 않지만 HTML 구조를 만들고 클래스명을 정한 다음 반응형 CSS까지 작성하려면 생각보다 시간이 걸립니다.저는 요즘 반복적인 마크업 초안을 만들 때 ChatGPT를 활용하고 있습니다.잘 작성된 프롬프트를 사용하면 HTML과 CSS 초안을 10분 안에도 만들 수 있습니다. 다만 AI가 만들어준 코드를 그대로 사용하는 것이 아니라, 웹 접근성과 프로젝트 환경에 맞게 검수하고 수정하는 과정은 반드시 필요합니다. ChatGPT에게 “코드 만들어줘”라고만 하면 안 되는 이유 처음 ChatGPT를 사..

빅테크 독주 막아선 중국산 '가성비 AI'… 문장·논문 분석의 판도를 바꾼 '키미 쇼크'란? 1. AI 시장 요약: 3대 진영으로 재편된 글로벌 생성형 AI생성형 AI 시장이 고도화됨에 따라 사용자들의 선택지도 한층 다양해졌습니다. 현재 시장은 크게 3가지 진영으로 나뉩니다.올라운더 대중화 모델 (ChatGPT, Gemini): 대화, 검색, 음성·이미지 인식 등 다방면에서 유저 생태계와 접근성을 쥐고 있는 시장 주도형 모델입니다.전문 특화형 프레미엄 AI (Claude, Perplexity, Copilot): 코딩 및 정교한 문장력(Claude), 출처 명확한 학술 검색(Perplexity), 오피스 사무 생산성(Copilot) 등 명확한 유즈케이스(Use-case)를 가진 고성능 모델들입니다.중국발 ..

전례 없는 활황을 누리던 삼성전자와 SK하이닉스의 주가가 최근 고점을 다진 뒤 확연한 둔화 세를 보이고 있다. 거침없던 반도체 랠리에 제동이 걸린 원인을 추적해 보면, 결국 AI 생태계 내부의 근본적인 체질 변화와 맞닿아 있음을 알 수 있다. 빅테크 기업들의 반도체 구매력과 투자의 당위성을 위협하는 아킬레스건은 바로 '천문학적인 인프라 비용'에 있다. 무한한 자본을 가진 기업은 존재하지 않기에, 시장은 기술의 절대적 성능보다 투입 대비 산출을 따지는 '가성비'의 영역으로 빠르게 눈을 돌리기 시작했다. 이러한 비용 최적화 요구의 최전선에 서 있는 것이 바로 중국의 고효율·저비용 AI 솔루션이다. 글로벌 반도체 시장의 수요 지형을 뒤흔들고 있는 중국발 가성비 AI의 실체와 그 파급력을 분석해 보고자 한다. ..

1. HTML 구조 생성용프롬프트: 접근성 기준에 맞는 관리자 테이블 구조 만들어줘 2. 반응형 계산용프롬프트:1920px 기준 28px을 320~1920 범위 clamp 값으로 계산해줘. 3. 리팩토링용프롬프트:아래 CSS 중복 제거하고 가독성 높게 정리해줘 4. 공공기관 기준 대응용프롬프트:웹 접근성 지침에 맞게 alt 텍스트 가이드 작성해줘.

웹 퍼블리셔가 ChatGPT를 실무 자동화 도구로 활용하는 방법. HTML 구조 생성, CSS 리팩토링, 반응형 설계용 프롬프트 템플릿 정리. ChatGPT를 써도 실무에 도움이 안 되는 이유많은 퍼블리셔가 이렇게 묻습니다.프롬프트버튼 코드 만들어줘그리고 결과가 마음에 안 들었다고 말합니다. 문제는 AI가 아니라질문의 구조입니다.퍼블리셔는 이렇게 질문해야 한다AI는 “검색 엔진”이 아니라 조건 기반 생성 도구입니다. ❌ 버튼 코드 줘⭕ 접근성 고려 + aria 속성 포함 + 모바일 대응 버튼 구조 만들어줘 질문이 구체적일수록결과는 실무에 가까워집니다.실무 자동화 프롬프트 템플릿1. HTML 구조 생성용프롬프트공공기관 기준 접근성을 고려한 게시판 테이블 HTML 구조 작성해줘.thead 8개, 모바..

스크린리더 테스트 없이 GPT로 접근성 검증하기 접근성 검증, 왜 어렵고 시간이 걸릴까?웹 접근성을 구현하는 것도 어렵지만, 검증하는 과정은 더 복잡하고 까다롭습니다. 특히 시각장애인을 위한 스크린리더(예: NVDA, VoiceOver)를 사용해 직접 테스트하려면 다음과 같은 제약이 존재합니다:스크린리더 환경 구축: Windows 또는 macOS에 별도 프로그램 설치학습 필요: 키보드 명령어와 스크린리더 작동 방식 이해 필요테스트 시간: 매 페이지마다 일일이 확인해야 하므로 생산성 저하이러한 이유로 실제 현업에서도 스크린리더 테스트는 QA 단계에서 일부만 진행하거나 생략되는 경우가 많습니다. 그러나 이런 방식은 애드센스 승인 시 주요 장애 요인이 될 수 있고, 법적 접근성 기준을 만족하지 못할 가능성도..