본문 바로가기

잉고래의 티스토리

네이버 블로그 api 쓸 때 주의사항 블로그 API란 블로그를 운영하다보면 매번 블로그 사이트에 접속해서 로그인을 하고 글 쓰기를 눌러서 글을 적고 이미지를 올리고 하는 과정들을 반복하게 됩니다. 처음엔 괜찮은데 이런 일련의 과정들이 반복되다 보면 정말 써야할 글을 쓰는 시간보다 그 외의 잡다한 일을 하는데 시간을 다 쓰는것 같게 느껴집니다. 그러면 문득 이런 생각이 들죠. "뭐 좋은 방법 없나?" 네 있습니다. 웹브라우저를 띄워서 블로그에 접속하지 않고도 글을 쓰는 인터페이스를 만들어 놨는데요. 바로 이런 방법이 블로그 API입니다. 블로그 API를 이용하면 일일이 블로그 사이트에 접속하지 않고도 네이버, 다음, 티스토리 같은 포털 사이트 블로그에 포스트를 프로그램을 이용해서 손쉽게 등록할 수 있죠. 참고로 API는 Application .. 더보기
최고의 html 편집기 3종 비교 ATOM, Sublime 그리고 Visual Studio Code 티스토리 블로그를 운영하다 보면 블로그 스킨 변경을 위해서 혹은 글 작성을 위해서 HTML 편집기를 자주 사용한다. 기존에는 티스토리 웹페이지 에디터 상에서 바로 고치거나 메모장 같은 걸로 간략히 고치고는 했는데, 아시다시피~ 작업능률은 영 꽝이다. 이번에 티스토리 스킨을 HTML코드 수정해 나가면서 VSCode를 써봤는데 꽤나 아니 대단히 쓸만하다. 이런거 없이 예전에는 어떻게 살았나 싶을 정도니 말이다. 그래서 말인데 이 참에 쓸만한 무료 HTML 편집기 3종을 소개한다. 3가지로 딱 집어서 말한건 어디까지나 내 개인 취향이다. 다른 분들은 어떻게 느낄지 모르겠지만 정말 괜찮다고 평판이 자자한 녀석들이니 믿고 써보도 괜찮다. 아톰(At.. 더보기
3가지 CSS color 속성 지정 방법 CSS의 색상지정 방법을 알아보자 시작 전에 참고로 이 글은 이전 CSS 학습 글에 이어진다. 이전 글은 학습목차를 참조하도록 하자. 다시 돌아와서 CSS 요소의 색상을 변경하고자 하는 경우, 색상 지정 방법에는 3가지가 있다. 미리 정해진 color의 이름을 속성 값으로 넣거나 RGB 혹은 16진수 값을 속성 값으로 입력하는 것이다. color 이름 - 예) "red" RGB 값 - 예) "rgb(255, 0, 0)" HEX 값 - 예) "#ff0000" color 이름 Red, Green, Blue, Orange, Yellow, Cyan, Black 처럼 정해진 색상 이름을 color 속성 값으로 지정하는 방법이다. 참고로 color 이름은 대소 문자를 구분하지 않는다. 무슨 말이냐면 "Red"와 ".. 더보기
CSS 사용법 3가지 정리 CSS를 쓰는 3가지 사용법 브라우저는 CSS 즉 스타일 시트를 읽으면 스타일 시트의 정보에 따라 HTML 문서의 서식을 지정한다. 쉽게 말해 스타일에 따라 HTML을 예쁘게 꾸며주는거다. 그러려면 HTML에 스타일을 넣어줘야 하는데, 넣는 곳에 따라서 외부 스타일 시트, 내부 스타일 시트, 인라인 스타일 이렇게 3가지 방법이 있다. 스타일 시트를 HTML에 삽입하는 세 가지 방법을 알아보자. 참고로 이 포스팅은 CSS에 대한 지난 글에 이어지는 글이다. 순서대로 읽어보면 이해하기 편하다. CSS 소개 : CSS는 왜 Cascading Style Sheet일까? CSS가 생겨난 이유 : CSS가 없던 시절의 문제 CSS 문법 소개 : CSS 기초 문법 2가지 구문만 알면 오케이~ CSS의 선택자 1편 :.. 더보기
CSS 선택자(Selector) 심화학습 CSS 선택자의 다양한 모습들 다시한번 복습하자면 CSS에서 선택자는 스타일을 적용 할 요소를 선택하는 데 사용되는 패턴이다. 지난 '기본적인 CSS 선택자 3가지' 글에서, 선택자는 요소 이름(Element Name), ID, 클래스(Class)와 같은 3가지 기본적 요소들로 선택될 수 있다고 하였다. 하지만 이 외에도 정말 다양한 선택자 정보들로 요소들을 선택 할 수 있는데, 이번 시간에는 그것들이 뭔지 알아보자. 참고로 선택자는 지원하는 CSS 레벨에 따라서 차이가 있다. 참고로 이 포스팅은 아래의 이전 글들에 이어지는 글이다. CSS 소개 : CSS는 왜 Cascading Style Sheet일까? CSS가 생겨난 이유 : CSS가 없던 시절의 문제 CSS 문법 소개 : CSS 기초 문법 2가지 .. 더보기
기본적인 CSS 선택자 3가지 CSS Selector 지난번에는 CSS의 구문 구성을 알아보았다. 다시 복습하면 CSS 문법은 선택자(Selector)와 선언 블록(declaration block)으로 구성됨을 기억하자. 이번 시간에는 선택자에 대해 좀 더 자세히 알아보고자 한다. CSS 선택자(Selector)는 HTML 요소(Element)를 요소 이름(element name), ID, 클래스(class), 속성(attribute) 등에 따라 찾거나 선택하는데 사용된다. 각각의 경우에 따른 선택자 사용법을 알아보자. 요소 이름 선택자 (element name Selector) 요소 선택자는 요소 이름을 기반으로 요소를 선택한다. 한글로 요소라고 써서 좀 헷갈릴 수 있는데 HTML의 태그 요소를 지칭한다. 아래와 같이 쓰면 페이지의.. 더보기
초간단 git 설치 방법 티스토리 스킨 바꾸다가 git 설치까지 하네요. 블로그 스킨을 계속 변경하다가 버전 관리의 필요성을 느끼게 되었습니다. 그래서 설치까지 하게된 깃(git). 것참.. 계속 꼬리에 꼬리를 물고 진행되는구요. 흠... git 설치는 아주 간단합니다. git 홈페이지에서 셋업파일을 다운로드 받고 설치할 때 계속 next 버튼을 눌러주면 끝. 오... 완전 간단하죠. 이게 끝입니다. 아래 포스팅 내용은 공부할 겸 좀 더 자세한 설명글이고요. git에 대한 이해 프로그래밍 개발시 나오는 깃은 버전 제어 관리 시스템(Version Control System)을 말하는 것입니다. 버전 관리 시스템은 기능개선이나 버그 수정과 같은 의미있는 변화들 즉 소프트웨어의 버전을 관리하는 시스템입니다. 제 경우는 티스토리 스킨을.. 더보기
티스토리에 코드 예쁘게 삽입하는 방법 프로그래밍 코드 포스팅하기 티스토리에 HTML과 CSS 혹은프로그래밍 관련 코드를 포스팅 하다 보면, 프로그래밍 소스코드를 에디터로 표현하는 것이 여러모로 불편하고 가독성도떨어진다는 점은 해본 사람은 누구나 공감할 것입니다. 예전 포스팅에서SyntaxHighlighter 글을 찾았는데 추가 내용이 있어 수정 글 올립니다. 우선 프로그래밍 코드를 예쁘게 포스팅 하는 방법에는 2가지가 있습니다. 하나는 colorscripter 웹페이지에서 변환하여 포스팅에 붙여 넣는 방법이고, 다른 하나는SyntaxHighlighter라는 오픈소스 자바스크립트를 블로그에 넣어서 그때 그때 pre태그로 포스팅에서 삽입하여 사용하는 방법입니다. colorscripter colorscripter의 사용법은 쉽습니다. https:.. 더보기

티스토리툴바