맞춤형 워드프레스 웹사이트 제작의 핵심, 훅(Hook) 워드프레스에서 “훅(hook)”은 확장성의 핵심 원칙 중 하나로서 워드프레스의 핵심, 플러그인 또는 테마의 특정 부분에서 사용자 지정 코드를 실행할 수 있는 기능을 의미합니다. 훅의 개념은 워드프레스가 제공하는 기능과 동작을 확장하거나 수정하기 위한 중요한 메커니즘입니다. 워드프레스 훅은 크게 액션 훅(action hooks)과 필터 훅(filter hooks) 두 가지로 나뉩니다. 1. 액션 훅 (Action Hooks): 액션 훅은 특정 사건이나 시점에 사용자 지정 함수를 실행할 수 있도록 만들어진 훅입니다. 사용 […]
맞춤형 워드프레스 웹사이트 제작의 핵심, 훅(Hook) Read More »
이미지 태그와 Alt 속성 `img` HTML 요소는 웹 페이지에 이미지를 삽입하는 역할을 합니다. 이 요소는 일반적으로 개별적으로 사용되며, 특별한 종료 태그가 필요하지 않습니다. 하지만, img 요소를 구성할 때는 `alt` 속성이 필요하며, 이 속성은 이미지에 대한 대체 텍스트를 제공합니다. 즉, 이미지가 표시되지 않을 때 또는 이미지를 이해할 수 없는 유저 에이전트(예: 텍스트 브라우저, 음성 브라우저, 검색 엔진 등)에게 이미지의 내용을 설명하는 역할을 합니다. 다음과 같이 img 요소와 alt 속성을 사용할 수
GPT를 이용한 자동 블로그 포스팅 및 GitHub Pages에 자동 배포하기 이번 포스트에서는 머신 러닝 모델을 활용하여 자동으로 블로그를 생성하고 GitHub Pages에 해당 내용을 배포하는 방법을 알아보도록 하겠습니다. 블로그 내용은 OpenAI의 ChatGPT와 text-davinci-003라는 텍스트 생성 모델을 활용하여 주제에 따라 자동으로 작성될 것입니다. 실습 파일 준비 먼저, 이번 튜토리얼을 진행하기 위한 실습 파일을 준비해야 합니다. 여기서는 Python을 사용하여 진행할 예정입니다. OpenAI 설정 및 API 키 발급 OpenAI를 사용하기 위해서는 먼저 API 키가
GPT를 이용한 자동 블로그 포스팅 및 GitHub Pages에 자동 배포하기 Read More »
메타버스 웹사이트 제작 도구 ‘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로 웹 스크래핑 작업하기 웹 스크래핑 간소화에 ChatGPT 활용하기 웹 스크래핑은 스크립트를 통해 웹 사이트에서 데이터를 자동으로 추출하는 것입니다. ChatGPT는 웹 스크래핑 스크립트 코드를 손쉽게 생성할 수 있습니다. 이 작업을 수행하는 방법을 자세히 살펴 보겠습니다. IMDb는 최고 평점 영화 차트를 포함하여 영화, 텔레비전 프로그램 및 기타 엔터테인먼트 형식에 대한 세부 정보를 제공하는 플랫폼입니다. 웹사이트 https://www.imdb.com/chart/top/?ref_=nv_mv_250 에서는 제목, 출연진, 감독 및 IMDb 등급이 포함된 IMDb의 상위 250개 등급 영화 목록을
Chat GPT로 웹 스크래핑 작업하기 Read More »
워드프레스 무료 플러그인 추천 (2023년 기준) 머릿말 이번 포스팅에서는 오랫동안 사랑받아왔거나 최근 빠르게 인기를 얻고 있는 무료 플러그인들을 엄선해봤습니다. 방대한 워드프레스 플러그인 저장소를 살펴보기 전에 몇 가지 유의해야 할 사항이 있습니다. 저장소에는 60,000개 이상의 무료 플러그인이 포함되어 있지만, 무료 버전의 플러그인에는 효율적인 작업 수행에 필요한 모든 기능이 포함되어 있지 않을 수 있다는 점을 유의해야 합니다. 이러한 경우 플러그인의 프로 버전으로 업그레이드해야 할 수도 있습니다. 또한 너무 많은 플러그인을 설치하면 웹사이트
워드프레스 무료 플러그인 추천 (2023년 기준) Read More »
워드프레스 목차 플러그인 긴 글에 목차를 포함하면 가독성과 사용자 친화성을 크게 향상시킬 수 있습니다. 이를 통해 독자는 관심 있는 섹션으로 빠르게 이동할 수 있으므로 전반적인 경험이 향상됩니다. 또한 목차가 있으면 검색 엔진 순위에 긍정적인 영향을 미쳐 글이 더 쉽게 검색될 수 있습니다. 목차를 만들려면 프로세스를 자동화하는 다양한 워드프레스 플러그인 중 하나를 사용할 수 있습니다. 이러한 플러그인은 목차를 자동으로 생성하므로 시간과 노력을 절약할 수 있습니다. Easy Table of Content 설치하기 Admin
워드프레스 DB & 파일 백업 플러그인 백업의 중요성과 Updraft Plus 플러그인 백업을 하는 것은 사용 중인 플랫폼에 관계없이 웹사이트를 관리할 때 매우 중요합니다. 워드프레스에서 정기적인 백업을 수행할 수 있는 신뢰할 수 있는 플러그인 중, 오늘 추천 드릴 것은 Updraft Plus 워드프레스 백업 플러그인입니다. 필수적인 백업 기능 대부분을 무료로 이용 하실 수 있으며, 또 전세계에서 가장 많은 사람들이 사용하는 백업 플러그인으로 검증되었다는 장점이 있습니다. 백업 생성은 웹사이트 관리에 필수적인 작업이며, 특히
워드프레스 DB & 파일 백업 플러그인 Read More »
본 포스팅의 내용은 이미 여러분의 워드프레스 사이트 설치(set-up)가 끝났다는 것을 전제로 합니다. 여러분의 워드프레스 웹사이트가 없으시다면, 오라클 클라우드 (1) ~ (4) 포스팅들을 참고해서 워드프레스 사이트 세팅을 진행한 뒤 따라와주세요. 1. Elementor 편집기, Astra 테마 설치 먼저 기본 워드프레스 에디터의 경우, 상대적으로 인기 있는 에디터 플러그인에 비해 사용이 불편합니다. 따라서 저희는 세계에서 가장 인기 있는 워드프레스 에디터 플러그인 중 하나인 Elementor를 설치하여 사용해보겠습니다. 무료 버전으로도 충분히 퀄리티 있는 홈페이지 제작이 가능합니다.
코딩 없이 무료로 Chat GPT 웹앱 만들기 (1) – 편집기, 테마 설치 Read More »
아무리 시간과 노력을 투자해 힘들게 홈페이지를 만들더라도 외부에 노출되지 않는다면, 고객과 매출을 확보할 수 없습니다. 자연 트래픽 유입이 없는 상태로 유지비용과 노력이 계속 소모되면, 결국 죽은 홈페이지가 되고 실망과 허탈함만 남습니다. 이러한 맥락에서 SEO가 중요합니다. SEO(Search Engine Optimization)는 ‘검색엔진최적화’를 의미하며, ‘구글’, ‘네이버’, ‘다음’과 같은 포털 사이트에서 여러분의 잠재 고객 또는 타겟이 특정 키워드를 검색 했을 때 여러분의 웹사이트가 상위에 노출될 수 있도록 하는 작업입니다. SEO의 핵심 상위 노출을 위한
