💡 실제로 동작하는 문의폼을 보고 싶다면?👉 문의폼 예제 페이지 에서 직접 확인해보세요! 웹페이지에 문의폼을 추가하는 것은 단순해 보이지만, 실제로는 여러 기술적 요소가 필요합니다.🤔 문의폼을 만들려면 무엇이 필요 ...
안녕하세요?^^ 개발자라는 소리를 듣고 싶어 늦은 나이에 개발의 세계에 몸담게 된 Brad 라고 합니다. 아직 개발의 'ㄱ' 자도 모르지만, 개발을 배우면서 알게되는 것들을 림프에 정리해보려고 합니다. 저의 부족한 글이 누군가에게 조금이나마 도움이 되길 바랍니다.
-
Discord 웹훅과 Essepage 를 활용한 간단한 문의폼 만들기
-
Essepage에서 AlpineJS의 x-data를 파일로 관리하는 방법
Essepage에서 홈페이지를 제작할 때, 저는 주로 AlpineJS를 활용합니다. 하지만 x-data 안에 변수와 함수가 쌓이다 보면 코드가 복잡해지고 관리도 힘들어지죠. 😓 그래서 Essepage의 @x-data ...
-
📢 Essepage 블로그에 구글 애드센스 ads.txt 추가하기
이전 글 📢 Essepage 블로그에 구글 애드센스 광고 넣기! 💰에서 설명한 대로 구글 애드센스를 내 블로그에 연결하고, 메타 태그 방식으로 소유권 확인을 진행한 뒤오후에 검토 요청을 했더니, 다음 날 오전에 승인 ...
-
📢 Essepage 블로그에 구글 애드센스 광고 넣기! 💰
Essepage로 운영 중인 bradtaste 블로그에 구글 애드센스를 적용하면서 알게 된 점들을 정리해봅니다.애드센스를 통해 광고 수익을 창출하고 싶은 분들에게 도움이 되길 바랍니다! 🚀 ⚠️ 주의! 구글 애드센스 ...
-
📌 Essepage로 만든 홈페이지, 네이버에 등록하기!
Essepage로 만든 내 홈페이지를 네이버 포털에 등록하는 방법을 알려드릴게요!네이버 Search Advisor를 활용하면 검색엔진 최적화(SEO)까지 한 방에! 🎯 ⚠️ 주의! Essepage에서 제공하는 유틸도 ...
-
Essepage에서 현재 페이지 URL 가져오기 🌐✨
🖥 Essepage.basePath, Essepage.pagePathEssepage에는 Essepage라는 전역 객체가 있습니다.이 객체의 basePath와 pagePath 속성을 활용하면 현재 페이지의 URL을 간 ...
-
Essepage로 만든 홈페이지, 구글(Google)에 등록하는 방법
Essepage를 활용해 제작한 홈페이지를 구글(Google) 검색에 노출시키고 싶다면, 구글 서치 콘솔(Google Search Console) 에 등록해야 합니다. 구글에 등록되면, 검색 엔진이 내 사이트를 인덱 ...
-
자주 사용하는 Swiper 기본 설정 코드
Essepage로 홈페이지를 제작할 때, 저는 이미지 슬라이더로 Swiper를 자주 사용하는데요. 주로 사용하는 기본적인 코드를 정리해 보았습니다.1. SwiperJS 및 TailwindCSS 추가하기Essepage ...
-
사파리(Safari)에서 비디오 자동재생이 안 될 때? 해결 방법 공유!
Essepage로 홈페이지를 제작하면서 백그라운드에 자동재생되는 영상을 삽입하려고 <video> 태그를 사용했는데… 사파리에서 재생이 안 되는 문제가 발생했습니다. 😩🎯 자동재생을 위해 시도한 것들일반적으 ...
-
[Mysql] 그룹별로 최대값 리스트 가져오기
테이블의 내용에서 그룹별로 최대값만 리스트로 뽑아오는 쿼리셀프조인으로 처리해서 퍼포먼스도 괜찮다.SELECT a.* FROM `TABLE` AS a LEFT JOIN `TABLE` AS b ...
-
[Javascript] 브라우저 백버튼 클릭 체크
브라우저의 백버튼을 클릭했는지 체크할 수 있는 자바스크립트 코드크롬에서는 브라우저의 백버튼을 눌렀을 때 자바스크립트가 재실행되어서 백버튼이 눌렸는지 따로 체크하지 않아도 되었는데, 사파리 등의 브라우저에서는 자바스크 ...
-
모바일에서 이미지 URL 쉽게 만들기 좋은 사이트, Essedrop 을 소개합니다.
가지고 있는 이미지 파일이나 사진 등을 인터넷에 올리고 공유하기 위해 이미지 URL 을 찾는 분들이 많이 늘고 있습니다. 이미지 파일을 업로드하고 이미지 소스를 얻기 위해서 PC를 주로 사용하지만, 노트북이나 PC ...
-
윈도우에서도 맥처럼 편하게 스크린샷 찍을 수 있다!
윈도우에서 스크린샷을 찍으려고 PrtSc 버튼을 참 많이도 사용하다가 맥에서 단축키로 스크린샷을 정말 편하게 찍는 걸 보고 정말 부러웠었는데, 윈도우에도 단축키로 스크린샷을 찍을 수 있는 기능을 알게 되어서 포스트합 ...
-
깃허브 readme.md 에 넣을 이미지 URL을 issue 사용하지 않고 만들기
GitHub 에 프로젝트를 생성하고 readme.md 에 입력할 때 필요한 이미지 URL을 만들 때 주로 issue 를 이용하거나 혹은 git 폴더 자체에 이미지를 넣어서 사용하기도 하는데요.이렇게 사용하면, 내가 ...
-
코딩을 공부하는 웹디자이너들을 위한 유용한 사이트 모음
웹디자이너의 활동범위를 넓히고 스펙을 높이기 위해 요즘 코딩을 공부하시는 분이 많으신데요. 공부를 이제 막 시작하신 분들이 알아두면 좋은 사이트를 모아봤습니다.1. 스택오버플로우 (Stack Overflow)Stac ...
Top Articles
-
맥(Mac) 터미널에서 ZIP 압축파일에 비밀번호 설정하는 방법 - zipcloack
-
맥(Mac) 서브라임 텍스트3에서 파이썬3(Python3) 실행하기
-
맥 환경 서브라임에서 파이썬3를 대화형으로 실행할 수 있는 SublimeREPL 패키지 설치하기
-
맥 한글 키보드에서 백쿼트(`) 누르면 원화기호(₩)가 표시되는 것을 바꾸는 방법
-
맥(Mac)에서 Ubuntu 설치디스크(USB) 만들기
-
“저작권 이미지 경고 안내”란 제목의 스팸메일 주의하세요!!!
-
CSS - background 자주 사용하는 속성 정리
-
맥 앱을 실행했을 때 “손상되었기 때문에 열 수 없습니다.” 문제 해결방법
-
새로 바뀐 구글 애즈(Google Ads)에 관리자 계정 추가하는 방법
-
vi 에디터에서 자주 사용하는 단축키 모음