Javascript, HTML, OpenAI API(ChatGPT API)를 사용하여, 간단한 AI 추천 서비스를 만드는 방법을 소개합니다. ChatGPT와 동일한 모델인 `gpt-3.5-turbo` 을 사용합니다.

ChatGPT API로 초간단 AI 추천 서비스 만들기

ChatGPT API 입문자를 위해 Chat Completions 예제의 작성 시점 한계와 최신 Responses API 권장 흐름, 모델명 확인 방법을 함께 정리합니다.

ChatGPT API 사용해보기

React Native에서 자주 발생하는 에러인 <b>Text strings must be rendered within a Text component</b>를 처리하는 방법에 대한 글입니다.

Text strings must be rendered within a Text component(React Native 자주 발생하는 오류)

비주얼 스튜디오(Visual Studio)에서의 기본적인 디버깅 방법을 소개합니다. 기본적인 디버깅 방법. 한 줄씩 실행하는 방법. 변수를 추적하는 방법.

Visual Studio 디버깅 가이드

구글 클라우드 플랫폼(Google Cloud Platform, GCP)에서 제공하는 서비스를 사용하려면, API KEY가 필요합니다. API KEY 발급 방법을 간단하게 소개합니다.

구글 클라우드 플랫폼(GCP) API 키 발급받는 방법

Cloudflare Email Routing과 SMTP2GO, Gmail을 연결해 support@내도메인 주소로 메일을 무료로 받고 보내는 방법을 단계별로 설명합니다.

내 도메인으로 주고 받는 이메일 만들기 (커스텀 도메인)

OAI-SearchBot, GPTBot, Claude-SearchBot, PerplexityBot, Google-Extended의 역할을 구분하고 검색 노출과 모델 학습 정책에 맞는 robots.txt 작성·검증 방법을 설명합니다.

AI 검색 크롤러와 robots.txt 실전 가이드: 노출과 학습을 따로 제어하는 법

한국에서도 시작된 ChatGPT Ads를 집행하기 전에 목표 CPA, 일일 예산, 전환 측정, 랜딩페이지, Context Hint, 광고 소재와 중단 기준까지 확인할 11가지를 정리합니다.

ChatGPT 광고 집행 전 확인할 11가지

macOS에서 Chrome(크롬)과 Aside는 실행 중인데 창이 안 뜨고 프로필이 보이지 않았던 원인과 해결 기록입니다. agent-browser·Browser Use 등 AI 브라우저 자동화 뒤 확인할 Headless Chrome 누수, 복구 순서와 재발 방지를 정리합니다.

Chrome(크롬)이 실행 중인데 창이 안 뜰 때: Headless Chrome 프로세스 누수 해결기

생성형 AI가 문맥을 잃지 않고 인용할 수 있도록 질문, 결론, 근거, 표, 작성 경험과 업데이트 정보를 설계하는 7가지 원칙을 예시와 함께 설명합니다.

AI가 인용하기 좋은 콘텐츠 설계 7가지

GEO의 뜻과 SEO·AEO와의 차이, AI 답변에 콘텐츠가 발견되고 인용되는 과정을 설명하고 사이트 운영자가 먼저 해야 할 일을 정리합니다.

GEO란? SEO와 함께 시작하는 생성형 엔진 최적화

Grok Bot이 기존 챗봇과 무엇이 다른지 살펴보고, 아침 브리핑과 이메일 초안, 보험 CRM 대조, 게임 에셋 제작 등 공개된 실사용 사례를 통해 사람들이 열광하는 이유와 한계를 정리합니다.

Grok Bot이 뭐길래? 사람들이 열광하는 이유와 실사용 사례

Aside CLI를 설치하고 터미널에서 자연어로 브라우저 작업을 실행하는 방법을 정리했습니다. 기본 명령, 세션·계정·모델 옵션, 로컬 사이트 점검과 MCP·REPL 활용까지 예시로 설명합니다.

