728x90 분류 전체보기324 [티스토리] 인라인 코드 블럭 (꾸미기, 백틱으로 인라인 코드 삽입) (Updated: 2014-01-13) 1. 문제점 티스토리 에디터는 인라인 코드를 삽입하는 기능이 없어, html 모드에서 태그를 일일이 덧씌워 적용해야 함. 2. 백틱을 사용하여 인라인 코드 작성 이러한 문제점을 해결하는 방법으로 태그를 일일이 입력하는 것이 아닌 백틱(`)을 사용하여 인라인 코드를 작성할 수 있다 [1]. 원리는 백틱을 Java script를 사용하여 태그로 치환을 하는 것이다. 2. 1. 코드 삽입 우선, 설명하기 앞서, 내가 참조한 웹페이지에서 작성한 코드를 먼저 살펴보도록 하겠다. (1) querySelectorAll을 이용하여, 태그 내부의 내용 중, figure와 pre를 제외한 모든 내용을 추출 (2) 그 이후, Javascript의 replace 명령어를 사용하여, 백틱.. 2023. 12. 28. [티스토리] 구글 - 적절한 표준 태그가 포함된 대체 페이지 1. 페이지 색인 생성 1.1. 색인이란? - 데이터를 기록할 경우, 그 데이터의 이름, 데이터의 크기 등의 속성과 그 기록 장소 등을 표로 표시하는 것 - 색인을 통해, 해당 자료의 위치를 쉽게 파악할 수 있도록 도와줌 - 인터넷에서 검색을 할때도, 색인을 이용한다. 2. 적절한 표준 태그가 포함된 대체 페이지 요약: Google에서 표준으로 인식하는 페이지의 중복 페이지이다. 이 페이지는 표준 페이지로 올바르게 연결되므로 별도의 조치는 필요 없다 [1]. [1] https://support.google.com/webmasters/answer/7440203#indexed_not_submitted_in_sitemap 2.1. 표준 페이지 (표준 URL)이란? 표준 URL은 Google이 사이트의 중복된 .. 2023. 12. 26. [티스토리] 포스팅 목차 자동으로 생성 (ToC) 및 꾸미기 (Update: 2024-01-13) 티스토리에서 글을 작성할 시, 우리는 대제목, 소제목 등으로 구분하여 글을 작성하며, 이러한 구분들은 구글 SEO가 우리의 글을 평가할 때 좋은 요소가 된다. 이러한 목차들은 html에서 수동으로 직접 만들 수 있지만, 자동으로 매번 목차가 생성될 수 있도록 할 수 있다. 이를 위해서 기본적으로 알아야할 내용들은 아래와 같다. 1. ToC (Table Of Contents) • ToC란? 목차, 차레, 순서 등을 나타내는 테이블 • 자동 목차를 생성함으로써, - 대제목 ( 태그), 중제목 ( 태그)에 대한 목차가 자동으로 생성 - 해당 제목을 클릭하면 본문의 위치로 자동 이동. 2. ToC 코드 2.1. Tocbot TOC를 만들어주는 tocbot와 관련된 코드를 티.. 2023. 12. 24. [티스토리] 소제목 꾸미기 및 서식 1. 티스토리 소제목 꾸미기 방법 티스토리 내의 소제목을 꾸미는 방법은 크게 두 방식으로 나뉜다. • CSS 활용: 모든 게시글의 소제목 서식을 변경하는 것 • HTML 활용: 특정 게시글의 소제목을 변경하는 방법 2. CSS를 이용하여 소제목을 꾸밀 경우 티스토리 내에서 CSS를 이용하여 h태그들(즉, 소제목들)을 꾸밀 경우 아래의 과정을 거친다; • HTML 탭에서 본문 상위 class 정보 찾기 • 해당 class에 대응되는 CSS 내용 수정 1) HTML 탭에서 본문 상위 class 정보 찾기 티스토리 내의 CSS를 이용하여 소제목을 꾸밀 경우, 먼저 관리 페이지의 스킨 편집에서 HTML 탭에서 "##_article_rep_desc_##"를 감싸고잇는 class 명을 먼저 확인해야 한다. - .e.. 2023. 12. 24. [과학] 지구상 모든 인간을 고기 경단의 크기? 사실 이번 글은 과학상식보단, 내가 인터넷에서 본 사진으로부터 생긴 호기심을 확인해보려고 한다. 해당 사진은 아래와 같다. 해당 그림에 대한 설명을 잠깐 하면, 전세계 모든 인구를 고기 경단으로 만든 경우 그 크기를 멘하튼의 센트럴 파크와 비교를 한것이다. 해당 그림을 보고 실제로 저런 크기가 나오는지에 대한 궁금증이 생겼다. 몇몇 가정을 하면, 계산이 굉장히 간단해지므로, 한번 직접 계산을 해보려고 한다. 계산을 간단하게 하기 위해 아래와 같은 가정을 하자. • 계산에 사용되는 모든 인간의 표준 몸무게는 대한민국 성인 남성의 표준 몸무게로 계산: 74.1kg • 인간의 표준 밀도: 1.05 $g/cm^3$ • 2023년 전세계 인구 수: $7.888\times10^{11}$ 따라서, 전세계 인구에 해당.. 2023. 12. 24. [식물키우기] 로즈마리에 대해서 정리한 내용들 지난 달부터 로즈마리 씨앗을 심고 난 후 약 한달정도 지났다. 그 시간동안 느낀 것이 실물을 키우기 위해 필요한 정보를 제대로 알고 있는 것이 없다는 것이다. 그래서 이번 포스트에서는 여러 웹사이트들을 돌아다니면서 로즈마리를 키우는데 필요한 내용들을 정리하고자 한다. (Updated 2023-12-15) 계속 정리 중... 겨울 시 로즈마리 키우는 법 1. 온도 - 로즈마리의 경우, 기온이 영하 15도로 내려가도 잘 죽지않는다고 한다. 하지만 키우는 장소에 따라서 다음과 같은 유의사항을 기억하면 좋다. a. 만일 실외에서 계속 키운 경우: 일 최저 온도를 기준으로 영하 5도까지는 실외에 두어도 무방하지만, 걱정이 될 경우 0도 실내로 들인다. - 단, 상태가 좋지 않은 로즈마리, 분갈이한지 얼마되지 않은.. 2023. 12. 15. [워드프레스] 워드프레스 시작하기 (Update: 2023/12/03) 티스토리의 백업용으로 워드프레스를 준비하는 과정에서 이리저리 정보를 알아봐야 할 필요가 있어서 이 페이지에 내가 정리한 내용들을 작성을 했다. 1. 워드 프레스란 워드 프레스는 무료 오픈 소스 CMS (컨텐츠 관리 시스템)으로 2003년 만들어진 이후, 전세계 웹사이트의 40%이상이 워드프레스를 이용하여 웹페이지를 관리를 할만큼 유명한 프로그램이다. 이러한 워드 프레스를 사용하여, 다양한 형태의 사이트들을 만들 수 있다. 1.1 워드 프레스의 장점 및 특징 워드 프레스는 티스토리나 네이버 블로그에 비해 진입장벽이 있긴 하지만 다음과 같은 장점들이 존재한다. 높은 자유도 및 다양한 플러그인: 다양한 플러그인들을 사용하여, 사용자가 원하는 거의 모든 수준으로 웹페이지를 .. 2023. 11. 26. [Mathemaitca] 코드 작성 시 유용한 약어들 Summary 약어 설명 A@B A[B] A@@B Apply[A,B] A@@@B MapApply[A, B] A:>B RuleDelayed A/@B Map[A,B] ___ - BlacnkNullSequence[] - A pattern object that can stand for any sequence of zero or more WL expressions .. - Repeated[] - A pattern object that represents a sequence of one or more expressions 2023. 11. 23. [티스토리] 블로그 개발 일지 - 1 - 티스토리 블로그를 개설한지 약 3년 가까이 되는 것 같다. 전반적으로 티스토리 블로그와 관련해서 만족을 하는 편이긴 하지만, 사람인지라 욕심이 계속 생기는 부분이 있다. 크게 보면 아래와 같이 2가지 부분에 대한 불만족이 있다. 1. 티스토리에서 글을 작성 시, 생각보다 선택의 폭이 좁다. (e.g. 글씨체, etc...) 2. 티스토리 내에서 꾸밀 수 있는 테마가 마음에 들지 않는다. 1번과 관련해서는 이후에 시간이 만약 남게 된다면 개인적인 프로젝트로 데스크탑에서 사용하는 vim과 연동을 해서 할 수 있는 방법을 구현해보고 싶다. 하지만 현재 주로 다루고 싶은 건 전반적인 내 티스토리 블로그의 디자인이다. 그렇다면, 내가 원하는 방향으로 블로그의 디자인을 바꾸려면 어떻게 해야하는가? 먼저 티스토리 내.. 2023. 11. 23. 이전 1 2 3 4 5 6 7 ··· 36 다음 728x90
