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

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

댓글 쓰기
이번 주제는 시맨틱 태그(semantic tag)와 SEO 테마입니다. 시맨틱 태그 시맨틱(semantic)은 관계 및 연관(relation)과 의미론(meaning)을 뜻하는 단어 입니다. 한 마디로 시맨틱 태그는 HTML 태그 중 해당 태그를 어떠한 의미로 사용한 건지 웹 브라우저에 명확하게 알리는 역할을 합니다. 예를 들면, 모든 엘리먼트가 div …
블로그 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 "</link>". 이와 같은 오류는 구글 블로그 테마를 편집하는 경우에 보실…
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 모두 색상을 설정할 수 있는 것으로 보입니다. 그렇다면 두 속성 간의 차이가 무엇인가에 대해 궁금증이 있는 분이 계실 것입니다. 어떤 부분에서 차이가 있는지 간략히 확인해 봅시다. 차이점을 한 마디로 정의하면 background 속성은 백그라운드에 관한 모든 속성을 한 번에 설정할 수 있도록 지원하고,…
background vs background-color 차이가 무엇인가요?

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

댓글 쓰기
$(Element).fadeOut(); 함수를 사용하려고 하는데 오류가 발생하셨나요? 아마 웹페이지에서 jQuery를 사용하지 않을 가능성이 높습니다. 순수 자바스크립트만으로 페이드아웃을 구현하려면 다음과 같이 스크립트를 추가해 주세요. 기호에 따라 가공하시면 된답니다. [JavaScript] fadeOut without 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 해결하기 티스토리를 이용할 때, 로그인 상태를 유지한 상태에서 즐겨찾기로 이동하다 보면 간혹 발생하는 현상이 있습니다. 해당 현상은 티스토리에 접속이 불가하며 "페이지가 작동하지 않습니다. 문제가 계속되면 사이트 소유자에게 문의하세요."라는 메시지를 표시해 드립니다. 또한, 오류코드는 400과 더불어 &quo…
티스토리 페이지가 작동하지 않습니다. 문제가 계속되면 사이트 소유자에게 문의하세요. 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 예제 자료

access_token \uc774 \uc720\ud6a8\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.

댓글 쓰기
티스토리 API 사용 중에 access_token \uc774 \uc720\ud6a8\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4. 오류가 발생하였나요? {"tistory":{"status":"400","error_message":"access_tok…
access_token \uc774 \uc720\ud6a8\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.

[CSS] 말풍선 꼬리 만드는 방법 예제 코드

댓글 쓰기
CSS에서 말풍선 꼬리를 만들어보는 방법에 대한 예제 코드입니다~ speech-bubble 이라는 임의의 div 태그를 만든 다음에, 가상 요소 선택자 after를 추가하여 말풍선 꼬리를 만드는 예제를 보여드릴텐데요, 천천히 읽어보시면 쉽게 이해하실 수 있답니다. 말풍선 꼬리 만드는 방법 <style> #speech-bubble { po…
[CSS] 말풍선 꼬리 만드는 방법 예제 코드

JavaScript undefined if 문으로 하기 - Cannot read properties of undefined

댓글 쓰기
Uncaught TypeError: Cannot read properties of undefined 오류가 발생하는 것을 확인하였습니다. 이때에는 JavaScript undefined if 문으로 하는 방법으로 처리를 해야 하는데요, 방법을 안내해드리겠습니다. 문제상황 : 무작위 게시물(랜덤포스팅) 부분에서 오류가 있습니다. json.feed.entr…
JavaScript undefined if 문으로 하기 - Cannot read properties of undefined

구글 크롬 클립보드 복사 시 출처 남기기 (Ctrl+C sourcing clipboard)

댓글 쓰기
구글 크롬에서 클립보드에 복사하는 경우, 출처를 남길 수 있는 방법에 대해 안내해 드리려고 합니다. 요약하면 Ctrl+C 복사 시에 출처를 남길 수 있도록 추가하는 기능을 소개합니다! [테마] 로 이동하여 [HTML 편집]을 누릅니다. 사진에서 볼 수 있는 것과 같이, 자바스크립트 <script> ~ </script> 부분을…
구글 크롬 클립보드 복사 시 출처 남기기 (Ctrl+C sourcing clipboard)

HTML hyperlink target=_blank, 블로그 하이퍼링크 새 탭에서 열기

댓글 쓰기
https://beomsang.com/ 블로그와 같은 웹 페이지에서 상기와 같이 하이퍼링크를 추가할 때, 현재의 페이지를 그대로 유지하면서 새로운 창을 띄워서 보여드리는 기능을 소개해 드리려 합니다! 링크를 수정한 다음 좌측에서 [HTML 보기]를 선택합니다. <p> 는 문단(paragraph)을 뜻하며 맨 뒤에 닫는다는 뜻으로 <…
HTML hyperlink target=_blank, 블로그 하이퍼링크 새 탭에서 열기
이전홈최근
가져가실 때, 출처 표시 부탁드려요! 감사합니다. 💗