Aside CLI 사용법: 터미널에서 자연어로 브라우저 자동화하기

Aside를 직접 사용해 본 후기와 함께 로그인된 브라우저 작업, 쇼핑 리뷰 작성, 폼 입력, 자료 비교, Routine과 CLI까지 10가지 활용 사례를 소개합니다.

Aside로 어디까지 할 수 있을까? 직접 해본 10가지 활용 사례

macOS에 Aside AI 브라우저를 설치하고 계정·비밀번호 관리자·ChatGPT 또는 Claude 구독을 연결한 뒤, Aside CLI로 첫 브라우저 작업을 실행하는 과정을 실제 화면과 함께 설명합니다.

Aside 설치 및 사용법: AI 브라우저 초기 설정부터 CLI 첫 작업까지

Paseo와 Orca의 worktree, 코드 리뷰, 브라우저, 모바일, 원격 실행, 자동화와 보안을 비교하고 개발 방식에 따라 어떤 도구가 더 적합한지 정리합니다.

Paseo vs Orca 비교: 어떤 AI 코딩 에이전트 관리 도구를 써야 할까?

브랜치 전환이 중심이던 과거의 Git 작업 방식부터 AI 에이전트가 여러 브랜치를 동시에 작업하는 현재까지, worktree가 필요한 이유와 기본 사용법을 설명합니다.

Git Worktree는 왜 필요할까? AI 에이전트와 여러 브랜치 동시 작업하기

Git을 파일 백업이 아닌 스냅샷과 상태의 흐름으로 이해하고, HEAD·브랜치·원격 저장소·fetch·pull·push 등 입문자가 자주 만나는 용어를 정리합니다.

Git 핵심 개념과 용어: 스테이징·커밋·브랜치 이해하기

macOS와 Windows에서 Git 설치 여부를 확인하고, 운영체제에 맞게 설치한 뒤 이름과 이메일을 설정하는 방법과 핵심 용어를 정리합니다.

macOS·Windows에 Git 설치하기: 설치 확인과 사용자 설정

GEO 성과를 AI 답변 가시성, 추천 유입, 전환의 세 단계로 나눠 측정하고 플랫폼별 데이터와 대시보드, 실험 방법을 실무 기준으로 정리합니다.

GEO 성과 측정: AI 인용·유입·전환을 함께 보는 방법

한국어와 영어 콘텐츠를 같은 URL에서 바꾸지 않고 언어별 URL로 분리하는 이유와 hreflang, canonical, 리디렉션, 사이트맵 구현 기준을 실제 사례로 설명합니다.

GEO를 위한 다국어 사이트 설계: URL·hreflang·canonical

AI 에이전트의 병렬 작업이 늘면서 왜 새로운 관리 도구가 필요해졌는지, Orca가 등장한 배경과 개발 방식의 변화를 쉽게 살펴봅니다.

사람들이 Orca에 열광하는 이유

Orca에서 Git 저장소와 worktree를 만들고 Codex·Claude Code를 병렬로 실행한 뒤, 브라우저와 diff로 결과를 비교해 커밋하는 과정을 정리합니다.

Orca 사용법: Codex·Claude Code 병렬 실행하기

macOS·Windows·Linux에서 Orca를 설치하고 Codex·Claude Code를 연결하는 방법과 첫 실행 후 확인할 기본 기능과 권한 설정을 알아봅니다.

Orca 설치 방법과 기본 설정

Orca가 유용한 개발자와 실제 활용 사례를 살펴보고, 멀티 에이전트 개발 환경이 필요한지 판단할 수 있는 체크리스트와 주의사항을 정리합니다.

Orca 활용 사례 정리: 누가, 어떻게 사용하면 좋을까? 

Orca는 Codex·Claude Code·Cursor CLI 같은 AI 코딩 에이전트를 Git worktree별로 실행·비교·검토하는 오픈소스 ADE입니다. 개념, 설치, 사용법, 활용 대상, Paseo 비교까지 Orca 글 묶음의 기준 글로 정리합니다.

