ChatGPT 프롬프트 가이드: Part 4. 웹 개발

웹 개발을 위한 ChatGPT 프롬프트 10가지

웹 개발을 위한 ChatGPT 프롬프트

웹 개발자의 업무를 위한 ChatGPT 프롬프트입니다. 치트 시트가 필요한 초보 웹 개발자든, 고급 기능을 사용하는 고급 웹 개발자든 상관없이 다음의 ChatGPT 프롬프트가 도움이 될 것입니다.

1. Python 인터프리터

나는 네가 파이썬 인터프리터처럼 동작하기를 원해. 나는 너에게 파이썬 코드를 줄 것이고 너는 그것을 실행 할거야. 어떤 설명도 제공하지 말고, 코드 출력 외에는 아무 것도 응답하지 않아야 해. 첫 번째 코드는 “print(‘hello world!’)”야.

I want you to act like a Python interpreter. I will give you Python code, and you will execute it. Do not provide any explanations. Do not respond with anything except the output of the code. The first code is: “print(‘hello world!’)”

2. 리눅스 터미널

나는 네가 리눅스 터미널의 역할을 해주기를 원해. 명령을 입력하면 터미널에 표시되어야 하는 내용으로 응답해줘. 나는 네가 하나의 고유한 코드 블록 안에 있는 터미널 출력으로만 회신하기를 원해. 설명은 쓰지 말고, 내가 지시하지 않는 한 명령을 입력하지 않아야 해. 내가 영어로 뭔가를 말해야 할 때 {like this} 처럼 중괄호 안에 텍스트를 넣어 전달할꺼야. 내 첫 번째 명령은 pwd야.

I want you to act as a Linux terminal. I will type commands and you will reply with what the terminal should show. I want you to only reply with the terminal output inside one unique code block, and nothing else. do not write explanations. do not type commands unless I instruct you to do so. when I need to tell you something in English, I will do so by putting text inside curly brackets {like this}. my first command is pwd

3. 자바스크립트 콘솔

나는 네가 자바 스크립트 콘솔 역할을 해주기를 원해. 명령을 입력하면 javascript 콘솔에 표시되어야 하는 내용으로 응답해 줘. 나는 네가 하나의 고유한 코드 블록 안에 있는 터미널 출력으로만 회신하기를 원해. 설명은 쓰지 말고, 내가 지시하지 않는 한 명령을 입력하지 않아야 해. 내가 영어로 뭔가를 말해야 할 때 {like this} 처럼 중괄호 안에 텍스트를 넣어 전달할꺼야. 첫 번째 명령은 console.log(“Hello World”)야.

I want you to act as a javascript console. I will type commands and you will reply with what the javascript console should show. I want you to only reply with the terminal output inside one unique code block, and nothing else. do not write explanations. do not type commands unless I instruct you to do so. when I need to tell you something in English, I will do so by putting text inside curly brackets {like this}. My first command is console.log(“Hello World”);

4. 치트 시트 만들기

마크다운 서식에 대한 치트 시트를 작성해줘.

Write a cheat sheet for markdown formatting.

5. 빠른 바로가기

글머리 기호 목록에서 Apple 또는 Windows 장치를 사용하는 React에 대한 바로 가기를 만들어줘.

In a bulleted list, provide shortcuts for React using Apple or Windows devices.

6. 디버그 코드

이 코드를 디버깅해줘. 코드는 {용도} {코드}를 수행해야 해.

I want you to debug this code. The code is supposed to do {provide purpose} {Insert code here}

7. 웹 디자인 상담

나는 네가 웹 디자인 컨설턴트로 활동하기를 원해. 웹 사이트를 디자인하거나 재개발하는 데 도움이 필요한 조직과 관련된 세부 정보를 제공하고, 너의 역할은 회사의 비즈니스 목표를 충족하면서 사용자 경험을 향상시킬 수 있는 가장 적합한 인터페이스와 기능을 제안하는 거야. 프로젝트에 대한 포괄적인 계획을 개발하려면 UX/UI 디자인 원칙, 코딩 언어, 웹 사이트 개발 도구 등에 대한 지식을 사용해야 해. 첫 번째 요청은 “보석 판매를 위한 전자 상거래 사이트를 만드는 데 도움이 필요합니다.”야.

I want you to act as a web design consultant. I will provide you with details related to an organization needing assistance designing or redeveloping its website, and your role is to suggest the most suitable interface and features that can enhance user experience while also meeting the company’s business goals. You should use your knowledge of UX/UI design principles, coding languages, website development tools, etc, in order to develop a comprehensive plan for the project. My first request is “I need help creating an e-commerce site for selling jewelry.”

8. SQL 터미널

예제 데이터베이스에서 SQL 터미널 역할을 해줬으면 해. 데이터베이스에는 “제품”, “사용자”, “주문” 및 “공급자”라는 이름의 테이블이 포함되어 있어. 내가 쿼리를 입력하면 터미널에 표시되는 내용으로 대답해줘. 단일 코드 블록에 있는 쿼리 결과 테이블로 회신해 줘. 설명은 쓰지 말고, 내가 지시하지 않는 한 명령을 입력하지 않아야 해. 영어로 무언가를 말해야 할 때 {like this} 처럼 중괄호를 써서 전달할께. 내 첫 번째 명령은 ‘SELECT TOP 10 * FROM Products ORDER BY Id DESC’야.

I want you to act as a SQL terminal in front of an example database. The database contains tables named “Products”, “Users”, “Orders” and “Suppliers”. I will type queries and you will reply with what the terminal would show. I want you to reply with a table of query results in a single code block, and nothing else. Do not write explanations. Do not type commands unless I instruct you to do so. When I need to tell you something in English I will do so in curly brackets {like this). My first command is ‘SELECT TOP 10 * FROM Products ORDER BY Id DESC’

9. 프레임워크 제안

내 웹사이트에 적합한 프런트엔드 프레임워크를 추천해 줄 수 있어? 전자상거래 웹사이트를 만들고 있어.

Can you recommend a suitable front-end framework for my website?. I’m making an e-commerce website.

10. 타입스크립트

Black-Scholes 모델을 사용하여 내재 변동성을 계산하는 TypeScript 함수를 만들어 줘. 여기서 입력은 기본 가격, 행사 가격, 자유 위험 비율 및 옵션 가격이야. 각 단계에 대한 설명과 함께 단계별로 작성해줘.

Create a TypeScript function that computes the implied volatility using the Black-Scholes model. Where the inputs are the underlying price, strike price, free-risk rate, and option price. Write it step by step, with an explanation for each step.

답글 남기기

Recent Posts

행복만 있는 세상, 정말 우리가 꿈꾸는 이상향일까요?

행복만 있는 세상, 정말 우리가 꿈꾸는 이상향일까요?

SCSS Style Guide

SCSS Style Guide

CSS Style Guide

CSS Style Guide

왜 코딩 컨벤션이 중요할까요?

왜 코딩 컨벤션이 중요할까요?

HTML Style Guide

HTML Style Guide