라벨이 웹개발인 게시물 표시

구글 블로그 테마 theme by 없애는 방법

댓글 쓰기
구글 블로그 테마 theme by 없애는 방법을 알아보겠습니다. 1단계: 코드 접근하기 구글 블로그의 테마를 수정하려면 블로그 관리 대시보드에 로그인 한 후 다음 경로로 이동해 주세요. 대시보드 → 테마 → HTML 편집기로 들어갑니다. 여기에서 블로그의 HTML 및 CSS 코드를 편집할 수 있어요. 2단계: eval() 함수 찾기 대부분의 theme b…
구글 블로그 테마 theme by 없애는 방법

C# Code Prettier. 튜플과 정규 표현식으로 하기.

댓글 쓰기
C#에서 Code Prettier를 진행하려고 하는데요, 튜플과 정규 표현식을 사용하여 진행해 보기로 하였습니다. 다음의 예시 코드를 참고해 주세요. 프레임워크에 따라 튜플이 지원이 안 되는 경우가 있으니, 경우에 따라 클래스나 스트럭쳐를 고려해 보세요. public void SetCodePrettier() { try { I…
C# Code Prettier. 튜플과 정규 표현식으로 하기.

자바스크립트 소스에서 중단점이 안 되는 것 같을 때, pretty print

댓글 쓰기
자바스크립트 소스에서 중단점이 안 되는 것 같을 때, 브레이크포인트에서 스코프를 보면, 실제로 잡혀있을 수도 있습니다. 이때에는 코드 최적화 덕분에 중단점이 상단에서 잡히는 경우가 있는데요~ 디버깅을 하다 보면 브레이크포인트가 제대로 작동하지 않는 경우가 종종 있는데…
자바스크립트 소스에서 중단점이 안 되는 것 같을 때, pretty print

웹 토스트 메시지 추가하기

댓글 쓰기
웹 페이지에서 글을 복사할 때 출처 요청 차원에서 토스트 메시지를 추가하였습니다. 토스트처럼 보이도록 클래스를 추가하고 3초(3000) 뒤에 다시 클래스를 빼도록 하는 자바스크립트를 추가합니다. //토스트 let beomToastMessage = document.getElementById('beom_toast_message&#39…
웹 토스트 메시지 추가하기

XPath 하위 노드, 직계 하위 노드 선택 방법

댓글 쓰기
하위 노드 선택 //*[@class='class-name'] 아래의 모든 하위 노드를 선택하려면, 해당 XPath에서 하위 노드를 포함하는 경로를 작성해야 합니다. 모든 하위 노드를 선택하려면 //* 을 추가해 주면 됩니다. 따라서 하위 노드를 선택하는 XPath는 다음과 같습니다. //*[@class='class-name'…
XPath 하위 노드, 직계 하위 노드 선택 방법

블로그 Semantic Tag 알아보기, 그리고 SEO에 맞는 블로그 테마 구조는 무엇인가요?

댓글 쓰기
이번 주제는 시맨틱 태그(semantic tag)와 SEO 테마입니다. 시맨틱 태그 시맨틱(semantic)은 관계 및 연관(relation)과 의미론(meaning)을 뜻하는 단어 입니다. 한 마디로 시맨틱 태그는 HTML 태그 중 해당 태그를 어떠한 의미로 사용한…
블로그 Semantic Tag 알아보기, 그리고 SEO에 맞는 블로그 테마 구조는 무엇인가요?