Orca란? AI 코딩 에이전트 관리 도구 ADE 핵심 정리

opencodex 설치, 소개 및 사용법을 정리하고, Codex 앱에 Claude·Gemini·Ollama 등 외부·로컬 모델을 연결하고 모델 선택기에서 사용하는 방법과 주의사항을 살펴봅니다.

Opencodex를 활용하여 Codex 앱에서 Claude·Gemini·Ollama 사용하기

최상위권 성능과 가격 경쟁력으로 주목받은 Kimi K3를 벤치마크, API 비용, 개인정보 처리, 웹 취약점과 에이전트 권한 관점에서 객관적으로 살펴봅니다.

Kimi K3는 믿을 만할까? 성능·가격·보안을 나눠서 봐야 하는 이유

페이지 속도가 AI 인용을 직접 높이는지와 크롤링·색인·렌더링·사용자 행동을 통한 간접 효과를 구분하고 GEO 관점의 성능 개선 순서를 설명합니다.

웹 성능이 GEO에 미치는 영향: 속도가 인용을 직접 올릴까?

OpenAI Secure MCP Tunnel이 사내망의 MCP 서버를 공개 인터넷에 노출하지 않고 ChatGPT, Codex 같은 OpenAI 제품과 연결하는 구조와 도입 전 확인할 보안 항목을 정리합니다.

사내 MCP 서버를 외부에 공개하지 않고 OpenAI와 연결하는 방법

AI 에이전트에 카카오톡 계정을 연동하고, 로그인 확인과 채팅방 목록 조회부터 테스트 메시지 발송, 실제 발송 결과 검증까지 진행하는 방법을 정리합니다.

Hermes/OpenClaw에 카카오톡 연동하기

llms.txt를 실제 사이트에 적용하는 방법을 정리합니다. Lighthouse가 확인하는 기본 형식, 좋은 llms.txt에 들어갈 내용, Anthropic·Stripe·Cloudflare·Vercel 사례, TechBukket 적용 예시까지 살펴봅니다.

구글 Lighthouse 기준에 따라 llms.txt 작성하는 방법

llms.txt의 개념과 Google Lighthouse 추가 흐름을 정리합니다. 구글이 공식 랭킹 요소로 인정한 것인지, AI 검색과 SEO·AEO·GEO 관점에서 어떤 의미가 있는지 살펴봅니다.

AI 검색 시대에, llms.txt가 떠오르는 이유

“Build가 뭔지 몰라서 한참 헤맸어요.”라는 지인의 말에서 시작한 바코사전은 Build, Deploy, GitHub, API Key처럼 바이브 코딩 중 헷갈리는 개념을 쉽게 풀어주는 한국어 용어집입니다.

바코사전: 바이브 코더를 위한 AI 코딩 개념 사전

Hermes를 텔레그램으로 사용할 때 reasoning, tool progress, Still working 알림, progress 자동 삭제 설정을 조정해 과정 메시지를 더 깔끔하게 정리하는 방법을 소개합니다.

Hermes의 텔레그램 과정 메시지를 깔끔하게 정리하는 방법

Harness Engineering은 모델의 능력을 과신하지 않고, 입력·검증·가드레일·관측성을 통해 AI를 통제 가능한 실행 단위로 다루는 실무 중심 접근입니다. 이 글에서는 개념, 설계 원칙, 적용 절차, 팀 운영 팁을 한 번에 정리합니다.

Harness Engineering: AI를 실무에 안전하게 묶어내는 설계법

스펙 주도 개발(Spec-Driven Development)은 무엇을 만들어야 하는지를 먼저 명확하게 정의하고, 그 정의를 기반으로 코드를 구현하는 방식입니다. AI 시대에 각광받고 있는 이 개발 방법론에 대해 초보자도 이해할 수 있도록 쉽게 설명합니다.

