목록전체 글 (530)

Vintage appMaker의 Tech Blog

[생성 AI] ChatGPT의 캔버스 에디터

유료기능에 있던 Canvas 에디터가 어느순간 무료로 제공되고 있었다.입력창에서 “/”를 누르면 캔버스를 선택할 수 있다."나름 편리한 글쓰기" 또는 "극초반의 초간단 코딩"을 사용할 수 있다. 1. ChatGPT 프롬프트 입력에서 "/"를 눌러 캔버스를 선택한다. 2. 프로그래밍 입문자들에게 너무나 친숙한 "덧셈예제"를 프롬프트로 요구한다. "파이썬으로 1부터 100까지 더하는 소스를 만들어줘" 3. 프롬프트 진행 후, 캔버스 에디터에서 "소스코드"를 🔨수정, 🤖실행, 👨‍💻디버깅 할 수 있는 화면이 제공된다. 4. 우측 상단의 실행버튼을 누른다. 그러면 소스의 실행결과가 하단에 나온다. 5. 캔버스는 초간단한 개발화면을 제공한다. 이곳에서 소스코드를 수정하여 실행하면 변화된 결과를 얻을 수 있..
Digital life/software 사용기 2025. 2. 26. 08:47
[크롬확장] 크롬에서 사이트 커스텀하기 - 확장프로그램

■ 크롬 확장설치 크롬은 브라우저이기도 하지만 개발자도구(Javascript, HTML, CSS, 퍼포먼스 등등)이기도 하다. 그러다보니 초급 개발자 능력만 가지고 있어도 브라우저를 커스텀 할 수 있는 확장 프로그램들이 많다.  CSS와 javascript를 이용하여 나만의 웹사이트 커스텀  하기를 원한다면 다음과 같은 확장을 설치하여 활용할 수 있다.  📣 선택한 웹사이트에서 Javascript와 CSS를 추가 User JavaScript and CSS - Chrome 웹 스토어User JavaScript and CSS on any websitechromewebstore.google.com 📣 선택한  웹사이트의 CSS를 Visual하게 커스텀 가능 Stylebot - Chrome 웹 스토어웹 페이..
Digital life/software 사용기 2025. 2. 13. 09:56
windsurf로 만든 Next.js Tutorial

GitHub - VintageAppMaker/NextJsTutoial_with_ai: Windsurf에서 프롬프트를 활용한 Tutorial 작성Windsurf에서 프롬프트를 활용한 Tutorial 작성. Contribute to VintageAppMaker/NextJsTutoial_with_ai development by creating an account on GitHub.github.com Next.js Tutorial Examples이 프로젝트는 Next.js의 주요 기능들을 학습할 수 있는 예제 모음입니다. 예제 목록 1. 기본 라우팅 (Basic Routing) 2. 동적 라우팅 (Dynamic Routing) 3. API 라우트 (API Routes) 4. 데이터 페칭 (Data Fetchin..
Source code or Tip/javascript 2024. 12. 28. 09:59
windsurf로 만든 React Tutorial

GitHub - VintageAppMaker/react_tutorial_with_ai: Windsurf에서 프롬프트를 활용한 Tutorial 작성Windsurf에서 프롬프트를 활용한 Tutorial 작성. Contribute to VintageAppMaker/react_tutorial_with_ai development by creating an account on GitHub.github.com  React 기초 학습 예제👾 일러두기windsurf를 이용하여 한 줄 코딩도 없이 tutorial을 작성프롬프트만으로 코드와 문서를 작성How to use prompt가 목적sonet 3.5 기반 프롬프트🤔 반드시 숙지:프롬프트가 만들어주는 코드와 문서는 훌륭하다. 단지, 프로그래밍은 손과 머리로 하는 것..
Source code or Tip/javascript 2024. 12. 14. 14:23
Prev 1 2 3 4 ··· 133 Next