본문 바로가기

전체 글166

티스토리 폴더 형식의 카테고리 달기 티스토리 카테고리 달기 카테고리가 바로 보여지는 스킨이 아니여서 카테고리만 우측공간에 보여주고 싶다라는 생각이 들었습니다. 카테고리가 보여질 때 페이지 뷰 횟수가 더 늘 것 같다라는 생각이 들었기 때문이기도 하죠. 간단하게 달아 보았는데 그 내용에 대하여 포스팅을 해 봅니다. 카테고리를 달기 위해서는 티스토리에서 제공되는 카테고리 정보에 대하여 먼저 알아야 합니다. 먼저 치환자 부분입니다. 폴더 형식과 리스트 형식 두가지 형태의 치환자가 제공됩니다. 제가 추가로 설치 해 본 것은 폴더 형식 입니다. 티스토리 스킨 가이드 화면을 보면 친절하게 사용 예시 부분도 적혀 있습니다. 치환자 부분을 적용 후 확인 해 보면 테이블(table) 모양으로 카테고리 소스가 생성 되어 있는 것을 확인 할 수 있습니다. F1.. 2018. 2. 21.
자바스크립트 사용자 정의 함수 사용법 익히기 funtion을 이용한 사용자 정의 함수 만들기 자바스크립트 함수(functin)에 대하여 알아 보도록 하겠습니다. 함수는 메소드나 사용자 정의 객체를 정의 할 때 이용 합니다. 기본 사용형태 입니다. function 함수명(매개변수){ 내용 정의 } 가장 흔히 상용하는 엑셀 함수 중에 SUM() 이란 함수를 알고 있을 것 입니다. SUM() 이란 함수는 숫자의 합을 계산하기 위한 함수 입니다. SUM(A1,B1) ※ A1 과 B1의 합을 계산하는 함수 입니다. 엑셀의 SUM() 이란 함수의 기능을 자바스크립트로 표현을 해 보면 다음과 같습니다. funcion sum(A, B) { var C = A + B; alert("A와 B의 합은 " + C + "입니다."); } 버튼을 만들어 sum 함수를 호출 .. 2018. 2. 20.
보이기와 감추기 - visibility 와 display JavaScript 레이어 보이기와 감추기 자바스크립트 및 CSS를 이용하여 DIV를 보이게하고 감추는 방법에 대하여 알아보도록 하겠습니다. 먼저 보이고 보이지 않게 될 대상을 하나 생성합니다. 가로, 세로 100px 의 사각형 모양에 파란색의 배경색을 지정 해 보았습니다. 그리고 div의 id는 target로 설정 하였습니다. 이제 이 DIV를 보이게 또는 보이지 않게 제어할 버튼을 만들어 보겠습니다. 감추기 버튼과 보이기 버튼 두개의 버튼을 만들어 봅니다. 여기에서 끝나면 조금 아쉽죠 그래서 한 가지 더 알아 보도록 하겠습니다. 보이이 감추기 기능을 가지고 있는 함수는visiblility와 함께 display라는 함수가 있습니다. 그럼 두 가지의 차이는 무었일까요? 클릭 해 보셨으면 아셨겠지만 vis.. 2018. 2. 18.
HTML/CSS 레이어(Layer) 란 레이어란 무엇인가? 레이어(Layer)란 층을 의미 합니다. 한 문서에 여러개의 레이러를 만들어 다른 레이어 위에 쌓을 수 있고, 투명하거나 불투명하게 만들 수 도 있습니다. HTML 문서의 배경색과 배경 이미지를 지정하는 것처럼 각 레이어의 배경색과 배경 이미지도 지정 하능 합니다. 자바스크립트를 사용하면 레이러를 옮기거나 감추거나 확대 또는 축소도 가능 합니다. 기본적으로 HTML과 자바스크립트를 사용하여 웹 페이지상에 동적인 애니메이션을 구현할 수 있고, 다양하게 동작하는 웹 페이지를 만들 수 있습니다. 레이어 정의 하나의 레이어는 다른 레이어와 구별되어야 하므로 고유한 아이디(ID) 이름을 가져야 합니다. 여기에 레이어 위치를 지정하기 위한 position 속성과 레이어의 크기를 추가하여 레이어를.. 2018. 2. 13.