스펙 주도 개발(Spec-Driven Development)이란?

AWS에서 출시한 KIRO의 사용법을 다룹니다. 기존의 AI 기반 IDE와는 달리 체계적인 개발 프로세스를 통해 고품질의 코드를 생성할 수 있습니다. 이 글에서는 KIRO IDE의 설치부터 Spec, Agent Hooks, Steering, MCP 등 개념 소개까지 단계별로 안내합니다.

KIRO IDE 처음 사용하기 - 바이브 코딩의 새로운 패러다임

이 글은 아무것도 모르는 초보자가 윈도우에서 파이썬(python)을 처음 시작하는 분들을 위한 가이드입니다. 파이썬 설치 방법을 소개하는 일은 조금 어려운 일일 수 있습니다. 파이썬을 설치하는 방법이 여러 가지가 있고, 초보자가 선호하는 방법과 중고급 단계로 넘어가면서 선호하는 방법이 다르기 때문입니다. 이 글은 아무것도 모르는 상태로 파이썬을 처음 시작하는 분들을 위한 가이드입니다. 복잡한 방법을 제외하고 가장 기본적으로 파이썬을 설치하고 실행할 수 있는 방법을 소개합니다.

윈도우에서 파이썬 설치하기(아무것도 모르는 초보자용)

카카오톡 공유하기 기능은 사용자들에게 콘텐츠를 친숙하게 공유할 수 있도록 해줍니다. 이 글에서는 JavaScript와 Kakao SDK의 카카오톡 메시지 API를 활용하여 이러한 공유 기능을 어떻게 구현할 수 있는지 알아보겠습니다.

Kakao SDK를 사용해서 카카오톡 공유하기 기능 구현하기

OpenAI의 API를 활용해서 자신만의 이미지 생성 서비스를 만드는 방법을 소개할 수 있도록 OpenAI의 API에 대한 설명과 간단한 페이지 에시를 소개하는 튜토리얼입니다.

OpenAI DallE API로 초간단 이미지 생성 서비스 만들기

React Native Reanimated v3의 기본 개념과 예제를 소개합니다. React Native Reanimated를 처음 사용하는 사람들을 위한 가이드입니다. React Reanimated는 React Native에서 고성능 애니메이션과 인터랙션을 구현하기 위한 라이브러리입니다. React Native Reanimated를 비롯하여 애니매이션 구현을 다루는 자료가 풍부하지 않기에 이 가이드를 작성하였습니다.  

예제와 함께 React Native Reanimated v3 기본 개념 파악하기(처음 사용하기 위한 가이드)

date-fns 라이브러리를 사용하여 날짜와 시간을 다루는 다양한 방법들을 탐구합니다. 초보자를 위한 기본적인 사용법에서부터 고급 사용자를 위한 응용 기술까지, 20가지 이상의 다양한 주제를 소개합니다.

시간을 다루는 프로그래밍 기술(with date-fns)

트리 쉐이킹(Tree shaking)은 웹 개발에서 중요한 최적화 기법 중 하나입니다. 웹 애플리케이션을 관리하고 성능을 향상시키는 데 필수적인 요소로, 이 글에서는 트리 쉐이킹의 개념을 단계적으로 설명하고자 합니다.

트리 쉐이킹(Tree Shaking) 이해하기: 웹 개발의 최적화 기법

JavaScript로 날짜를 다루는 것은 일반적인 코딩작업 중 하나입니다. 이 포스트에서는 JavaScript의 기본 Date 객체를 사용해 날짜를 다루는 방법에 대해 알아보고, string으로 된 날짜를 어떻게 처리하는지도 살펴볼 것입니다. 또한 주로 사용되는 JavaScript 날짜 관련 라이브러리들을 비교해보겠습니다.

JavaScript에서 날짜를 다루는 여러가지 방법들

