본문 바로가기
[HTML] 여러해상도의 단말 모두 지원하기. HTML, 여러 해상도의 단말 모두 지원하기. 스마트폰이 나오면서 & mobile page 들이 등장하면서많은 내용을 적은 화면에 display 해야 하는 문제들이 생겨났다. mobile page 전용으로 layout 을 다시 하고, 표시하는 정보의 내용들을 depth 를 두어 나타내는 방법으로 해결하곤 했지만, 모바일 device 의 종류가 다양해지면서 이제는 여러 해상도의 단말들에서 최적화된 look 을 보여주는 issue 가 또 다시 제기되었다. 하여, 이전부터 W3C 가 권고하였듯 HTML, CSS, JavaScript 를 다른 파일로 구성하는 것이 좋고,이 방법을 따르면, HTML 이 불려지는 시점에 해상도에 따른 CSS 파일을 지정하여 불러올 수 있어 여러 해상도를 지원할 수 있다. 위와 같은.. 2013. 6. 13.
[책/리뷰] 모바일 홈페이지 쉽게 만들기. 책 리뷰, 모바일 홈페이지 쉽게 만들기 모바일 홈페이지 쉽게 만들기저자김선태 지음출판사성안당 | 2012-01-10 출간카테고리컴퓨터/IT책소개홈페이지 혁명이 일어났던 1990년대 후반의 변화보다 더 큰 충...글쓴이 평점 내 평점은 2점 / 10점. 우선, 목차만 보면 내용이 참 좋다.하지만, 책을 보다보면 단점이 너무 확연히 보인다. 1. 초보자를 위한 책처럼 위장하고 제대로 초보자를 배려하지 않았다. - 대부분의 코딩 부분에 설명이 제대로 되어 있지 않다.- Form 처리 부분은 GUI 구성으로 끝난다.- Form 처리하는 부분은 고급주제에 대한 소개로 이어져 최소한 독자가 더 공부할 수 있도록 가이드라도 해주어야 하는데 이런 배려도 없다. 2. 사진이 너무 작다. - 코드를 사진으로 붙여놓았다.... 2013. 6. 2.
[티스토리] 사이드바에 애드센스 광고 넣는 방법. 티스토리 사이드바에 애드센스 광고 넣는 방법. 1. 티스토리 관리자( admin ) 으로 들어간다. 2. [플러그인 설정] - [배너출력] 을 클릭하여 활성화시킨다. 3. [사이드바] 로 들어가 [HTML 배너출력] 의 + 를 눌러 사이드바에 추가한다. 4. 필자는 미리 완성한 상태여서 이름이 "우중단구글광고" 지만, 여튼 새로 생긴 배너출력 녀석의 [편집] 을 눌러준다. 5. 이름은 지정해주면 되고, HTML 소스란에 Adsense 광고를 붙여준다. 6. 끝! ad, AdSense, HTML, Sidebar, Tistory, 광고, 광리자, 배너, 배너출력, 사이드바, 사이드바 광고, 애드센스, 애드센스 광고, 티스토리, 티스토리 광고, 플러그인 2013. 5. 13.
[티스토리] 쓰지도 않는 상단 툴바 따위.. 없애기! 쓰지도 않는 상단 툴바 따위.. 없애기! 지금까지 1년 넘게 블로깅을 하면서 티스토리 상단 툴바를 이용한 적이 없다. 그런데 괜히 공간만 차지하면서 지저분함 역시 제공하고 있다. 이 툴바를 없애보기로 하였다. 1. 티스토리 관리자( admin ) 모드로 들어간다. 2. [HTML/CSS] 편집으로 들어간다. 3. [style.css] 에 #tistorytoolbarid {display:none;} 코드를 추가한다. 4. 저장한다. 간단하게 한줄 코드를 추가함으로써 툴바를 없앨 수 있었다. FYI) 엥? 다시 살리고 싶다구? 추가한 저 라인을 지우면 다시 살아난다옹! css, HTML, html/css, style.css, Tistory, tistorytoolbarid, 관리자, 블로그, 블로그 관리, 상.. 2013. 5. 12.
[JavaScript/Tutorial] JavaScript 코드 위치에 대한 주의사항. JavaScript 코드 위치에 대한 주의사항 [이전강좌] HTML, CSS, 그리고 JavaScript 사람들이 JavaScript 코드를 작성하면서 가장 쉽게 실수하는 것 중 하나가JavaScript 코드를 삽입하는 위치이다. 정확한 이유를 알지 못하고 그냥 일반적인 관행을 따라 태그 안에 넣기도 하고, 태그의 마지막에 넣기도 한다. 만약 JS 코드가 page 에 있는 element를 이용한다면 script 코드는 반드시 해당 element가 로딩된 다음에 수행되어야 한다. 따라서 이 경우에는 body 의 마지막에 들어가는 것이 좋다. 반대로 JS 코드가 page 에 있는 element 와 interaction 이 없다면 head 태그 안에 넣는 것도 좋다. JS 코드는 순차적으로 수행된다는 것을 기.. 2013. 5. 11.
[티스토리] 블로그에 구글 메타태그 삽입하기. 티스토리에 구글 메타태그 넣기. 메타 태그? 메타태그는 HTML 태그 중 하나로,보여지는 내용을 넣는 것이 아니라 해당 페이지에 대한 추가정보를 넣는 곳입니다.이 메타태그는 검색엔진에서 검색을 할 때 참고되어지기 때문에 메타태그를 잘 작성하면검색엔진에서 내 글이 상위에 위치할 수 있을 확률이 높아집니다. 구글 메타태그는 왜 넣어? 구글의 메타태그를 넣어두면, 구글검색엔진 ( 정확히는 크롤러 )가 내 블로그의 존재를 기억하고 있다가 주기적으로 새로 작성한 글을 파악해가는데 도움을 줄 수 있습니다. 개인적으로 메타태그를 적용해놓아서인지구글에서의 유입이 가장 많더군요. 구글 메타태그는 어떻게 넣어? 자 그럼 구글 메타태그 삽입 방법을 알아보겠습니다. 1. 구글 웹마스터 도구에 접속한다. 2. 사이트 추가를 클.. 2013. 5. 10.
[티스토리] 검색박스에 힌트 텍스트 넣기. ( 매우 쉽죵~ ) 오늘 소개할 간단한 블로그 관리 팁은검색창에 Hint text 넣기. WordPress를 이용해 만든 어떤 블로그에 들어갔다가저렇게 힌트 글이 있는 것을 발견하고,저 힌트글이 있으면 저 곳이 검색창이라는 것을 알고 더 쉽게 검색을 할 수 있겠다는 생각이 들었다. 전직 개발자가 이것도 못할소냐?도전! & 성공! 1. 티스토리 관리자 모드에 들어간다. 2. HTML/CSS 편집으로 들어간다. 3. Ctrl + F 를 눌러 "searchBox" 를 검색한다. 4. 아래와 같이 placeholder="검색어를 입력하세요" 의 코드를 추가해준다. ** 2013년 5월 10일 오전 2시 추가내용. placeholder 속성은 익스플로러의 경우 10 부터 된다고 하네요. 참고하세요 ^ ^ 2013. 5. 9.
[JavaScript/Tutorial] HTML, CSS, 그리고 JavaScript 웹을 구성하는 아주아주 원초적인 언어들을 이야기하라면 HTML, CSS, JavaScript 를 들 수 있겠다. HTML 은 Contents 를 표현하는데 사용되고, CSS 는 Visual 을 담당하고 JavaScript 는 Interaction 을 통해 Dynamic 한 페이지를 제공하는 것을 담당한다. Hello World Click Me! Click Me2! * querySelector 를 통해 검색되는 녀석은 "첫번째" 로 맞딱뜨리는 tag 이다. * addEventListener 의 parameter 들은 eventName, function, useCapture 이다. 이 중 useCapture 가 true 일때는 capturingPhase 로, false 일때는 bubblingPhase 로 작.. 2013. 5. 8.
반응형

티스토리툴바