웹사이트

맞춤형 워드프레스 웹사이트 제작의 핵심, 훅(Hook)

맞춤형 워드프레스 웹사이트 제작의 핵심, 훅(Hook) 워드프레스에서 “훅(hook)”은 확장성의 핵심 원칙 중 하나로서 워드프레스의 핵심, 플러그인 또는 테마의 특정 부분에서 사용자 지정 코드를 실행할 수 있는 기능을 의미합니다. 훅의 개념은 워드프레스가 제공하는 기능과 동작을 확장하거나 수정하기 위한 중요한 메커니즘입니다. 워드프레스 훅은 크게 액션 훅(action hooks)과 필터 훅(filter hooks) 두 가지로 나뉩니다. 1. 액션 훅 (Action Hooks): 액션 훅은 특정 사건이나 시점에 사용자 지정 함수를 실행할 수 있도록 만들어진 훅입니다. 사용 […]

맞춤형 워드프레스 웹사이트 제작의 핵심, 훅(Hook) Read More »

이미지 태그와 Alt 속성

이미지 태그와 Alt 속성 `img` HTML 요소는 웹 페이지에 이미지를 삽입하는 역할을 합니다. 이 요소는 일반적으로 개별적으로 사용되며, 특별한 종료 태그가 필요하지 않습니다. 하지만, img 요소를 구성할 때는 `alt` 속성이 필요하며, 이 속성은 이미지에 대한 대체 텍스트를 제공합니다. 즉, 이미지가 표시되지 않을 때 또는 이미지를 이해할 수 없는 유저 에이전트(예: 텍스트 브라우저, 음성 브라우저, 검색 엔진 등)에게 이미지의 내용을 설명하는 역할을 합니다. 다음과 같이 img 요소와 alt 속성을 사용할 수

이미지 태그와 Alt 속성 Read More »

GPT를 이용한 자동 블로그 포스팅 및 GitHub Pages에 자동 배포하기

GPT를 이용한 자동 블로그 포스팅 및 GitHub Pages에 자동 배포하기 이번 포스트에서는 머신 러닝 모델을 활용하여 자동으로 블로그를 생성하고 GitHub Pages에 해당 내용을 배포하는 방법을 알아보도록 하겠습니다. 블로그 내용은 OpenAI의 ChatGPT와 text-davinci-003라는 텍스트 생성 모델을 활용하여 주제에 따라 자동으로 작성될 것입니다. 실습 파일 준비 먼저, 이번 튜토리얼을 진행하기 위한 실습 파일을 준비해야 합니다. 여기서는 Python을 사용하여 진행할 예정입니다. OpenAI 설정 및 API 키 발급 OpenAI를 사용하기 위해서는 먼저 API 키가

GPT를 이용한 자동 블로그 포스팅 및 GitHub Pages에 자동 배포하기 Read More »

메타버스 웹사이트 제작 도구 ‘Three.js’

메타버스 웹사이트 제작 도구 ‘Three.js’ 1. Three.js의 개념 Three.js는 JavaScript를 사용하여 웹 브라우저에서 3D 그래픽스를 생성하고 표시하는 데 사용되는 크로스 플랫폼 라이브러리입니다. 이 라이브러리는 WebGL(Web Graphics Library)를 기반으로 하며, 웹 브라우저에서 GPU를 이용한 렌더링을 가능하게 합니다. Three.js는 복잡한 WebGL API를 추상화하여 개발자가 웹 브라우저에서 3D 그래픽스를 쉽게 만들 수 있게 해줍니다. 개발자는 Three.js의 높은 수준의 API를 사용하여 3D 씬을 만들고 조작할 수 있으며, 이를 통해 직접 WebGL 코드를 작성할 필요

메타버스 웹사이트 제작 도구 ‘Three.js’ Read More »

Chat GPT로 웹 스크래핑 작업하기

Chat GPT로 웹 스크래핑 작업하기 웹 스크래핑 간소화에 ChatGPT 활용하기 웹 스크래핑은 스크립트를 통해 웹 사이트에서 데이터를 자동으로 추출하는 것입니다. ChatGPT는 웹 스크래핑 스크립트 코드를 손쉽게 생성할 수 있습니다. 이 작업을 수행하는 방법을 자세히 살펴 보겠습니다. IMDb는 최고 평점 영화 차트를 포함하여 영화, 텔레비전 프로그램 및 기타 엔터테인먼트 형식에 대한 세부 정보를 제공하는 플랫폼입니다. 웹사이트 https://www.imdb.com/chart/top/?ref_=nv_mv_250 에서는 제목, 출연진, 감독 및 IMDb 등급이 포함된 IMDb의 상위 250개 등급 영화 목록을

Chat GPT로 웹 스크래핑 작업하기 Read More »

워드프레스에서 파이썬을 사용하는 방법 (2)