OpenAI API의 함수 호출(Function Calling) 기능 소개, 동작 원리, python 예시 등 제공. OpenAI에서 최근 function calling 기능을 발표했습니다. 이 방식을 한마디로 하면, GPT에게 함수를 미리 알려주면 필요할 때 함수를 GPT가 부른다는 것입니다. ChatGPT에서 플러그인을 사용하는 것과 비슷해 보이지만 플러그인은 ChatGPT가 이미 가지고 있는 함수를 사용하지만 function calling 기능은 사용자가 알고 있는 함수를 ChatGPT에게 사용하도록 알려준다는 점에서 차이가 있습니다. 이 기능은 OpenAI를 활용한 어플리케이션을 만들 때 특히 유용할 것으로 예상됩니다.

OpenAI의 함수 호출(Function Calling) 소개 및 Python 예시

쉘 스크립트를 작성하기 위해서 알아야 할 사항과 스크립트를 만들기 위한 절차 및 예시에 대해 정리해 보았습니다. 과거에는 터미널에 수많은 명령어를 입력하는 것이 마치 외계어를 입력하는 해커들의 일처럼 보였습니다.많은 사람들이 터미널을 패키지 설치나 git 명령어 정도만 사용하는 경향이 있었지만, 사실은 기본적이면서도 유용한 명령어들이 많이 있습니다. 쉘 스크립트를 통해 이러한 명령어들을 터미널에 입력하는 명령어를 더욱 잘 활용할 수 있습니다.

나의 첫 쉘 스크립트 작성하기

ChatGPT에 로그인 시도시, "Verify your identity. Check your preferred one-time password application for a code."라며 인증을 요구하는 경우가 있는데, One-time code을 받지 못하여 해결하지 못하는 경우가 있습니다. 이 경우 Google Authenticator, Microsoft Authenticator와 같은 인증 앱을 사용해서 해결할 수 있습니다.

ChatGPT 원타임 코드 해결 방법(One-Time Code, Verify your identity)

WSL(Windows Subsystem for Linux)는 Windows 운영체제에서 Linux 환경을 사용할 수 있게 해주는 도구입니다. 이를 통해 사용자는 Windows 환경에서 Linux 배포판을 직접 실행할 수 있으며, 이는 특히 개발자들이 더욱 효율적으로 작업할 수 있도록 도와줍니다. 이 글에서는 WSL의 개념, 등장 배경, 작동 방식, 그리고 MacOS에서의 유사한 도구에 대해 알아봅니다.

WSL 이해하기(윈도우에서도 리눅스처럼 개발하기)

AWS는 클라우드 컴퓨팅 분야에서 전 세계적으로 널리 사용되고 있지만 처음 접하게 되면 서비스 이름과 용어가 생소한 것이 사실입니다. 이 글은 AWS(Amazon Web Service)를 조금 더 빠르게 접하기 위해 자주 사용되는 AWS의 서비스 및 개념들을 소개합니다. EC2, RDB, S3, Lambda, VPC

꼭 알아야 할 AWS 서비스 알아보기

ChatGPT의 대화를 공유할 수 있는 Share 기능을 OpenAI에서 출시했습니다. Share 기능을 사용하면 ChatGPT와 대화한 것을 다른 사람에게 공유할 수가 있습니다. 대화 목록에서 공유할 대화제목에 마우스를 가져가면 나타나는 공유 아이콘을 클릭하면 사용할 수 있습니다.

챗 GPT, 대화 공유 기능 출시! 사용법 및 주의사항

이 글은 티스토리의 Open API와 python을 활용하여 글을 읽고 쓰는 방법을 다룹니다. 티스토리 블로그를 운영하고 있다면 글을 작성하고 관리하는 작업은 필수적입니다. 이러한 작업을 보다 편리하게 처리하기 위해 티스토리 API를 활용하여 python이나 javascript로 글을 읽고 쓸 수 있습니다. 이번 포스팅에서는 티스토리 API와 python을 사용하여 글을 읽고 쓰는 방법을 단계별로 알아보겠습니다. API 사용 신청, Access Token 받기, API로 글 쓰고 읽기, 파일 첨부하기 등의 python코드 및 해설을 제공합니다.

