CSS란 책 만들기의 색연필 역할!

CSS란 웹문서의 색 변경, 레이아웃 크기, 테두리, 글씨크기 등을 변경하는 디자인 기술입니다. Cascading Style Sheets의 약자입니다. cascade는 폭포라는 뜻인데, CSS는 마치 레이어 층처럼 단계적으로 문법이 적용되기 때문입니다. CSS 탄생 배경 HTML 단독 사용의 문제점 HTML 문서의 개발로 웹문서의 영역이 발달했습니다. 오프라인의 문서처럼 온라인 문서에도 디자인적 욕구가 등장합니다. 문제는 HTML에 <font size>와 같은 디자인 태그를 만들자, … READ MORE

HTML 제목 작성에 필요한 h1 태그의 간단한 쓰임새

HTML 제목 HTML Headings는 HTML 문서의 제목입니다. 검색 로봇은 HTML 문서에서 제목(Heading)을 우선적으로 봅니다. 제목은 그 문서를 대표할 수 있는 핵심적인 단어, 문장 등으로 구성해야 합니다. 좋은 제목은 검색 엔진에서 색인시 우위를 줄 수 있습니다. <h1> Tag 제목을 표현하는 태그는 <h1>입니다. 문서에서 가장 중요한 주제문은 반드시 <h1>태그와 </h1> 태그 사이에 위치합니다. 페이지당 <h1>태그는 한 번만 사용하는 … READ MORE

HTML 요소인 태그, 값, 속성 살펴보기

HTML 요소는 태그, 속성(속성명, 속성값), 값으로 구성됩니다. HTML 요소(Elements) HTML 요소(Elements)란 HTML 언어로 작성된 문서의 구성 요소를 말합니다. 크게 네 가지로 분류됩니다. 태그(Tags) : <p>, </p> 값(Values) : Hello 속성명(Attribute Names) : style 속성값(attribute Values) : color:red HTML 태그(Tags) HTML 태그(Tags)는 부등호(<>) 모양의 특수문자가 태그 알파벳을 양 옆으로 감싸고 있습니다. 태그는 문서의 특정 영역이 정보로써 … READ MORE

HTML 정의와 난이도 간단하게 살펴보기

HTML은 무엇일까요? HTML은 하이퍼텍스트 기능이 탑재된 문서 표시 도구입니다. HTML 정의 Hypertext Markup Language(HTML)는 웹페이지나 웹 어플리케이션을 만드는 언어입니다. HTML은 문서를 웹에 표시하는 도구입니다. 일반 문서와 차이점이 있다면, HTML은 하이퍼텍스트 기능이 있습니다. 하이퍼텍스트란 사용자가 참조/인용을 통해서 다른 문서로 바로 접근할 수 있는 기능을 말합니다. 하이퍼텍스트 기능을 통해서, HTML은 전세계 다른 컴퓨터 속에 있는 문서간의 이동을 … READ MORE

HTML 편집기 : Atom 에디터 설치 및 Emmet 사용법

ATOM 에디터는 HTML 등을 편집할 때 작업 속도를 올려줍니다. Emmet 패키지를 설치하면 자동 완성 기능 및 코드 블록 지정 경우의 수가 증가하게 됩니다. HTML 편집기 Atom 설치 아톰(Atom) 에디터란? Atom 에디터란 깃허브에서 만든 오픈 소스 무료 웹 편집기입니다. Emmet 같은 플러그인을 설치 하면 윈도우 메모장에 비해서 코드 작성 시간을 현저히 단축시킬 수 있습니다. Atom 설치 … READ MORE

vultr 스냅샷 생성 및 재설치

Vultr 스냅샷 무엇이고 어떻게 생성 및 재설치 할 수 있을까요? 스냅샷은 백업기능입니다. 생성 및 재설치 방법을 살펴봅니다. vultr 스냅샷 유용성 스냅샷이란 백업을 생성하는 옵션을 말합니다. 이게 중요한 이유는 단순히 해킹 등으로 인한 데이터 손실의 리스크를 넘어서 일반 편집시의 오류까지도 방지해 줄 수 있는 기능입니다. vultr 같은 vps는 가격이 웹호스팅에 비해서 아주 저렴한 대신 서버관리의 상당수를 … READ MORE

Vultr Login Prompt 삭제 하는 4단계 절차

Root 계정 로그인 putty 에 접속해서 Root 계정으로 로그인합니다. nano http 에서의 삭제 nano http 접속 아래와 같은 명령어를 화면에 입력하고 Enter 를 누릅니다. nano /etc/nginx/conf.d/wordpress_http.conf 목표 삭제 코드 탐색 nano 메뉴는 키보드로만 조작이 가능합니다. 키보드 방향키 위 ↑ , 아래 ↓ , 좌 ← , 우 → 를 사용해서 이동을 할 수 있습니다. 코드 삭제 … READ MORE

VULTR Let’s Encrypt로 워드프레스 https 연결하는 방법

VULTR 워드프레스 자동 설치 기준입니다. VULTR는 자동 설치의 경우 우분투와 nginx를 사용하게 되어있습니다. Certbot 설치 Putty 로그인 putty에서 root 계정으로 로그인합니다. Certbot 설치 명령어 아래 명령어를 입력후 Enter 를 누릅니다. add-apt-repository ppa:certbot/certbot 다시 아래 코드를 입력 후 Enter 를 누릅니다. apt-get update 마지막으로 아래 코드를 입력 후 Enter 를 누르면 Certbot 설치가 완료됩니다. apt-get -y … READ MORE

Vultr 스냅샷 복원후 root 비밀번호 재설정 방법

Vultr 스냅샷 복원 후 root 비밀번호 삭제 현상 Vultr 스냅샷으로 홈페이지를 복원을 할 때 기존에 만약 처음 Vultr로 계정을 가입해서 비밀번호가 랜덤으로 부여된 상황인 경우,  Root 계정의 비밀번호가 초기화되서 Root 계정에 접속을 할 수 없습니다. 그래서 비밀번호를 재설정해야 합니다. (반면, 기존에 따로 루트 비밀번호를 사용하고 계신경우 스냅샷에서도 유지되므로 이 설정은 필요없습니다.) 목표 코드 삽입 절차 … READ MORE

Vultr Putty 로그인 절차

Vultr Putty 로그인 어떻게 해야 할까요? Vultr에서 초기 설정된 root 아이디와 비밀번호를 입력해서 접속할 수 있습니다. Putty 설치 버전 확인 자신의 운영체제와 비트에 맞는 Putty를 설치합니다. 저는 일반 컴퓨터이므로 윈도우에 64비트를 설치합니다. Putty 바탕화면에 꺼내기 Putty는 친절하게 작업표시줄이나 바탕화면에 등록되지 않습니다. 그래서 자주 사용하려면 직접 꺼내줘야 합니다. 시작프로그램에서 Putty 파일을 찾습니다. 또는 윈도우 검색 기능으로 … READ MORE