백운 사촌 BAIYUN.SI
재료 SIN1 코스 · 강의 15

웹 코딩을 어디서부터 시작할까: 작은 아이디어를 사용 가능한 기능으로 바꾸는 방법

무료로 읽을 수 있습니다

현재 SIN1을 배우고 있습니다 · 강의 15/283. AI 활용해 웹페이지와 기능을 만드는 방법

전체 학습 순서를 보기처음 와봐? 강의 01부터

소프트웨어 설치, 효과 미리보기, 실제 작성 기능을 구분하여 설치, 구성, 사용 가능한 작은 플러그인을 만드세요.

설치는 준비이고, 작성 기능은 생산입니다

웹 코딩(웹페이지나 웹사이트 기능을 작성하고 수정하는 프로그램)은 AI가 아이디어를 페이지, 테마, 플러그인 등에 적는 방식입니다. 서버를 구매하고, Baota를 설치하고, 워드프레스를 설치하세요—그럴 수 있는 작업 공간을 제공하세요. 예를 들어, "방문자가 이메일을 작성한 후 백엔드에서 구매 요청을 볼 수 있다"고 한다면, AI는 입력 양식을 작성하고, 정보를 저장하며, 백엔드 디스플레이를 표시하는 등 다양한 기능을 수행해야 합니다. 전체 제품을 완성하기 위해 이미지를 바꾸는 것이 아닙니다.

충분히 작은 문제부터 시작하세요

이 과정은 "수동 결제 및 배송 안내 플러그인"을 만들 수 있습니다: 웹마스터가 제품명, 가격, 결제 코드를 설정하고; 방문객들은 안내를 확인하고 이메일로 제출합니다; 백엔드는 주문 번호와 대기 중인 검증 상태를 저장합니다; 영수증을 확인한 후, 사이트 운영자는 상태를 업데이트하고 이메일을 보냅니다. 실제 기사 목록, 기사 페이지, 명확한 감사 항목 제공에 중점을 둔 테마를 만들 수도 있습니다. 첫 판 비용을 지불하기 위해 채팅, 멤버십, 프로모션 수수료, 자동 결제 등 긴 기능을 억지로 쏟아부지 마세요.

특징은 보통 두 면으로 이루어져 있습니다

프런트 데스크(방문객들이 사용하는 페이지)는 사람들이 이해하고 작성하며 클릭하기 쉽게 할 수 있도록 하는 역할을 합니다; 백엔드(웹마스터의 페이지 관리)는 구성과 뷰잉을 담당합니다. 매력적인 버튼도 이야기의 일부입니다; 제출 후에는 저장되어 관리자가 기록을 찾을 수 있는데, 이것도 또 다른 부분입니다. HTML은 콘텐츠를 정리하고, CSS는 스타일을 제어하며, JavaScript는 일부 상호작용을, PHP는 서버 측에서 WordPress 로직을 처리합니다. 지금 당장 모든 문법을 배울 필요는 없지만, AI는 어떤 결과가 어디서 나왔는지 구분할 수 있습니다.

AI가 수용 가능한 첫 번째 번역본을 제공하게 합니다

수동 결제 지침을 워드프레스 플러그인으로 변환해 주세요. 프론트엔드 프로세스와 백엔드 설정을 나열하고, ZIP 설치 제한을 만들며, 설치 및 활성화 방법을 설명하세요. 이메일과 주문은 권한 있는 관리자만 볼 수 있으며; 가격은 서버에 저장된 설정에 따라 달라집니다; 방문객은 주문을 '결제'(이미 결제됨)로 직접 변경할 수 없습니다. 완료 후에는 입력, 저장, 뷰의 세 단계를 따라 검증합니다.

데이터 보호는 웹페이지의 제한 버튼만으로만 의존해서는 안 됩니다. 숨겨진 버튼을 본다고 해서 다른 사람들이 해당 항목을 직접 요청할 수 없다는 뜻은 아닙니다; AI가 서버 처리 입구에서 권한과 데이터를 검사하게 하세요.

"정말 쓸모 있는" 걸 어떻게 테스트하나요?

실제 구매자 정보는 사용하지 않고 명백히 연습용으로 작성된 이메일을 사용해 테스트가 진행되었습니다. 제출 후 백엔드에서 해당 레코드가 나타나는지 확인하세요; 페이지를 새로고침해서 아직 있는지 확인해보세요; 빈 이메일로 제출해 보고 명확한 질문이 있는지 확인해 보세요. 그 후 관리자 설정에 따라 제품 가격을 조정하여 방문자 페이지가 동기화되어 업데이트되는지 확인하세요. 시험 전에 연습 기록을 청소하는 방법에 합의하여 나중에 실제 명령으로 취급하지 않도록 하세요.

작은 단계별 수정, 모든 것을 한꺼번에 다시 하지 않는 방식

첫 번째 버전은 과정이 완료된다면 간단할 수 있습니다. 문제를 특정 문서에 적으세요; 먼저 고치면 사용할 수 없게 되고, 그 다음에 다시 포맷하고 텍스트를 다시 작성하세요. 각 수정 후에는 AI의 답변만 보는 것이 아니라 영향을 받은 페이지로 돌아가 다시 시도하세요. 웹사이트 초기 버전에서 확인할 수 있는 증거는 다음과 같습니다: 공개 주소는 정상적으로 개방되어 있고, 백엔드 설정이 효과적이며, 방문자 행동이 올바르게 기록되어 있고, 결제 상태는 사전 합의를 준수하고 있습니다. 소스 코드를 완성하고, 파일을 성공적으로 업로드하며, 페이지에 나타나는 것은 단지 단계일 뿐입니다.

제품을 만들 때는 추가적인 검사 단계가 추가됩니다

자신의 서버에서 실행되면 같은 ZIP을 별도의 깨끗한 테스트 블로그에 설치하세요. 설치, 활성화, 설정, 약속 이행을 할 수 있을 때만 다른 사람들이 구매하고 사용할 수 있는 제품에 더 가까워질 수 있습니다.

익혔다면 한번 시도해 보세요.

SIN1의 100가지 질문을 활용해 기초를 점검하세요.

시험 받아 보세요

바이윈 SI 커뮤니티에 연락하세요

이메일로 연락하세요.

문의, 필요 교환 또는 협력 논의가 있으시면 이메일을 보내주시기 바랍니다.