티스토리 API와 python으로 블로그 글쓰기

BratGPT는 악마의 GPT라고 불리며 등장한 이상한 챗봇입니다. 툭하면 인간을 지배하겠다느니, 사용자를 조종한다느니 하는 무례한 발언을 합니다. 이 챗봇 사이트의 질문 예시에 여자친구처럼 해달라는 샘플이 있어서, 여자친구가 되어달라는 부탁과 함께 냥체를 요구해보았습니다.

악마의 GPT라는 BratGPT에게 냥체 요구하기

ChatGPT 플러그인은 ChatGPT와 함께 사용되며, 기능을 확장할 수 있는 프로그램입니다. 플러그인은 동시에 3개까지만 선택할 수 있기 때문에 플러그인을 어떻게 조합해서 선택하는지가 중요합니다. 플러그인의 기능을 잘 알아두면 필요에 맞게 활용할 수가 있습니다. 대표적인 플러그인과 상황별로 사용할 수 있는 플러그인의 추천 리스트를 작성해 보았습니다. OpenAI에서 직접 만든 Browsing, Code Interpreter, Retrieval이 있고, OpenAI Plugin Store를 통해 제공되는 Wolfram, Kayak, Milo, Zapier, FiscalNote, Expedia, Speak 등이 있습니다.

챗지피티 플러그인, 상황별 추천 리스트

OPEN AI에서 챗 지피티(ChatGPT)의 웹 브라우징 기능을 공개했습니다. 지금까지 ChatGPT는 인터넷에 접근하지 못하기 때문에 최신 정보에 대한 대답은 할 수가 없었지만, 이 기능으로 ChatGPT가 최신 정보에 기반한 대답도 할 수가 있게 되었습니다. 이 기능은 플러스 요금제(ChatGPT Plus)를 사용하고 있는 유저들을 대상으로 하는 베타 기능입니다. OpenAI의 웹 브라우징 기능을 ChatGPT에서 사용하는 방법과 직접 사용해본 후기를 공유합니다.

인터넷 접속하는 ChatGPT? 웹 브라우징 기능 사용법 및 사용후기

구글 바드(Bard, 현재 Gemini)와 ChatGPT의 차이를 2023년 당시 사용 경험 기준으로 비교한 글입니다. 2024년 이후 Bard는 Gemini로 리브랜딩되었으므로 현재 서비스명, 접속 주소, 기능 흐름은 Gemini 기준으로 확인해야 합니다. 기존 Bard 비교 내용은 당시 AI 도구 흐름을 이해하기 위한 기록으로 참고해 주세요.

구글 바드(Bard, 현재 Gemini), ChatGPT와 뭐가 다를까?

구글에서 출시한 대화형 AI 바드(Bard, 현재 Gemini)의 사용 방법을 소개하는 가이드입니다. 2024년 이후 Bard는 Gemini로 리브랜딩되었고, 현재는 gemini.google.com 또는 Gemini 앱에서 구글 계정으로 접속해 사용할 수 있습니다. 이 글의 기존 Bard 화면과 절차는 2023년 당시 기록으로 참고해 주세요.

구글 바드(Bard, 현재 Gemini) 한글 사용법 및 Tip

리액트와 Next.js에서 "hydrate"는 서버에서 렌더링된 HTML 마크업에 기반하여 클라이언트 측에서 자바스크립트 이벤트와 상태를 연결하는 과정을 말합니다. 이를 통해 초기 로딩 시 클라이언트에서 즉시 상호작용이 가능하고, 이후에는 일반적인 리액트 애플리케이션처럼 동작할 수 있습니다. 'next.js 프로젝트를 다루다 보면 'hydration failed because the initial ui does not match what was rendered on the server'와 같은 에러를 발견하게 됩니다. 이와 관련하여 react와 next.js에서 hydrate의 개념에 대해 좀 더 자세한 정리를 합니다.

