본문 바로가기

분류 전체보기

이클립스에서 웹프로젝트 실행시 오류가 발생하는 경우 이클립스의 문제인지 톰캣의 문제인지는 모르겠지만 황당하게도 분명 전에는 잘 실행되던 웹프로젝트가 갑자기 class 파일을 찾을 수 없다며 오류를 뿜어내는 경우가 있습니다. 이런 때에는 오류에 찾을 수 없다고 나오는 class 파일이 들어있는 jar 파일들을 모두 삭제한 후 재 import 하면 해결될 수 있습니다. 또한 struts 태그를 갑자기 인식하지 못하는 경우가 발생하는 경우도 있는데 이때에는 taglib 지시자의 uri 속성에 설정한 "/struts-tags" 를 삭제하고 다시 적어준 후 재저장하면 해결될 수 있습니다. 정확히 어떤 이유로 이렇게 되는건지 알고 싶은데 인터넷으로 찾아봐도 정확하게 나와있는 곳이 없네요.. 더보기
티스토리 단축키 티스토리 기본 단축키 티스토리에서는 편리하게 블로그의 메뉴로 이동할 수 있도록 단축키를 제공하고 있습니다. 티스토리의 기본 단축키는 다음과 같습니다. A : 이전 페이지 S : 다음 페이지 J : 아래로 이동 K : 위로 이동 태터툴즈 단축키 Q : 관리자 모드 R : 리더 T : 리더 갱신 Z : 최근 엔트리 X : 최근 댓글 C : 최근 트랙백 티스토리 단축키 추가 티스토리에서는 skin.html을 수정해 직접 단축키를 추가하는 것도 가능합니다. 글쓰기 단축키를 추가하는 경우 아래와 같은 코드를 skin.html의 태그안에 넣어주면 됩니다. 출처 : 리치왕의 마리오네트 더보기
jQuery(혹은 JavaScript)를 js 파일로 연결하여 사용 시 한글 깨짐 현상 js 파일 사용시 한글 깨짐 현상 html 문서 내에서 직접 자바스크립트 언어를 사용할 경우에는 문제가 없지만, 자바스크립트 언어를 js 파일로 생성한 후 html 문서에서 연결하여 사용하는 경우에는 js파일 내에서 사용된 한글이 깨져서 표시 될 수 있습니다. 아래의 코드를 보면 alert 메소드를 사용해 한글 경고 메세지를 띄우는 자바스크립트를 수행하는 jquery.test.js 파일을 html에서 연결해 사용하고 있는데, 이를 실행하면 한글이 깨지는 현상이 발생합니다. html 파일 js 파일 alert("한글 깨짐 현상 테스트"); 한글 깨짐 현상 해결 이를 해결하는 방법은 간단합니다. 한글이 깨지는 js 파일을 에디터플러스 같은 편집툴로 열어 새로 저장하기를 누른 다음 Encoding을 Unico.. 더보기
티스토리에 RSS 구독 버튼 달기 티스토리의 사이드바에 아래와 같은 RSS 구독 버튼을 다는 방법입니다. 이 버튼들은 티스토리에서 기본적으로 지원해 주는 것으로 원래는 사이드바의 기본 RSS 구독 버튼을 클릭시 이동하는 페이지에 달려있는 것인데, 이 버튼을 이용해 RSS 구독을 하려면 먼저 기본 RSS 구독 버튼 클릭해서 페이지을 해야하는 단계를 거쳐야 하기 때문에 다소 불편함이 있습니다. 사이드바에 HTML 배너 출력 모듈 추가 사이드바에 RSS 구독 버튼을 추가 하려면 먼저는 사이드바에서 HTML 모듈을 사용가능하도록 플러그인 설정을 해주어야 합니다. 방법은 간단합니다. 일단 티스토리 관리자 페이지로 이동합니다. 그 다음 왼쪽의 메뉴들 중 '플러그인 설정' 메뉴로 들어가서 '관리 및 통계 - 배너 출력'을 체크해 줍니다. 그러면 사이.. 더보기
하이브리드(Hybrid) 앱 모바일 네이티브 앱과 웹 앱 모바일 기기(스마트폰 혹은 태블릿)에서 작동하는 앱의 종류는 크게 두가지로 나눌 수 있습니다. 모바일 기기의 내부에서 자체적으로 동작하는 네이티브 앱과 웹을 통해 동작하는 웹 앱입니다. 네이티브 앱이 성능면에서 웹 앱보다 뛰어나지만 모바일 OS마다 다른 언어를 이용해 프로그래밍 해야 한다는 단점이 있습니다. 이에 반해 웹 앱은 모든 모바일 OS에서 지원하는 HTML5, CSS, JavaScript로 개발하므로 어떠한 OS에서도 동작이 가능하다는 장점을 가집니다. 하지만 네이티브 앱보다 성능이 떨어지며 모바일 기기의 특정 하드웨어 기능들을 사용할 수 없다는 단점을 가집니다. 네이티브 앱웹 앱 장 점 구동속도가 빠름 인터렉티브한 사용자 환경을 제공 OS 및 기기별로 특정 어플의 .. 더보기
구루님의 HTML5 on Mobile 강좌 구루님 블로그에 올라와 있는 HTML5을 이용한 모바일 웹애플리케이션 만들기 강좌입니다. HTML5의 모바일 웹앱 관련 API에 대한 다루고 있네요. 읽어보니 HTML5가 모바일 앱을 구현하기 상당히 유리하다는 것을 알 수 있군요. 모바일 웹애플리케이션에 대해 관심이 많은데 강좌를 보니 대충 감이 잡히는 것 같습니다. 모바일 웹애플리케이션을 공부하는데 꽤 유용한 강좌인 것 같네요.^^ HTML5 on Mobile : 왜 HTML5 가 모바일에서 중요한가 HTML5 API 강좌 #1 – Web Storage 와 Application Cache HTML5 API 강좌 #2 – Web SQL Database 와 GeoLocation HTML5 API 강좌 #3 – 아이폰 Web App 만들기 더보기
본문의 소제목 배경 html 코드 아래와 같은 소제목 배경을 생성해 주는 html 코드입니다. 소제목 배경 제목을 입력하는 곳 더보기
티스토리에 코드 하이라이트(SyntaxHighlighter) 기능 사용하기 SyntaxHighlighter SyntaxHighlighter는 티스토리에서 프로그래밍 코드를 사용할 경우 보기 좋기 변환해 주는 플러그인 입니다. 현재(2011/12/12일 기준) 3.0.83 버전까지 릴리즈 되어있으면 다운로드는 아래의 링크에서 받으실 수 있습니다. SyntaxHighlighter 다운로드 페이지 가기 SyntaxHighligter 티스토리에 설치 다운 받은 SyntaxHighliter를 티스토리에 적용시키는 것은 간단합니다. 먼저 다운받은 압축 파일을 해제 한 후 script, style 폴더에 있는 파일들만 티스토어의 HTML/CSS 편집의 파일업로드 메뉴에서 업로드 시킵니다. 그 다음 skin.html의 head 태그 안에 아래의 코드를 추가 합니다. 그리고 크롬 브라우저 사용.. 더보기
jQuery란?  본 포스팅의 내용은 실전 jQuery 쿡북(v1.4.x 증보판)에서 발췌하여 편집한 것임을 미리 밝힙니다. jQuery란? jQuery는 HTML 문서, 보다 정확하게는 문서 개체 모델(DOM)과 자바스크립트 사이의 상호작용을 간단하게 해주는 오픈 소스 자바스크립트 라이브러리이다. jQuery는 HTML 문서를 간단히 탐색하고 조작하며, 브라우저 이벤트 처리, DOM 애니메이션, Ajax 상호작용 및 자바스크립트 크로스 브라우저 개발을 쉽게 해준다. jQuery의 장점은 오픈소스라서 무료로 이용이 가능하고, 용량이 작으며, 웹표준을 직접 처리할 필요가 없고, 플러그인 자료들이 풍부하다는 것이다. jQuery의 특징 jQuery의 특징은 크게 세 가지 개념으로 나누어 질 수 있다. CSS 셀렉터를 통해.. 더보기