This example uses Tailwind CSS. If you’re new to Tailwind CSS, please check https://tailwindcss.com for more information. When working with block elements like div, applying a border style adds a 1px line. However, sometimes you may want to adjust the border with a thinner line that takes up no spac...

블로그를 만들다가 파티클 애니매이션을 추가하려다 보니, SCSS 로 작업해야하는 부분이 있어서 Essepage 에서 SCSS 를 사용하는 방법에 대해 기록해둡니다. 자바스크립트로 브라우저에서 SCSS 를 컴파일하는 방법으로, SASS 팀의 블로그에서 소개한 방법을 참조했습니다. https://sass-lang.com/blog/sass-in-the-browser/ 테스트를 위한 코드 예제입니다. <div> <span class="colored-text">빨간색 글자</span>...

Essepage 에서 여러 페이지로 이루어진 웹페이지를 만들 때, 헤더나 푸터 처럼 여러 페이지에 공통으로 사용되는 부분을 essepage-component 로 만드는 방법에 대해 포스팅합니다. 1. 푸터로 사용할 페이지 만들기 우선, 푸터로 사용할 페이지를 추가합니다. 여기서는 예제를 위해서 public 아래에 footer 라는 폴더를 만들고 그 안에 +page.essepage 파일을 만들겠습니다. 파일이 추가되었다면, 푸터로 사용할 페이지에 HTML 코드를 작업합니다. 예제가 필요한 분은 아래 코드를 이용해보세요^^ &l...

alksjdalksjdlkasjdlaksd 블로그를 만들다가 파티클 애니매이션을 추가하려다 보니, SCSS 로 작업해야하는 부분이 있어서 Essepage 에서 SCSS 를 사용하는 방법에 대해 기록해둡니다. 자바스크립트로 브라우저에서 SCSS 를 컴파일하는 방법으로, SASS 팀의 블로그에서 소개한 방법을 참조했습니다. https://sass-lang.com/blog/sass-in-the-browser/ 테스트를 위한 코드 예제입니다. <div> <span class="colored-text"...

구글 애드센스를 내 블로그에 연결하면서, 소유권 확인을 메타 태그로 하고 검토요청을 오후에 하고 다음날 오전에 승인이 되었다는 연락을 받았습니다. 그런데... ads.txt 가 없으면 수익 손실 위험이 있다면서 겁을 주네요^^;;; 그럼, 추가해보겠습니다. txt 파일과 같은 텍스트 포맷 파일들은 Essepage 의 베이직 플랜 이상의 유료 플랜에서만 텍스트 포맷으로 이용할 수 있습니다. 무료 플랜에서는 텍스트가 아닌 웹페이지로 표시되는 점 참고하세요. 추가할 구글 애드센스 ads.txt 내용 확인 Google Adsense 에 로...

Essepage 로 만들고 있는 bradtaste 블로그에 구글애드센스를 넣어보면서 알게된 것들을 기록합니다. 🤔 구글애드센스에 등록하는 도메인은 최상위 도메인만 등록할 수 있기 때문에, Essepage 에서 제공하는 유틸리티 도메인 ( egpg.dev 로 시작하는 URL )으로는 연결할 수 없고, 내가 구입한 도메인으로만 연결할 수 있습니다. 구글애드센스 연결하기 구글애드센스 (https://adsense.google.com/start/) 에 접속하고 시작하기를 클릭. 만약, 구글애드센스 계정이 없다면 먼저 가입해주세요. 좌측의...

네이버 포털 사이트에 Essepage 로 만든 내 홈페이지를 등록하는 방법입니다. 🤔 Essepage 에서 제공하는 유틸리티 도메인 ( egpg.dev 로 시작하는 URL )으로는 등록할 수 없고, 내가 구입한 도메인으로만 등록할 수 있습니다. 네이버 Search Advisor에 사이트 등록 네이버 Search Advisor (https://searchadvisor.naver.com/) 에 접속하고 네이버에 로그인합니다. 상단에 있는 웹마스터 도구 버튼 클릭 사이트 등록 페이지에서 등록하려는 내 홈페이지 도메인을 입력합니다. 사이...

Bradtaste 블로그에 검색기능을 추가하면서 cmd+k 또는 win+k 버튼으로 검색창이 열 수 있는 단축키를 만들고 싶어서 알파벳을 포함하는 두 개의 키를 조합하는 방법에 대해 기록합니다. AlpineJS 참 좋다!!!^^ㅎ 우선, AlpineJS 에서 키보드를 Bind 하는 간단한 예제는 다음과 같습니다. <input type="text" @keyup.enter="alert('Submitted!')"> 보다 자세한 내용을 볼 수 있는 AlpineJS 공식홈페이지 문서는 아래 참조...

드디어 가상머신 VMWare 가 개인 사용자들이 무료로 사용할 수 있게 되었다. Finally!!!!! 윳후~~ 맥에서 금융업무(?)를 위해 윈도우를 가끔 사용하려고 Parallels desktop 을 사용했었는데, VM웨어 최신버전이 무료로 이용할 있게 되었다고 해서 바로 설치해봤다. 잘 된다! 아주 잘~ 된다^^ 참고로, 내가 설치한 VM웨어는 VMware Fusion 13이고 아래 링크로 접속해서 가운데 부분에 파란색 VMware Fusion Pro Download 버튼으로 다운로드했습니다. VMware Fusion Pro: ...

MARSHIQUED 2024 Minimal Step, Maximal Function, Mild Formula. Refresh your routine, Marshique. 마르시끄는 '당당한 발걸음'을 의미하는 단어 MARCH에서 영감을 받았습니다. 마르시끄는 고객의 뷰티 루틴을 더 심플하고 더 효과적으로 바꾸기 위해 누구보다 과감한 도전의 길을 당당하게 나아갑니다. 가치가 담긴 제품들로 뷰티 루틴을 새롭게 개선하는 경험을 선사합니다. Creative direction Seoyoung Choi Art direction Seoyoung...