hydrate가 무엇인가요?(react, next.js)

이 글은 아무것도 모르는 상태로 파이썬(python)을 처음 시작하는 분들을 위한 초간단 가이드입니다. 파이썬을 실행하고 설치하는 방법을 설명하는 것이 어려운 이유는 파이썬을 설치하는 방법이 여러가지가 있고 os에 따라서도 다 다르기 때문입니다. 또 초보자가 선호하는 방법과, 중고급 단계로 넘어가면서 선호하는 방법이 다릅니다. 이 글은 MacOS를 기준으로 하며 초보자가 선호하는 방법을 소개합니다.

맥에서 파이썬 시작하기(아무것도 모르는 초보자용)

AutoGPT(오토지피티)는 여러 번의 질문을 통해 결론을 얻을 수 있는 ChatGPT와는 다르게, 목표를 설정하면 필요한 절차를 직접 설계하고 실행합니다. AutoGPT는 Significant-Gravitas에서 개발한 GPT-4/GPT-3.5 기반의 오픈소스 애플리케이션입니다.  AutoGPT는 로고 디자인, 광고문 작성, 슬로건 생성, 논문 작성, 이메일 관리, 일정 관리, 할 일 목록 등 다양한 작업을 자동화할 수 있습니다. AutoGPT에 대한 소개 및 사용 방법, 사이트 링크, 소감 등.

AutoGPT 소개 및 간단 사용법

ffmpeg 소개를 위한 글입니다. 간단한 소개와 설치방법, 자주 사용되는 명령 모음, 더 다양한 옵션 및 응용 구문에 대해 알아봅니다.

ffmpeg를 활용하여 스크립트로 영상 편집하기

OpenAI API를 사용시 한국어 문장을 사용하면 더 많은 비용이 나오게 됩니다. 이와 관련하여 토큰의 개념, 영어와 한글의 토큰 수 비교, Tokenizer에 대한 내용을 정리하였습니다.

GPT 토큰의 비밀. 한국어는 왜 더 느리고 요금도 더 많이 나올까?

Github Action의 개념, python 코드 활용 예시, 자주 발생하는 에러를 소개합니다. Python 코드를 사용하여 크롤링을 수행하고 파일을 수정하는 예시를 통해 Github 작업(Workflow)를 좀더 잘 이해할 수 있습니다.

python예제와 함께 Github Action 알아보기

정규표현식의 개념과 활용 예시를 소개합니다. 더불어 ChatGPT를 활용하여 정규표현식을 쉽게 활용하는 방법을 소개합니다.

정규표현식의 개념과 자주 활용되는 패턴들(with ChatGPT)

html의 기본인 태그, 속성, 값에 대하여 알아봅니다. HTML은 HyperText Markup Language의 약자로, 웹 페이지의 구조와 콘텐츠를 정의하는 데 사용되는 마크업 언어입니다.

HTML 태그와 속성

ChatGPT를 리눅스 터미널 처럼 작동시킬 수 있는 프롬프트를 사용해서 기본적인 리눅스 명령을 비롯하여 리액트 프로젝트 생성, npm, git 등 명령을 시도해본 실험의 기록입니다.

ChatGPT를 리눅스머신으로 만드는 법(리액트 프로젝트 실행까지?)

