Getting Started with AI Coding in the First Yard

Chapter 1: The First Step to Understanding Generative AI
_1-1 The emergence of generative AI that changed our daily lives
__How has AI developed?
The emergence of generative AI
__Generative AI services used in AI coding
_1-2 How does generative AI come up with answers?
Why AI Answers So Smartly? Prompts and LLM
__The art of understanding context? Transformers
__How much context does AI remember? Tokens and context windows
Distinguishing between AI models, engines, and agents
How to Use __LLM
_1-3 Prompt Engineering for Better Answers
__Why is prompt engineering necessary?
__Example-based prompting technique? n-shot prompting
__Prompt design techniques that elicit desired answers

Chapter 2: Understanding AI Coding
_2-1 What is AI coding?
__Developing with AI? AI Coding
__The Evolution of Coding? From Machine-Centered to Human-Centered
__What can you create with AI coding?
__Key features of AI coding service
__What is Vibe Coding?
_2-2 Future AI Coding and Developers
__Major changes brought about by AI coding
Developer Capabilities in the AI ​​Coding Era
__Growing as a Developer in the AI ​​Era
Ethics and Responsibility in the Age of AI Coding
_2-3 Which AI coding service should I choose?
__Conversational AI service
__Web-based app builder
__Plug-in doll service
__Integrated Development Environment (IDE) type service
__Terminal-based AI agent
_2-4 Useful prompts in AI coding
__When studying a new concept
__When writing code
__When modifying the code
__When solving a problem

Creating a website with the Second Yard Cursor

Chapter 3: Examining the Cursor
_3-1 What kind of service is the cursor?
__Smart Development Partner? Cursor
__Key Features of the Cursor
_3-2 Starting the Cursor
__Cursor Sign Up
__Install the cursor
__Cursor screen configuration
__AI panel screen configuration
_3-3 Preparing the Cursor Development Environment
__Create a project folder
__Install the live server extension on the cursor
_3-4 Using the AI ​​coding function of the cursor
__Using inline prompts
__Build a to-do list app with AI panels

Chapter 4: Building Basic Concepts for Website Creation
_4-1 HTML that creates the structure of a web page
__HTML's basic format
__Tag properties
_4-2 CSS to make web pages look good
__Basic format of CSS
__Frequently used selectors
__CSS property
__Where to write CSS code
_4-3 JavaScript that gives action to web pages
__Basic format of JavaScript
__Looking at frequently used terms
__External script file
_4-4 Git and GitHub for tracking and managing code
__What are Git and GitHub?
__Key concepts of Git
__Create a GitHub account
__Install Git

Chapter 5: Creating Your Own Portfolio Website
_5-1 Creating the basic structure of a website
__To ask AI to create a website
__Add a project folder and create a Git repository
__Writing basic code
__Make your first commit
_5-2 Edit details
__Looking at the structure of the website
__Cancel prompt
__Change image
_5-3 Publishing a website
__How can I make the website I created public?
__GitHub Page
__Create a repository on GitHub
__Integrating Cursor with GitHub
__Deploy to GitHub Pages

Building a Full-Stack App with the Third Yard Cursor

Chapter 6: Building Web Development Fundamentals
_6-1 Understanding the structure and operation of the web
__Type of website
__Elements that make up the web
__Web operation process
_6-2 How do we exchange information on the web?
__Client and Server
__Request and Response
__HTTP/HTTPS protocol
__HTTP request method and endpoint
__IP address, DNS, URL
_6-3 Examining the Four Stages of Web Development
Step 1: App Planning
Step 2: Front-end development
Step 3: Backend Development
Step 4: Deploy the App
_6-4 Technologies to use when developing web apps
__Technology used in the front end
__Technologies used in the backend

