책
아임웹 + ChatGPT로 300만 원짜리 웹사이트 만들기
나대표 BOOKK(부크크) · Yes24
예스24 애드온 링크예요. 이 링크로 사면 책값은 같고, Roadmappr 가 구매액의 일부를 받아요.
소개
일의 흐름을 알면, AI에게 시킬 수 있습니다. 고객 자료를 정리하고 참고 화면을 ChatGPT에 보여준 뒤, 한 번에 한 구간씩 요청하고 아임웹에서 직접 적용하는 웹사이트 제작 실습서입니다. 자료 준비부터 메뉴와 문구, 페이지와 게시판, 모바일 검수, 공개 주소 확인과 고객 인계까지 8단계로 다룹니다. B5 컬러 종이책 50쪽에 실제 작업 화면 20개와 복사해서 활용하는 요청문 34개를 담았습니다. 담뜻교회 실제 화면, 소이플리 기획 사례와 교육용 예시를 구별했으며 역할과 스킬 구성, 맞춤 위젯, 로그인과 회원가입, 오류 복구 사례도 소개합니다. 이번 판은 2026년 10월 3일 편집 검토본입니다. 모든 조작 단계의 캡처가 완비된 판본은 아니며 일부 도메인과 위젯 연결 등은 추가 촬영 목록으로 남아 있습니다. 초보 독자의 전 과정 완주 시험은 아직 하지 않았고, 서비스 화면은 업데이트에 따라 달라질 수 있습니다.
비슷한 학습 자료
책 최성일 예스24
Do it! 인터랙티브 웹 페이지 만들기
책 최성일 예스24
최신 프런트엔드 웹 디자인은 물론 인터랙티브 웹 사이트 8개를 한 번에 완성할 수 있는 책이다. 베테랑 웹 디자이너이자 프런트엔드 개발자인 저자가 HTML, CSS, 자바스크립트만으로 누구나 화려한 웹 사이트를 만들 수 있게 알려 준다. 또한 실무에서 잘 쓰지 않는 기본 문법을 모두 배우느라 지치지 않게, 실전 예제에 꼭 필요한 웹 표준 문법만 간추려서 빠르고 쉽게 익힐 수 있도록 도와준다. 책에서 제공하는 8가지 프런트엔드 웹 사이트는 현업에서 최신 트렌드로 자리 잡은 인터랙티브 웹 포트폴리오를 만들 수 있게 구성했다.
웹 개발 프론트엔드 웹 퍼블리싱
책 이상선 예스24
AI 시대, 교사가 우리 반 도구를 스스로 만드는 첫 바이브 코딩 실전서 * 칭찬 보드·급식 알리미·협업 보드 등 우리 반에 바로 쓰는 앱 수록 * AI에게 물으면 코드는 나오지만, 정작 '우리 반에 꼭 맞는 도구'는 검색으로 찾아지지 않는다. 『요즘 교사를 위한 웹앱 만들기 with 바이브 코딩』은 코딩 경험이 없는 교사도 자연어로 대화하며 실제 작동하는 웹앱을 직접 만들도록 설계했다. 막연한 아이디어를 AI가 이해하는 한 장의 PRD(제품 요구 사항 문서)로 정리하는 법부터, 제미나이·Lovable·Cursor·안티그래비티 같은 도구로 앱을 만들고, GitHub·Vercel·Supabase로 데이터베이스를 연동해 인터넷에 배포하기까지 하나의 웹 서비스를 완성하는 전 과정을 담았다. '도구 소개'로 끝나는 기존 입문서와 달리, 이 책은 우리 반 칭찬 보드, 급식 알리미, 글쓰기 SNS, 실시간 협업 보드, 사물 인식 AI 학습 앱을 직접 만들고 링크 하나로 학생과 공유하는 데까지 ...
웹 개발 풀스택 AI 코딩
책 고경희 예스24
Do it! 커서로 시작하는 AI 코딩 입문
책 고경희 예스24
웹 개발 기초부터 AI 코딩 서비스인 커서 활용법까지! AI 코딩을 시작하는 모두를 위한 가장 친절한 입문서 AI가 코드를 생성하는 시대, 이제 복잡한 문법을 외우지 않아도 웹 개발을 시작할 수 있다. 《Do it! 커서로 시작하는 AI 코딩 입문》은 AI 코딩 서비스인 커서(Cursor)를 활용해 프론트엔드와 백엔드를 아우르는 웹 개발의 전 과정을 단계별 실습으로 안내한다. HTML, CSS, 자바스크립트에서 사용하는 기초 개념부터 시작해 데이터베이스, API, 배포까지 웹 개발에 꼭 필요한 요소를 입문자도 이해할 수 있게 풀어냈고, 커서를 사용해 포트폴리오 웹사이트와 커피 주문 풀스택 앱을 직접 만들며 개발의 흐름을 체감할 수 있도록 구성했다. 단순히 코드를 생성하는 데 그치지 않고, AI와 협업하여 코딩하는 감각을 기르고 기초 개발 지식도 함께 키울 수 있다.
웹 개발 풀스택 AI 코딩
책 김운아 예스24
Do it! 반응형 웹 페이지 만들기
책 김운아 예스24
개발자는 물론 기획자, 디자이너도 알아야 하는 반응형 웹의 필수 기술! 실제 웹 페이지를 반응형 웹으로 변환하는 과정 대공개! 서비스 기획, 웹 디자인, 개발까지 1인 3역을 해내는 저자가 가장 효율적으로 반응형 웹사이트를 제작할 수 있는 방법과 노하우를 알려 준다. 헷갈리기 쉬운 반응형 웹의 기본 개념부터 플렉서블 박스, 가변 그리드, 미디어 쿼리, 뷰포트와 같은 핵심 기술까지 예제로 실습하는 전 과정을 담았다. 또한 실제 웹사이트의 구조를 잡고 콘텐츠를 배치하는 레이아웃 디자인과 HTML5, CSS3로 제작하는 과정도 자세히 들어 있다. 이 과정을 모두 완료하면 평범했던 기존 웹사이트도 다양한 화면 크기에 대응하는 반응형 웹사이트로 전환하고, 웹사이트의 유지 보수와 비용 감소, 검색 엔진 최적화까지 가능하다. (※ 2017년에 출간된 『Do it! 반응형 웹 만들기』의 전면 개정판으로 최신 자료와 독자 의견을 반영하여 만들었습니다.
웹 개발 웹 퍼블리싱
책 성구(강성규) 예스24
AI 자율학습 커서ⅹAI로 완성하는 나만의 웹 서비스
책 성구(강성규) 예스24
AI와 함께 만드는 나만의 웹 서비스 Cursor × Gemini API로 기획부터 배포까지 완성하는 실전 가이드 AI 덕분에 개발의 문턱은 낮아졌지만, 기본 개념 없이 모든 것을 맡길 수는 없습니다. 그러나 HTML·CSS·JavaScript 정도의 기초만 갖추면 Cursor와 Gemini API는 초보 개발자도 실제 웹 서비스를 빠르게 완성하도록 돕는 강력한 도구가 됩니다. 이 책은 기획, UI 설계, DB 구성, API 구현, 프론트엔드 개발, AI 기능 적용, 배포까지 하나의 서비스를 처음부터 끝까지 따라 만들며 AI와 협업하는 새로운 개발 방식을 체계적으로 익히도록 구성했습니다. 핵심은 ‘직접 만들어보는 경험’입니다. 단계별 실습과 풍부한 스크린샷을 통해 누구나 자신의 아이디어를 실제 서비스로 구현할 수 있으며, Gemini API를 사용해 Todo 생성, 텍스트 분석, 요약/분류 같은 기능도 손쉽게 적용할 수 있습니다.
풀스택 AI 코딩
책 황재호 예스24
Hello Coding HTML5+CSS3
책 황재호 예스24
문서 작성만큼, 아니 그보다 더 쉬운 웹페이지 만들기, 초보자를 위한 맞춤형 입문서 워드나 PPT 문서를 만들 수 있나요? 그러면 문제 없습니다. 지금 바로 웹페이지 제작에 도전해보세요. 지금 당장 컴퓨터가 없어도 괜찮습니다. 코드와 실행 화면이 바로 보여서 눈으로만 읽어도 어떻게 작동하는지 쉽게 파악할 수 있는 것은 기본이고, 중간중간 퀴즈를 추가하여 재미있게 게임하듯 복습할 수 있습니다. 또한 이제 막 입문하여 도움을 구할 곳이 없는 여러분을 고려하여, 궁금해할 내용을 알아서 질문하고, 팁으로 친절하게 답해줍니다. 각 장의 끝에는 앞에서 배운 내용을 자연스럽게 복습할 수 있는 프로젝트도 있습니다. 헬로 코딩 시리즈로 초보에서 탈출했다고 끝내거나 멈추지 마세요. 웹페이지를 자유자재로 만들 수 있도록 『모던 웹 디자인을 위한 HTML5+CSS3 입문』, 『HTML5+CSS3 정복』까지 완독해서 HTML5를 정복해보세요.
웹 개발 웹 퍼블리싱