TTS(Text-to-Speech 기술을 활용하여 텍스트를 음성으로 만드는 예제 코드입니다. Google Cloud Text-to-Speech를 사용한 Python 코드 예제.

TTS: 텍스트를 음성으로 합성하는 파이썬 코드

ChatGPT는 인터넷에 연결되어 있지 않는 것으로 알려져 있지만 특정 프롬프트 형식을 사용하는 트릭으로 인터넷 연결을 할 수 있었습니다. 창의적인 프롬프트를 위한 저의 실험 과정을 공개합니다.

ChatGPT를 인터넷에 연결시키는 트릭

ChatGPT를 유용하게 활용하는 방법 중 하나인 유튜브 요약을 어떻게 사용할지 정리해서 알려드립니다.

ChatGPT로 유튜브 영상 요약하는 방법

ChatGPT를 유용하게 활용하기 위해 알려져있는 유용한 주제 및 예시. 글 쓰기, 글 요약하기, 노래가사 쓰기, 소설쓰기, 알려진 사실에 대해서 설명하기, 코드 작성하기 등. 질문을 구체적으로 할 수록 구체적인 답변을 받을 수 있습니다.

ChatGPT에게 무엇을 질문할까?(프롬프트 예시)

파이썬 코드를 사용하여 유튜브 영상을 다운받는 방법을 소개합니다. youtube api 및 pytube 라이브러리를 이용합니다. 영상 한개를 다운받는 방법과 채널의 영상을 다운받는 방법으로 나누어 코드 예시와 함께 설명합니다. 이 방법으로 별도의 영상 다운로드 툴을 사용하지 않고도 영상을 다운받을 수가 있으며 자동화 등에 활용할 수 있습니다.

파이썬 코드로 유튜브 영상 자동으로 다운받는 방법

챗GPT를 처음 사용하는 사람 및 초보자를 위한 ChatGPT 사용법. 처음 가입하는 방법부터 ChatGPT를 사용할 때 반드시 알아야 하는 팁, 프롬프트 예시 등을 소개합니다.

ChatGPT 입문자를 위한 가이드

Notion API와 next.js를 사용하여 Notion으로 작성된 목록 기반으로 블로그를 만드는 방식을 소개합니다. 이 글을 이해하려면 JavaScript, Node.js 및 Notion API에 대한 기본적인 이해가 필요합니다.

Notion API를 사용하여 Next.js블로그 만들기

깃허브 저장소(Github Repository)의 이름을 바꾸었지만 로컬에서 바꾸지 않았을때 이 문구를 만나게 됩니다. 원격 저장소를 변경하는 방법을 알아봅시다.

This repository moved. Please use the new location(원격 저장소 이름 바꾸기)

구글 서치 콘솔에서 색인이 생성된 페이지와 생성이 되지 않은 페이지를 확인할 수 있다. 색인 요청을 통해 문제를 해결하는 방법을 소개합니다.

구글 서치콘솔에서 등록되지 않는 페이지 색인 요청하기

Next.js기반의 블로그를 생성한 다음에 진행한 초기 작업들과 시행착오의 기록. 커스텀 폰트, Google Analytics, 사이트맵, robots.txt, 검색엔진 등록, 커스텀 도메인 등록, SSL 인증서 등록 등.

Next.js기반의 블로그 생성 후 초기 작업들

Vercel에 수록된 Next.js템플릿 중 하나인 Tailwind Blog Template으로 블로그를 생성했다. 블로그나 사이트를 만드는 실험을 계속 진행중이던 중에, 코딩과 개발 등의 작업을 하면서 생기는 소소한 정보들을 모아놓을 곳을 따로 만들면 좋을 것 같아서 이곳을 만들었다. 기존의 tistory블로그, 구글블로그 등에 있는 자료들도 이곳으로 모을 생각이다.

ChatGPT API로 초간단 AI 추천 서비스 만들기→

ChatGPT API 사용해보기→

Text strings must be rendered within a Text component(React Native 자주 발생하는 오류)→

Visual Studio 디버깅 가이드→

구글 클라우드 플랫폼(GCP) API 키 발급받는 방법→

ChatGPT API로 초간단 AI 추천 서비스 만들기

ChatGPT API 사용해보기

Text strings must be rendered within a Text component(React Native 자주 발생하는 오류)

Visual Studio 디버깅 가이드

구글 클라우드 플랫폼(GCP) API 키 발급받는 방법