이전에 블로그에 네트리파이 사용법을 안내하는 글을 게시한 적이 있는데, 오랜만에 네트리파이에 접속해 보니 홈페이지가 리뉴얼되어 있었습니다. 이에 발맞춰 네트리파이 사용법에 대한 안내글도 리뉴얼하는 게 좋겠다고 판단해 이 글을 씁니다. 누군가에게는 도움이 되길 바라는 마음을 담아서... 네트리파이(netlify)? 네트리파이는 웹 호스팅 서비스입니다. 웹 호스팅이란 웹사이트를 올려놓을 인터넷상의 공간을 임대해주는 것으로, 이러한 서비스를 제공하는 웹 사이트는 무척 많습니다. 그 중에서도 네트리파이는 사용법이 무척 간단하고, 일정 수준의 용량까지는 무료로 이용할 수 있어 초보자들에게도 부담없는 서비스입니다. 네트리파이 서비스 이용 방법 네트리파이를 이용해 내가 만든 웹사이트를 호스팅하여 다른 사람들에게 배포..
심심해서 만들어 본 코드인데, 이것보다 더 좋은 방법이 분명히 있을 거라는 걸 느끼면서도 머리가 안 굴러가서 일단 이대로 올려봅니다. 블로그가 너무 오랫동안 놀고 있다는 사실에 약간의 압박감(또는 자책감)을 느꼈다고나 할까...? 마우스로 브라우저 화면 중 어딘가를 클릭하면, 그 위치에 잠시동안 잔상이 생겼다가 사라지는 프론트엔드 코드입니다. 마우스 클릭 시마다 잔상을 남기는 div.pointer 요소가 새로 생기고, 기존의 div.pointer 요소는 제거되는 방식으로 동작합니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45..
Sass 설치하기 Sass 구문을 기반으로 작성된 코드는 Sass 전처리기와 컴파일러의 도움을 받아 CSS 파일로 빌드(build)됩니다. 따라서 우리의 개발 환경(PC)에는 Sass가 준비되어 있어야 하며, 여기에서는 이를 위한 방법 두 가지를 제안합니다. - Visual Studio Code 확장 기능 Live Sass Compiler 설치하기 (Visual Studio Code 설치 필수) - Sass 명령행 인터페이스 설치하기 (Node.js 설치 필수) 두 가지 방법 모두를 차례대로 설명할 것이지만, 둘 중 아무거나 한 가지만 진행 하셔도 됩니다. 앞으로 이 포스팅에서는 두 번째 방법을 기반으로 설명을 이어갈 예정입니다. Visual Studio Code 확장 기능 Live Sass Compil..