워드프레스에서 파이썬을 사용하는 방법 (2) 워드프레스 내에서 파이썬 스크립트를 실행할 수 있다는 사실을 알고 계셨나요? 워드프레스는 PHP 애플리케이션이지만 웹 호스트가 이 명령을 비활성화하지 않았다면 PHP의 exec() 명령을 사용하여 외부 파이썬 스크립트를 실행할 수 있습니다. 하지만 웹 호스트가 실행() 명령을 비활성화한 경우에도 여전히 희망이 있습니다. wp_remote_get() 메서드를 활용하고 파이썬 스크립트를 다른 곳에서 호스팅하면 워드프레스 내에서 파이썬 스크립트를 계속 실행할 수 있습니다. 시작하려면 해당 작업을 위한 사용자 정의 플러그인을 만들어야 합니다. 이

워드프레스에서 파이썬을 사용하는 방법 (2) Read More »

워드프레스에서 파이썬 사용하기 (1)

워드프레스에서 파이썬 사용하기 (1) 워드프레스 워드프레스는 인터넷의 중요한 구성 요소로 자리 잡은 매우 성공적이고 중요한 소프트웨어입니다. 웹사이트 개발을 위한 선도적인 플랫폼인 워드프레스는 전체 웹사이트의 약 30%를 구동합니다. 워드프레스는 주로 블로그 앱과 콘텐츠 관리 시스템으로 강점을 인정받고 있지만, 다양한 애플리케이션을 지원할 수 있을 만큼 다재다능합니다. 대규모 사용자 커뮤니티를 보유한 오픈소스 플랫폼인 워드프레스는 업계에서 표준으로 자리 잡았습니다. 이 커뮤니티는 사용자에게 추가 코딩 없이도 빠르고 쉽게 구현할 수 있고 정기적으로 업데이트되며 테스트를 거친

워드프레스에서 파이썬 사용하기 (1) Read More »

파이썬으로 chatgpt 웹앱 만들기

파이썬으로 chatgpt 웹앱 만들기 들어가며.. 먼저 Shreyashankar의 GPT3 샌드박스 GitHub 저장소를 참고하면서 시작하겠습니다. 해당 유저의 저장소에 있는 README.md 파일은 이 프로젝트에 많은 도움을 주는 문서가 있고, 이 문서를 참고해 약간의 수정을 더해 앱을 만들어 보겠습니다. 깃허브 저장소 클론하기 일반적으로 프로젝트를 생성할 디렉토리(경로)에 깃 저장소를 복제합니다. 터미널에 다음 명령어를 실행 하시기만 하면 됩니다. $ git clone https://github.com/shreyashankar/gpt3-sandbox.git 가상환경(Virtual Environment) 설정하기 프로젝트의 성공을 보장하고 싶다면 가상 환경을 사용하는 것을 적극 권장합니다. 기본적으로

파이썬으로 chatgpt 웹앱 만들기 Read More »

Chat GPT란?

Open AI란? 캘리포니아 샌프란시스코에 본사를 둔 연구소인 OpenAI는 ChatGPT를 개발한 회사입니다. OpenAI는 2015년부터 자연어 설명에서 이미지를 생성할 수 있는 AI 모델인 DALL-E를 비롯해 다양한 AI 프로젝트를 진행해 왔습니다. DALL-E와 마찬가지로 ChatGPT도 출시 직후 큰 인기를 얻었습니다. Y 컴비네이터의 전 대표인 샘 알트먼과 AI에 대한 관심과 우려를 표명해 온 억만장자 엘론 머스크가 OpenAI를 설립했습니다. 이 회사의 웹사이트에는 인공 일반 지능이 인류 전체에 도움이 되도록 하는 것이 목표라고 명시되어 있습니다. Chat GPT란?

Chat GPT란? Read More »

코딩 없이 무료로 Chat GPT 웹앱 만들기 (1) – 편집기, 테마 설치

본 포스팅의 내용은 이미 여러분의 워드프레스 사이트 설치(set-up)가 끝났다는 것을 전제로 합니다. 여러분의 워드프레스 웹사이트가 없으시다면, 오라클 클라우드 (1) ~ (4) 포스팅들을 참고해서 워드프레스 사이트 세팅을 진행한 뒤 따라와주세요. 1. Elementor 편집기, Astra 테마 설치 먼저 기본 워드프레스 에디터의 경우, 상대적으로 인기 있는 에디터 플러그인에 비해 사용이 불편합니다. 따라서 저희는 세계에서 가장 인기 있는 워드프레스 에디터 플러그인 중 하나인 Elementor를 설치하여 사용해보겠습니다. 무료 버전으로도 충분히 퀄리티 있는 홈페이지 제작이 가능합니다.

코딩 없이 무료로 Chat GPT 웹앱 만들기 (1) – 편집기, 테마 설치 Read More »