XPath / /* 차이

댓글 쓰기
/* 과 / 는 모두 XPath에서 경로를 지정할 때 사용하는 구분자이지만, 그 사용 용도가 조금 다릅니다. 1. / (슬래시) / 는 루트부터 시작하는 절대 경로를 지정하는 데 사용됩니다. 예를 들어, /html/body 는 html 태그 아래의 body 태그를 의미합니다. 상위 노드에서 직접 지정하는 경로로 사용되며, 루트(문서…
XPath / /* 차이

org.xml.sax.SAXParseException; lineNumber: 0; columnNumber: 0; The element type 'link' must be terminated by the matching end-tag '</link>'.

댓글 쓰기
org.xml.sax.SAXParseException; lineNumber: 0; columnNumber: 0; The element type "link" must be terminated by the matching end-tag "<…
org.xml.sax.SAXParseException; lineNumber: 0; columnNumber: 0; The element type 'link' must be terminated by the matching end-tag '</link>'.

[JavaScript] 모바일 여부 체크하기

댓글 쓰기
자바스크립트에서 모바일 여부를 체크하는 간단한 함수를 안내해 드리겠습니다. 함수를 호출하여 true인 경우, 모바일 환경으로 간주하여 설정하시면 된답니다. 사이드, 내비게이션 등 모바일과 데스크탑 환경에서 별도로 설정이 필요한 경우에 유용하게 활용할 수 있을 것입니다. <script> function isMobile() { return…
[JavaScript] 모바일 여부 체크하기

background vs background-color 차이가 무엇인가요?

댓글 쓰기
background나 background-color 모두 색상을 설정할 수 있는 것으로 보입니다. 그렇다면 두 속성 간의 차이가 무엇인가에 대해 궁금증이 있는 분이 계실 것입니다. 어떤 부분에서 차이가 있는지 간략히 확인해 봅시다. 차이점을 한 마디로 정의하면 ba…
background vs background-color 차이가 무엇인가요?

[JavaScript] fadeOut without jQuery 추가하는 방법

댓글 쓰기
$(Element).fadeOut(); 함수를 사용하려고 하는데 오류가 발생하셨나요? 아마 웹페이지에서 jQuery를 사용하지 않을 가능성이 높습니다. 순수 자바스크립트만으로 페이드아웃을 구현하려면 다음과 같이 스크립트를 추가해 주세요. 기호에 따라 가공하시면 된답니…
[JavaScript] fadeOut without jQuery 추가하는 방법

구글 블로그 테마 스크립트 해석하기 (패킹과 언패킹)

댓글 쓰기
구글 블로그 테마를 수정하다 보면, 알 수 없는 스크립트가 보이기도 합니다. 해당 코드는 언패킹을 통해 해석할 수 있답니다. 패킹 var _0x35d7=["\x24\x28\x64\x6F\x63\x75\x6D\x65\x6E\x74\x29\x2E\x72\x65\x61\x64\x79\x28\x33\x28\x29\x7B\x34\x20\x31\x3D\…
구글 블로그 테마 스크립트 해석하기 (패킹과 언패킹)

구글 블로그 내 페이지뷰 계산 제외하기

댓글 쓰기
구글 블로그 통계는 기본적으로 내 페이지뷰가 계산됩니다. 그리하여 테스트 용도, 또는 필요에 의해 나의 글을 보았을 때도 페이지뷰가 계산되는 현상이 있답니다. 내 페이지뷰를 제외하고 통계를 확인하고 싶을 때 조치하는 방법에 대해 안내해 드리겠습니다.
구글 블로그 내 페이지뷰 계산 제외하기

티스토리 페이지가 작동하지 않습니다. 문제가 계속되면 사이트 소유자에게 문의하세요. HTTP ERROR 400 해결 방법, 인터넷 사용 기록 삭제

댓글 쓰기
HTTP ERROR 400 해결하기 티스토리를 이용할 때, 로그인 상태를 유지한 상태에서 즐겨찾기로 이동하다 보면 간혹 발생하는 현상이 있습니다. 해당 현상은 티스토리에 접속이 불가하며 "페이지가 작동하지 않습니다. 문제가 계속되면 사이트 소유자에게 문의하…
티스토리 페이지가 작동하지 않습니다. 문제가 계속되면 사이트 소유자에게 문의하세요. HTTP ERROR 400 해결 방법, 인터넷 사용 기록 삭제

구글 서치콘솔 티스토리 색인 누락 확인 및 색인 생성 요청, 설정하기

댓글 쓰기
구글 서치 콘솔에서 티스토리 블로그 게시물의 누락을 확인하는 방법에 대해 알아보도록 합시다. 누락된 글은 색인 생성을 요청하도록 설정해보겠습니다. 구글 서치콘솔 티스토리 색인 누락 확인 및 색인 생성 요청, 설정하기 티스토리 오픈 API 앱 등록하기 티스토리 게시물 …
구글 서치콘솔 티스토리 색인 누락 확인 및 색인 생성 요청, 설정하기

JavaScript 소수점 반올림 하는 방법

댓글 쓰기
JavaScript에서 소수점 반올림을 지원하는 함수는 toFixed 가 있습니다. toFixed 구문 안내 toFixed 함수의 매개변수는 소수점 뒤에 나타날 자릿수를 0 이상, 20 이하의 값으로 설정합니다. 값을 지정하지 않으면 0을 사용합니다. 소수점 이하가 길면 숫자를 반올림하고, 짧으면 0으로 채우기 때문에 필요시 소수점 이하 0은 제외할…
JavaScript 소수점 반올림 하는 방법

[JavaScript] 윤년 체크하기, 윤달~

댓글 쓰기
윤년 1년은 365일로 약속을 하였으나, 달력의 계산에는 오차가 있을 수밖에 없습니다. 이러한 역법의 오차를 보정하기 위해 사용하는 한 가지 방법이 윤년을 체크하는 것입니다. 보통은 2월이 28일까지 있는데, 윤년 또는 윤달이 있는 경우에 2월 29일까지 발생하는 이유가 이 때문입니다. 윤년 체크하기 해당하는 연도가 윤년 또는 윤달인지 여부를 확인…
[JavaScript] 윤년 체크하기, 윤달~

[JavaScript] 하이픈 제거하기 방법

댓글 쓰기
JavaScript에서 달력과 같은 값에서 반환되는 하이픈을 제거하고 싶습니다. 어떻게 해야 할까요? 크게 2가지 방법을 안내해 드리겠습니다. 정규식으로 하이픈 제거하기 우선, 정규식으로 하이픈을 제거하는 방법에 대해 안내해 드리겠습니다. 아래의 예제 코드에서는 replace() 메서드와 정규식 /-/g를 사용하여 하이픈을 전역으로 제거하는 것을 보…
[JavaScript] 하이픈 제거하기 방법

[CSS] 리스트 태그 꾸미기, 체크 표시하기

댓글 쓰기
CSS에서 리스트 태그를 꾸미는 방법에 대한 안내입니다. 체크 표시를 추가할 수 있습니다. <head> <style> li { list-style-type: none; padding-left: 25px; line-height: 1.5; } li::before { …
[CSS] 리스트 태그 꾸미기, 체크 표시하기

[CSS] 노란 버튼, 말풍선 SVG 예제 자료

댓글 쓰기
CSS에서 노란 버튼과 말풍선 안에 SVG를 사용한 예제 자료입니다. <head> <style> .button { display: inline-block; background-color: yellow; color: #000; padding: 10px 20px; …
[CSS] 노란 버튼, 말풍선 SVG 예제 자료
이전홈최근
가져가실 때, 출처 표시 부탁드려요! 감사합니다. 💗