Chapter 7: Developing a Coffee Ordering App
_7-1 Planning an app? PRD
__Designing an app
__Deciding which technology stack to use
__Writing a PRD? App Overview
__Create a Git repository
_7-2 Creating an app screen? Front-end
__Define the function to be implemented
__Draw a wireframe
__Writing PRDs for Front-End Development
__Creating a front-end development environment
__Things to keep in mind when creating UI from the cursor
__Developing the 'Order' screen
__.gitignore file
__Commit changes to the project folder
Creating the 'Administrator' screen
__Front-end testing and improvement
_7-3 Order Processing? Database and API
__Designing a data model
__Things to keep in mind when creating an API with a prompt
__Create a PRD and create a development environment for order processing
__Installing the database
__Connecting to the database
__Integrating the front-end and back-end
__Specify menu image
_7-4 Distributing the App
__Choosing a distribution platform
__Starting Render
__Upload to GitHub
__Creating and connecting to a PostgreSQL database
__Deploying backend services
__Preparing for Front-End Deployment
__Deploying the frontend

Appendix A: Using the MCP Server
_A-1 MCP connecting AI and external services
_A-2 Using Notion MCP with the Cursor

Search

Understand the fundamentals of web development with personalized explanations from the #1 web author.
Create a website with Cursor, your reliable development AI partner!

We've entered an era where anyone can easily start developing using AI, but it's difficult to create a complete app using only AI-written code.
To properly complete an app, basic development knowledge and a systematic learning process are essential.
We thoroughly explain the essential concepts you need to know when developing an actual service, including HTML, CSS, and JavaScript, which form the backbone of web development, as well as backend, database, and deployment.
After solidifying your foundation in these fundamental concepts, you can naturally experience the entire flow of web development by creating your own website with the help of Cursor, a reliable AI coding partner.

Develop a sense of coding with AI with easy-to-follow, step-by-step exercises and prompt examples!

Have you ever experienced the frustration of trying out Vibe Coding, which promises to write code for you simply by speaking, only to find the AI ​​can't quite figure out what you want? This book aims to reduce that trial and error with easy-to-follow "Do it!" exercises and specific prompt examples.
By writing prompts according to the practice steps, you will naturally learn which prompts to enter in which situations and how to explain the desired function to the AI.
The appendix also covers how to integrate MCP with Notion, enabling you to go beyond simple website creation and enhance your AI capabilities.


Understand how generative AI works and learn how to use the 'cursor' effectively!

Many people use generative AI in their daily lives, but few use it with an understanding of how it works.
But understanding how AI generates responses can help you use it much more effectively.
This book explains in a simple and concise manner the process by which generative AI generates responses, and systematically teaches you how to write prompts that achieve the desired results quickly and accurately.
Next, we will guide you step-by-step, from how to install and set up the AI ​​coding service 'Cursor' to how to use each function.
Understanding how generative AI works will make the 'cursor' more useful.


Recommended for these types of people!

● Beginners who are wondering how to start studying development
● Those who want to experience AI coding and develop practical application skills
● Aspiring developers who want to create their own website using generative AI
● Those who want to quickly understand the entire flow of web development
● Developers who want to build a solid foundation from the ground up and take on the challenge of full-stack development using AI.

Complete in 5 days for beginners, and in 2 days for developers!
We provide two study plans and example files.

This book provides two learning plans to help you take your first steps in AI development and naturally learn how to use the cursor.
If you're a beginner with no web development experience, try the '5-Day Study Plan'. If you're a developer who wants to quickly learn how to use the cursor, try the 'Weekend Study Plan'.
Additionally, example files required for the practice of this book are provided on the Aegis Publishing website and the author's GitHub.
Using this material, you can complete a coffee ordering app that is closer to the actual results.

Easy Publishing website | www.easyspub.co.kr → [Data Room] → Search by book title
● Author GitHub | github.com/funnycom/doit-cursor

Apply for a study group at 'Do it! Study Room'!

If you plan and study alone, you will quickly become tired.
Join the 'Do it! Study Room' study group and challenge yourself to read this book in its entirety.
You can meet people who study together, upload and share what you are studying, and get a book gift if you verify it.
Also, if you have any questions, please leave them on the 'Do it! Study Room' bulletin board.
Experts and authors will provide clear answers.
● Do it! Study Room: cafe.naver.com/doitstudyroom