HTML12 티스토리 스킨 편집하기- 개발자 도구 활용하기 #46 편집을 하는데 있어 가장 중요한 부분은 분석입니다. 기존에 어떠한 형태로 구성되어 있는지를 알아야 수정이 가능하기 때문입니다. 웹페이지 구성을 확인할 때 유용하게 사용할 수 있는 도구가 개발자 도구입니다. F12번 단축키를 이용하여 창을 보실 수 있습니다. 1. 개발자 도구란? 여러 가지 웹 브라우저에서 제공하는 도구로써, 웹 브라우저에서 실시간으로 웹 사이트를 분석할 수 있도록 도움을 주고 있습니다. 실시간으로 편집이 가능하며 실제 웹 사이트에는 적용되지 않으나, 변경된 화면을 바로 확인하실 수 있습니다. 특히 블로그 스킨 편집할 때 유용하게 사용할 수 있습니다. 2. 개발자 도구 화면 구성 F12 단축키를 이용하여 화면을 보실 수 있습니다. Elements외에 다양한 정보를 볼 수 있는 영역이.. 2020. 3. 12. 티스토리 스킨 편집하기 - 기본 스킨(Book Club) 살펴보기 #45 티스토리를 시작하고 제가 사용하고 있는 스킨은 Book Club이라는 기본 스킨을 사용하고 있는데요. 제 기준에 구성도 마음에 들고 포스팅한 글을 보았을 때 깔끔하다는 생각이 들어 사용하고 있습니다. 하지만 제 기호에 따라 조금 수정을 해보고 싶다는 생각이 들었습니다. 티스토리의 경우 스킨을 편집할 수 있도록 에디터를 제공하고 있어 의지와 노력만 있다면 수정이 가능합니다. 저도 그 의지와 노력을 가지고 수정을 조금씩 해보려고 합니다. 맨 처음으로는 제가 수정하고자하는 부분의 영역을 분석해봤습니다. 1. 티스토리에서 제공하는 스킨 확인 먼저 티스토리에서 제공하는 스킨을 확인해보도록 하겠습니다. 꾸미기 메뉴에서 스킨 변경을 통하여 티스토리에서 제공하는 스킨을 확인하실 수 있습니다. 기본적으로 제공하지.. 2020. 3. 12. Apache Web서버 웹 서비스 테스트 #41 지난 포스팅에서 리눅스(CentOS7)에 Apache Web 서버를 설치하였습니다. 이번에는 간단한 작업이지만 Apache Web서버를 통한 웹 서비스를 하기위해 서비스가 정상적으로 동작하는지 테스트를 해보려고 합니다. 1. Apache Web서버 서비스 확인 지난 시간에 설치하면서 구동한 서비스가 잘 떠있는지 확인해보도록 하겠습니다. 2. 테스트 페이지에서 내용 확인 위의 테스트 페이지에서 잘 들여다봐야할 부분이 있습니다. 바로 아래의 빨간 부분인데요. 만약 컨텐츠를 추가하고 싶다면 /var/www/html/ 경로에 추가하라고 합니다. 또한, 현재 페이지는 /etc/httpd/conf.d/welcome.conf에 설정되어있는 경로이며, 이 부분의 안내를 따르라고 합니다. 설명대로 따라가보도록 하.. 2020. 3. 3. 이클립스에서 톰캣(Tomcat) 설치하고 테스트하기 #26 이클립스를 통해 웹 서비스를 위한 프로그램을 작성하였다고 하면 서비스를 올리기 위한 서버가 필요하겠죠? 그 서버에 올리기 전에 로컬 환경에서 테스트할 수 있도록 이클립스에서 여러 서버 플러그인을 지원합니다. 그 중에서 가장 많이 쓰이고 있는 아파치 톰캣을 설치하고 테스트해보도록 하겠습니다. 1. 아파치 톰캣(Apache Tomcat)이란? : 오픈소스로써 JAVA 기반의 웹 어플리케이션 서버(WAS)입니다. 웹 서버와 연동하여 실행할 수 있는 자바 환경을 제공하여 자바서버 페이지(JSP)와 자바 서블릿이 실행할 수 있는 환경을 제공하고 있습니다. 2. 공식사이트 : http://tomcat.apache.org/ 불러오는 중입니다... 3. 설치하기 3-1 설치환경 JAVA : OpenJDK 8 I.. 2020. 2. 6. 이전 1 2 3 다음
