ghost cms를 통해 블로그 셋팅 및 사용해본 후기

ghost CMS란? 국내에서는 워드프레스, 그누보드, XE보드 CMS를 주로 사용하고 있기 때문에 ghost CMS 플랫폼이 생소하게 보이시는 분들이 많으실거라 생각합니다. 워드프레스와 마찬가지로, 블로그로 운영할 수있는 CMS 중 하나이며, ‘리엑트‘로 구축되었다보니, 전체적으로 매우 가볍다는 최고의 장점이 있습니다. 이번에 ghost CMS를 통해 블로깅 계획이 있었기 때문에 아마존 웹호스팅을 통해 ghost CMS 블로그를 구축해보도록 했습니다. 설치과정에 있어서 많은 오류를 …

더 보기

티스토리 블로그 스킨 예쁘게 꾸미는 방법!

티스토리 블로그를 꾸미는 방법은 매우 간단합니다. 우선은 두 가지 방법을 통해서 꾸며볼 수있는데, 첫번째는 HTML 편집을 통한 방법과 두번째는 CSS코드를 수정하는 것입니다. HTML 편집은 스킨 레이아웃의 구조를 바꿀 수있다고 보시면 되겠습니다. 예를들어, 티스토리 블로그 하단에 있는 공유버튼을 상단으로 옮긴다거나, 사이드바를 없앤다거나 등이 있습니다. (물론 CSS 혹은 자바스크립트를 통해서도 할 수있기는 합니다만, 아무래도 깔끔하게 제거 혹은 …

더 보기

[HTML5] ul과 li 태그 완벽하게 이해해보고, 사용 및 활용해보기

보통 ul과 li태그는 홈페이지 메뉴 혹은 연속되는 콘텐츠들을 작성 및 나열할때 자주 사용되는 태그입니다. 물론, ul과 li를 굳이 사용하지 않고, div 혹은 span, p 등을 통해서도 연속되는 콘텐츠와 메뉴들을 작성할 수는 있습니다만 아무래도, 코드가 조금 지저분해진다는 점이 있고, css 작성의 약간의 번거로움이 추가되기 때문에 ul과 li 조합이 가장 좋다고 볼 수있습니다. 이번 포스트에서는 ul과 li를 …

더 보기

[HTML5] span 태그, 확실하게 마스터해보기

span 태그는 줄바꿈 및 영역생성 없이, 바로 옆에 배치되는 태그라고 보시면 되는데요. 의외로 span과 p, div 이 3가지 차이점을 모르시는 분들이 꽤 많으신 것같아, 먼저 간략하게 차이점부터 설명드려보도록 하겠습니다. span, p, div 차이점 span은 위에서 언급드린 바와 같이, 한 영역을 생성하지 않고, 줄바꿈 없이, 가로열로 배치되는 태그라고 보시면 되겠습니다. p는 paragraph의 약어로써, 문단이라는 의미가 있습니다. …

더 보기

[HTML5] div 태그, 이렇게 하면 마스터할 수있어요!

div 태그는 HTML5에서 가장 많이 사용되는 태그라고 볼 수있습니다. 주로, 해당 블록(영역설정)을 넣을때 사용하는 편입니다. 우선 빠른 이해를 위해 코드 내용부터 알아보도록 하겠습니다. div의 기본 태그 작성은 <div> </div> 입니다. 이 안에다가, 무언가의 입력 내용을 넣는다거나, 추가 html 태그를 삽입할 수있습니다. 위와 같이 div 블럭안에 p태그와 span태그를 넣어주었으며, 위와 같이 코드활용을 하실 수있습니다. div 태그에 …

더 보기

[HTML5] h1 태그 사용 및 활용하는 방법

보통 h1태그의 경우는 대제목을 작성할때 사용하며, 본문 내용으로는 잘 넣지 않는 편입니다. 제 워드프레스 블로그로, 예시를들어 보면, ‘[HTML5] h1 태그 사용 및 활용하는 방법‘이란 제목 부분이 h1태그로 사용되었습니다. 마찬가지로, 티스토리 블로그 본문 내용 역시, 제목부분에 h1태그가 들어가있다는 사실을 알 수가 있습니다. (일부, h2~h3태그를 삽입한 스킨도 있긴합니다만, 구글 SEO 측면에서 별로 좋지 않다고 볼 수있습니다. 왠만하면 …

더 보기

[HTML5] 비주얼스튜디오코드 사용하는 방법과 HTML 실행하는 방법, 다운로드

앞으로 HTML5, 자바스크립트, CSS를 배우기에 앞서, 비주얼스튜디오 사용하는 방법과 바로 HTML 실행하는 방법, 다운로드에 대해서 알아보도록 할건데요. 우선 다운로드는 마이크로소프트 회사 홈페이지에서 다운하실 수있습니다. 과정은 아래의 이미지를 참고해주시면 되며, 링크는 여기를 참고해주세요. 현 기기에 맞춰서 다운로드해주시면 되는데요. 맥북 사용자이신 분들은 맥OS를, 윈도우 데스크톱에서 이용하고 있으신 분들은 윈도우 64버전을 누르시면 됩니다. 바탕화면에다가 바로 아이콘을 추가하시고 싶으신 …

더 보기

FTP 프로그램 파일질라 사용하는 방법, 다운로드, 이 글 하나로 해결!

파일질라는 웹 FTP 서버에 접속할 수있도록 도와주는 보조 소프트웨어 프로그램입니다. 이를 통해서, 원하는 파일들을 추가하거나 편집 수정을 해본다거나 삭제를 한다거나, 파일 권한을 바꾼다거나 등 다양한 기능들을 사용할 수있습니다. 이번 포스트에서는 파일질라를 사용해본 적이 없는 분들을 위해, 하나하나 차근차근 어떻게 사용하는지 설명드려보도록 하겠습니다. 나머지 모르시는 분들은 맨 하단에 댓글을 주신다면, 정성것 답변드리도록 할게요. 파일질라 다운로드 우선 …

더 보기

워드프레스 시작하기에 좋은 웹호스팅 추천

웹호스팅을 처음 접하신다거나, 접하신지 얼마되지 않으신 분들이라면 AWS(아마존 웹호스팅 서비스), 가비아, 카페24 이 세 곳을 추천드리는 바입니다. 이 3곳 모두 워드프레스를 한방에 설치할 수있는 서비스를 지원하고 있기때문에 FTP 서버에 따로, 워드프레스 통파일을 업로드하지 않아도 손쉽게 설치 및 셋팅을 하실 수있습니다. 웹호스팅 추천 첫번째 AWS(아마존 웹서비스) 가격과 서버 성능의 대해서는 이 글을 참고하신다면 도움되실 것 같습니다. …

더 보기

고클린 사용하는 방법, 다운로드 설치 주소, 장단점 알아보기

고클린 사용하는 방법 고클린은 컴퓨터 청소 프로그램입니다. 여러가지 기능을 사용해서, 내 컴퓨터의 쓸데없는 프로그램 종료, 임시파일 삭제, 하드디스크 상태점검, 사용시간 체크 등의 이용을 통해, 컴퓨터 속도 약간의 상승을 기대해볼 수는 있습니다. 지금부터 고클린 사용하는 방법을 알아보도록 하겠습니다. 고클린 기능 중 하나 – 서비스 관리 – 속도 향상에 큰 효과는 없음 서비스 관리는 컴퓨터가 부팅될때 실행되는 …

더 보기