'Web' 카테고리의 글 목록

Web에 해당되는 글 6건

다음 영어사전 Ubiquity 명령어

Web 2009. 8. 2. 15:09

다음 영어사전 Ubiquity 명령어입니다. Ubiquity 0.5.1 기준으로 동작하고, 새로 업데이트된 명령구문을 사용하였기 때문에 이전버전 사용자는 정상적으로 작동하지 않을수 있습니다.

명령어는 두가지 입니다.
set-daum-dic-key : 다음 오픈 API에 가셔서 사용자 키를 받으셔야 합니다. "오픈 API 사용자 등록" 이라는 메뉴를 누르셔서 사전 API 키를 발급받으시면 됩니다. 그래서 다음과 같이 입력하면 됩니다.

그림1. 사용자 키 설정

만약 공용으로 쓰는 PC에서 설정하였을 경우, "set-daum-dic-key reset"을 입력하시면 초기화가 됩니다.

정상적으로 Key를 입력하지 않으면 dic 명령을 이용해 검색할 때 다음과 같이 나옵니다.

그림2. 잘못된 키 설정이 되었을 경우의 에러메시지

dic : 사전 검색은 Preview에서 최대 5개의 검색 결과를 보여주며, 엔터를 치면 검색 결과 화면이 새 탭으로 뜨게 됩니다. 다음 그림은 예제입니다.

그림3. 검색 결과

버그나 건의사항은 댓글로 남겨주시거나 메일주시면 빠른 시간내에 반영하도록 하겠습니다.

저작자표시 비영리 동일조건

posted by 스펜서.

jQuery 탭 컨트롤

Web 2009. 6. 2. 03:10

얼떨결에 "한번 만들어볼까?" 해서 만들어본 탭 컨트롤.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="ko">
                                    <head>
                <script type="text/javascript">if (!window.T) { window.T = {} }
window.T.config = {"TOP_SSL_URL":"https://www.tistory.com","PREVIEW":false,"ROLE":"guest","PREV_PAGE":"","NEXT_PAGE":"","BLOG":{"id":103314,"name":"mocamilk","title":"Keep it simple, Stupid !!!","isDormancy":false,"nickName":"스펜서.","status":"open","profileStatus":"normal"},"NEED_COMMENT_LOGIN":false,"COMMENT_LOGIN_CONFIRM_MESSAGE":"","LOGIN_URL":"https://www.tistory.com/auth/login/?redirectUrl=http://mocamilk.tistory.com/category/Web","DEFAULT_URL":"https://mocamilk.tistory.com","USER":{"name":null,"homepage":null,"id":0,"profileImage":null},"SUBSCRIPTION":{"status":"none","isConnected":false,"isPending":false,"isWait":false,"isProcessing":false,"isNone":true},"IS_LOGIN":false,"HAS_BLOG":false,"IS_SUPPORT":false,"TOP_URL":"http://www.tistory.com","JOIN_URL":"https://www.tistory.com/member/join","ROLE_GROUP":"visitor"};
window.T.entryInfo = null;
window.appInfo = {"domain":"tistory.com","topUrl":"https://www.tistory.com","loginUrl":"https://www.tistory.com/auth/login","logoutUrl":"https://www.tistory.com/auth/logout"};
window.initData = {};

window.TistoryBlog = {
    basePath: "",
    url: "https://mocamilk.tistory.com",
    tistoryUrl: "https://mocamilk.tistory.com",
    manageUrl: "https://mocamilk.tistory.com/manage",
    token: "KcK0EEnV/+l6oH2AKIUea2JtvFAYPFGtmlttFcH6ggMgrI/iY9c077bYAjGkhx0m"
};
var servicePath = "";
var blogURL = "";</script>

.selectedMenu { background-color:#ffffff; color:#222222}
			.nonSelectedMenu {  border-bottom:1px solid #d0d0d0; }
			.leftBorder { border-left:1px solid #d0d0d0; }
			.rightBorder { border-right:1px solid #d0d0d0; }
		/*]]>*/
		</style>
		<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
		<script type="text/javascript">
		//<![CDATA[
			$(document).ready(function(){
				$("td.tabControlMenu").hover(
					function(){
						$(this).addClass("tabContentMenuHover");
					}, 
					function(){
						$(this).removeClass("tabContentMenuHover");
					}
				);

// 메뉴 클릭 설정
				$("td.tabControlMenu").click(function(){
					var id = $(this).attr("id").replace("m", "");
					$("div.tabContent").each(function(){
						$(this).css("display", "none");
					});

$("td.tabControlMenu").each(function(){
						if($(this).hasClass("selectedMenu"))
							$(this).removeClass("selectedMenu");
						$(this).addClass("nonSelectedMenu");

$(this).removeClass("leftBorder");
						$(this).removeClass("rightBorder");
					});
					$(this).removeClass("nonSelectedMenu");
					$(this).addClass("selectedMenu");

var maxMenu = $(this).parent().find(".tabControlMenu").length;

if(id == 1)
						$(this).addClass("rightBorder");
					else if(id == maxMenu)
						$(this).addClass("leftBorder");
					else
					{
						$(this).addClass("leftBorder");
						$(this).addClass("rightBorder");
					}

//$("div#tabContent"+id).css("display", "block");
					//$("div#tabContent"+id).show("slow");
					$("div#tabContent"+id).fadeIn("slow");
				});

$("td#m1").click();
			});
		//]]>
		</script>
	
                <link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-6e43216ad1ef9e879370e963df8ee6b7af21767a/static/style/revenue.css"/>
<link rel="canonical" href="https://mocamilk.tistory.com"/>

<script type="application/ld+json">
    {"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":0,"item":{"@id":"https://mocamilk.tistory.com/entry/%EB%8B%A4%EC%9D%8C-%EC%98%81%EC%96%B4%EC%82%AC%EC%A0%84-Ubiquity-%EB%AA%85%EB%A0%B9%EC%96%B4","name":"다음 영어사전 Ubiquity 명령어"}},{"@type":"ListItem","position":1,"item":{"@id":"https://mocamilk.tistory.com/entry/jQuery-%ED%83%AD-%EC%BB%A8%ED%8A%B8%EB%A1%A4","name":"jQuery 탭 컨트롤"}},{"@type":"ListItem","position":2,"item":{"@id":"https://mocamilk.tistory.com/entry/%EC%9E%90%EA%BE%B8%EB%A7%8C-%EA%B9%8C%EB%A8%B9%EB%8A%94-%EC%9B%B9-%EA%B0%9C%EB%B0%9C-%EC%86%8C%EC%8A%A4-%EB%B0%8F-%EB%A7%81%ED%81%AC","name":"자꾸만 까먹는 웹 개발 소스 및 링크"}},{"@type":"ListItem","position":3,"item":{"@id":"https://mocamilk.tistory.com/entry/Ubiquity-%EB%82%B4%EA%B0%80-%EB%A7%8C%EB%93%A0-%EB%AA%85%EB%A0%B9%EC%96%B4","name":"Ubiquity 내가 만든 명령어"}},{"@type":"ListItem","position":4,"item":{"@id":"https://mocamilk.tistory.com/entry/%ED%8C%8C%EC%9D%B4%EC%96%B4%ED%8F%AD%EC%8A%A43-%EC%82%AC%EC%9A%A9%EC%A4%91%EC%9D%B8-%ED%94%8C%EB%9F%AC%EA%B7%B8%EC%9D%B8","name":"파이어폭스3 사용중인 플러그인"}},{"@type":"ListItem","position":5,"item":{"@id":"https://mocamilk.tistory.com/entry/%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80-%ED%91%9C%EC%A4%80-%ED%85%8C%EC%8A%A4%ED%8A%B8","name":"브라우저 표준 테스트"}}]}
</script>

<link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-6e43216ad1ef9e879370e963df8ee6b7af21767a/static/style/dialog.css"/>
<link rel="stylesheet" type="text/css" href="//t1.daumcdn.net/tistory_admin/www/style/top/font.css"/>
<link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-6e43216ad1ef9e879370e963df8ee6b7af21767a/static/style/postBtn.css"/>
<link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-6e43216ad1ef9e879370e963df8ee6b7af21767a/static/style/comment.css"/>
<link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-6e43216ad1ef9e879370e963df8ee6b7af21767a/static/style/tistory.css"/>
<script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-6e43216ad1ef9e879370e963df8ee6b7af21767a/static/script/common.js"></script>
<script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-6e43216ad1ef9e879370e963df8ee6b7af21767a/static/script/comment.js" defer=""></script>

</head>
    <body>
        <div id="tabControl" class="tabControl">	
			<table class="tabControlMenuHead" cellspacing="0" cellpadding="0">
				<tr>
					<td id="m1" class="tabControlMenu">서시</td>
					<td id="m2" class="tabControlMenu">참회록</td>
					<td id="m3" class="tabControlMenu">또 다른 고향</td>
				</tr>
			</table>
			<div id="tabContent1" class="tabContent">
				죽는 날까지 하늘을 우러러<br/>
				한 점 부끄럼이 없기를<br/>
				잎새에 이는 바람에도<br/>
				나는 괴로워했다.<br/>
				별을 노래하는 마음으로<br/>
				모두 죽어가는 것을 사랑해야지.<br/>
				그리고 나에게 주어진 길을<br/>
				걸어가야겠다<br/>
				<br/><br/>
				오늘 밤에도 별이 바람에 스치운다
			</div>
			<div id="tabContent2" class="tabContent">
				파란 녹이 낀 구리 거울 속에<br/>
				내 얼굴이 남아 있는 것은<br/>
				어느 왕조의 유물이기에<br/>
				이다지도 욕될까.<br/>
				<br/><br/>
				나는 나의 참회의 글을 한 줄에 줄이자.<br/>
				ㅡ 만 이십 사 년 일 개월을<br/>
				무슨 기쁨을 바라 살아왔던가.<br/>
				<br/><br/>
				내일이나 모레나 그 어느 즐거운 날에<br/>
				나는 또 한 줄의 참회록을 써야 한다.<br/>
				<br/><br/>
				밤이면 밤마다 나의 거울을<br/>
				손바닥으로 발바닥으로 닦아 보자.<br/>
				<br/><br/>
				그러면 어느 운석 밑으로 홀로 걸어가는<br/>
				슬픈 사람의 뒷모양이 거울 속에 나타나 온다
			</div>
			<div id="tabContent3" class="tabContent">
				故鄕(고향)에 돌아온 날 밤에<br/>
				내 白骨(백골)이 따라와 한 방에 누웠다.<br/>
				<br/><br/>
				어둔 방은 宇宙(우주)로 통하고<br/>
				하늘에선가 소리처럼 바람이 불어온다.<br/>
				<br/><br/>
				어둠 속에서 곱게 風化作用(풍화작용)하는<br/>
				白骨(백골)을 들여다보며<br/>
				눈물짓는 것이 내가 우는 것이냐<br/>
				白骨(백골)이 우는 것이냐<br/>
				아름다운 혼이 우는 것이냐<br/>
				<br/><br/>
				志操(지조) 높은 개는<br/>
				밤을 새워 어둠을 짖는다.<br/>
				<br/><br/>
				어둠을 짖는 개는<br/>
				나를 쫓는 것일 게다.<br/>
				<br/><br/>
				가자 가자<br/>
				쫓기우는 사람처럼 가자.<br/>
				白骨(백골) 몰래<br/>
				아름다운 또 다른 故鄕(고향)에 가자
			</div>
		</div>
    
                <script type="text/javascript">(function($) {
    $(document).ready(function() {
        lightbox.options.fadeDuration = 200;
        lightbox.options.resizeDuration = 200;
        lightbox.options.wrapAround = false;
        lightbox.options.albumLabel = "%1 / %2";
    })
})(tjQuery);</script>
<div style="margin:0; padding:0; border:none; background:none; float:none; clear:none; z-index:0"></div>
<script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-6e43216ad1ef9e879370e963df8ee6b7af21767a/static/script/common.js"></script>
<script type="text/javascript">window.roosevelt_params_queue = window.roosevelt_params_queue || [{channel_id: 'dk', channel_label: '{tistory}'}]</script>
<script type="text/javascript" src="//t1.daumcdn.net/midas/rt/dk_bt/roosevelt_dk_bt.js" async="async"></script>
<script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/tistory-6e43216ad1ef9e879370e963df8ee6b7af21767a/static/script/menubar.min.js"></script>

</body>
</html>

jQuery 하면 할수록 재미있는거 같아!!!

첨부된 파일은 소스코드이다.

tabControl.html

저작자표시 비영리 동일조건

posted by 스펜서.

자꾸만 까먹는 웹 개발 소스 및 링크

Web 2009. 6. 1. 16:27

SQL 쿼리
   TIP
        1. SELECT에 조인을 잘 쓰자
        2. MySQL 의 주요 SQL 문법 [ http://tinyurl.com/mqc7lk ] 참고 굉장히 자세함.

    - SELECT
SELECT [테이블별칭].[컬럼] AS [별칭] FROM [테이블] AS [별칭], WHERE [조건] AND [컬럼] (NOT) IN (SELECT 쿼리) ORDER BY [컬럼] GROUP BY [컬럼];

    - INSERT
INSERT INTO [테이블]( [컬럼], ) VALUES ( [값], );

    - DELETE
DELETE FROM [테이블] WHERE [조건];

    - UPDATE
UPDATE [테이블] SET([컬럼]=[값], ) WHERE [조건];

    - 테이블 지우기
DROP TABLE [테이블]

    - 테이블 만들기
CREATE TABLE sms4_long_send(
    no bigint(20) not null auto_increment,
    primary key(no),
    user varchar(255),
    sn_no   varchar(100),
    c_seq   bigint(20),
    c_no    varchar(100),
    time datetime,
    msg text
);
    - 컬럼 추가하기
ALTER TABLE [테이블] ADD ([컬럼] [자료형] [기본값], )

    - 컬럼 삭제하기
ALTER TABLE [테이블] DROP COLUMN [컬럼];

    - 컬럼 이름바꾸기
ALTER TABLE [테이블] RENAME COLUMN [OLD_컬럼] [NEW_컬럼];

    - 행 개수세기
SELECT COUNT(*) AS [별칭] FROM [테이블] ;

    - 결과 개수 제한하기
SELECT * FROM [테이블] LIMIT [시작], [개수];

jQuery로 작업하기 시리즈

[ http://www.ibm.com/developerworks/kr/library/wa-jquery1/index.html ]

jQuery 항목별 정리

[http://www.cyworld.com/sulsoha/2675474]

jQuery <select>의 <option>바꾸기

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
	<HEAD>
	<TITLE> New Document </TITLE>
		<META NAME="Generator" CONTENT="EditPlus"/>
		<META NAME="Author" CONTENT=""/>
		<META NAME="Keywords" CONTENT=""/>
		<META NAME="Description" CONTENT=""/>
	</HEAD>
	<script type="text/javascript" src="jquery-1.3.2.js"></script>
	<script type="text/javascript">
		var Menu = new Array();
		// DB에서 리스트 가져오기
		Menu[0] = $([1, 2, 3]);
		Menu[1] = $([4, 5, 6]);
		Menu[2] = $([7, 8, 9]);

$(document).ready(function(){
			SetOption();
		});

function SetOption()
		{

// 선택된 녀석 가져오기
			var i = $("select#hello").val();

$("select#sub>option").each(function(){
					$(this).remove();
				}
			);

$(Menu[i]).each(function(i, elem){
				var newOpt = document.createElement('option');
				newOpt.value = elem;
				newOpt.appendChild(document.createTextNode(elem));
				$("select#sub").append(newOpt);
			});
			
		}
	</script>
	<style type="text/css">
		select { font-size:9pt; width:75px; }
	</style>
	<BODY>
		<select id="hello" onchange="SetOption()">
			<option value="0">A</option>
			<option value="1">B</option>
			<option value="2">C</option>
		</select>
		<select id="sub">
		</select>
	</BODY>
</HTML>

스크롤바 색깔

[ http://imfree.pe.kr/scrollbar1.html ]

자주쓰는 PHP 함수
explode("구분자", "문자열") : "문자열"에서 "구분자"가 있는 곳을 나누어 리턴(array)
ereg("정규식", "문자열") : "문자열"에 "정규식"에 해당하는 것이 있는지 리턴(bool)
iconv("from인코딩", "to인코딩", "문자열") : "from인코딩"으로 인코딩된 "문자열"을 "to인코딩"으로 인코딩하여 리턴(string)
str_replace("단어", "치환", "문자열") : "문자열"에서 "단어"를 "치환"으로 바꾸어 리턴(string)
base64_encode("문자열") : "문자열"을 base64로 인코딩하여 리턴(string)
chunk_split("문자열") : 일정한 길이로 문자열을 잘라주어 리턴(string). 폼메일 만들때 사용
urlencode("문자열") : "문자열"을 url 형태로 인코딩하여 리턴(string)
strtotime("문자열") : "문자열"을 날짜로 리턴(sec)
date("형식"[, "날짜"]) : 오늘의 날짜를 "형식"으로 리턴(string)하거나, "날짜"를 "형식"으로 리턴(string)
substr("문자열", "시작", "개수") : "문자열"을 "시작"에서 부터 "개수"만큼 잘라 리턴(string)

저작자표시 비영리 동일조건

posted by 스펜서.

Ubiquity 내가 만든 명령어

Web 2009. 4. 20. 13:34

파이어폭스 플러그인 중에 Ubiquity라는 녀석이 있다. 이거는 브라우저에서 Ctrl+Space로 커맨드창을 열어서 어떤 명령을 수행하게끔 도와주는 녀석이다. 자세한건 모질라랩에서 보면 될것 같다.

링크를 누르기는 귀찮고, 뭔지는 궁금한 사람들을 위해서 다음 동영상을 링크한다. 이걸 보면 "와~" 라는 감탄사가 연일 나올 수 있을 정도로 데모 영상을 잘 꾸며 놓았다.

Ubiquity를 설치하면 파이어폭스 주소창에 "about:ubiquity" 라고 입력하면 Ubiquity를 설정하는 창이 나온다.

그림1. Ubiquity의 모습

상단 메뉴에 보면 "Command Editor"라는 것이 있는데 이를 사용하면 내가 명령어를 직접 만들 수 있다. Ubiquity는 외국에서 만든거라 네이버나 다음과 같이 우리가 자주 쓰는 사이트에 대한 명령이 없다. 그래서 이런 명령이 필요하면 직접 만들어야 한다.

그래서 한번 만들어 보았다.
다음을 복사해서 "Command Editor"에 붙여넣기만 하면 다음과 같이 쉽게 네이버 검색을 할 수 있다.

그림2. Ubiquity를 이용해서 "naver 김연아"를 검색한 모습

다음은 내가 작성한 명령어이다. 버그가 있을지도 모르니 사용에 주의하자!ㅋ

CmdUtils.CreateCommand({
  name: "ieee",
  description: "IEEE 논문 검색",
  takes: {"paper": /.*/},
  preview: function(pblock, input) {
      pblock.innerHTML = "검색할 논문은 <b>" + input.text + "</b>.";
  },
  execute: function(input) {
    var url = "http://ieeexplore.ieee.org/search/searchresult.jsp?history=yes&queryText=(({QUERY})%3Cin%3Emetadata)";
    
    var paper;
    paper = input.text;
    
    for(var i=0; i<paper.length; i++)
      paper = paper.replace(" ", "+");
    url = url.replace("{QUERY}", paper);
   
    Utils.focusUrlInBrowser(url);
  }
});

//http://www.torrentreactor.net/search.php?words=test&search=&x=0&y=0

CmdUtils.CreateCommand({
  name: "torrent",
  description: "torrent 검색",
  takes: {"paper": /.*/},
  preview: function(pblock, input) {
      pblock.innerHTML = "검색할 파일은 <b>" + input.text + "</b>.";
  },
  execute: function(input) {
    var url = "http://www.torrentreactor.net/search.php?words={QUERY}&search=&x=0&y=0";
    
    var paper;
    paper = input.text;
    
    for(var i=0; i<paper.length; i++)
      paper = paper.replace(" ", "+");
    url = url.replace("{QUERY}", paper);
   
    Utils.focusUrlInBrowser(url);
  }
});

//http://engdic.daum.net/dicen/search_result_total.do?type=en&q=abc

CmdUtils.CreateCommand({
  name: "dic",
  description: "Daum 사전 검색",
  takes: {"paper": /.*/},
  preview: function(pblock, input) {
      pblock.innerHTML = "검색할 단어은 <b>" + input.text + "</b>.";
  },
  execute: function(input) {
    var url = "http://engdic.daum.net/dicen/search_result_total.do?type=en&q={QUERY}";
    
    var paper;
    paper = input.text;
    
    for(var i=0; i<paper.length; i++)
      paper = paper.replace(" ", "+");
    url = url.replace("{QUERY}", paper);
   
    Utils.focusUrlInBrowser(url);
    displayMessage(paper);
  }
});

//http://search.naver.com/search.naver?where=nexearch&query=abc&x=13&y=18&sm=top_hty&fbm=1

CmdUtils.CreateCommand({
  name: "naver",
  description: "네이버 검색",
  takes: {"paper": /.*/},
  preview: function(pblock, input) {
      pblock.innerHTML = "검색할 단어은 <b>" + input.text + "</b>.";
  },
  execute: function(input) {
    var url = "http://search.naver.com/search.naver?where=nexearch&query={QUERY}&x=13&y=18&sm=top_hty&fbm=1";
    
    var paper;
    paper = encodeURIComponent(input.text);
    
    url = url.replace("{QUERY}", paper);
   
    Utils.focusUrlInBrowser(url);
  }
});

//http://social.msdn.microsoft.com/Search/en-US/?query=wm_mousemove&ac=3

CmdUtils.CreateCommand({
  name: "msdn",
  description: "MSDN 검색",
  takes: {"paper": /.*/},
  preview: function(pblock, input) {
      pblock.innerHTML = "검색할 단어은 <b>" + input.text + "</b>.";
  },
  execute: function(input) {
    var url = "http://social.msdn.microsoft.com/Search/en-US/?query={QUERY}&ac=3";
    
    var paper;
    paper = encodeURIComponent(input.text);
    
    url = url.replace("{QUERY}", paper);
   
    Utils.focusUrlInBrowser(url);
  }
});

앞으로도 계속 추가되는데로 업데이트 할 예정이다. 참고로 만일 검색하고 싶은 텍스트를 블럭설정하면 그냥 명령어만 쓰면 검색이 가능하다. 예를 들어, "소녀시대"를 네이버에서 검색하고 싶으면 "소녀시대"를 블럭설정하고 Ctrl+Space를 누르면 ubiquity에 다음처럼 명령어 뒤에 네모박스에 블럭설정한 키워드가 나온다.

그림3. 키워드를 블럭 설정했을 때의 모습

참고로 기존의 키워드가 있는 상태에서 다른 키워드를 입력해서 바로 엔터를 치는 경우, 키워드가 적용이 안되는 경우가 있다. 그럴때는 맨 뒤에 스페이스바를 누르거나 방향키를 누르면 해결된다.

저작자표시 비영리 동일조건

posted by 스펜서.

파이어폭스3 사용중인 플러그인

Web 2008. 8. 28. 12:34

연구실 형의 소개로 파이어폭스를 사용하고 있다.

완전 반했다. 정말 대단한 프로그램인것 같다. 웹이 기존의 1.0의 시대에서 2.0의 동적인 사이트로 변화해 가면서 웹브라우져도 똑똑해 지는 것 같다.

웹 기술의 여러가지를 사용해서, 참 많은 부가 기능을 추가할 수 있다.

예를 들어, 손쉽게 검색을 한다든가, 아님 다른 사이트의 특정 정보만을 본다든가, 메일을 확인한다든가 하는 행동을 쉽게 제공한다. 하루중 가장 많이 켜놓고 있는 프로그램이 브라우저인데 이렇게 많은 편의를 제공하면, 어찌 사용하지 않을 수 있을까?

다음은 현재 사용하는 플러그인 종류이다.

Better Gmail2 : Gmail을 사용하는 사용자로써, 참 편하다. Gmail의 웹 인터페이스는 사실 좀 구리다. 촌스럽기 짝이 없는데, 이 플러그인을 설치하면 아름다운 웹 페이지로 바뀐다.

FireGesture : 마우스 우클릭 모션을 인식해서 특정 기능을 수행하는 플러그인이다. 마치 알툴바의 마우스 액션과 같은 기능이다.

Foxmarks Bookmark Synchronizer : Foxmarks라는 사이트와 함께 연동해서 실행되는 플러그인이다. 이 플러그인은 즐겨찾기의 내용을 동기화 해주는데, 동기화된 내용은 www.foxmarks.com에 가서 확인 할 수 있다.

Gmail Notifier : Gmail에 새로운 메일이 오게되면 이를 알려주는 플러그인이다.

IE Tab : 우리나라는 IE 천국이라서 파이어폭스에서 볼 수 없는 페이지가 많다. 특히, ActiveX가 설치된 사이트의 경우가 그렇다. 이 플러그인은 이 페이지를 IE 엔진을 통해서 렌더링 하기 때문에 아무런 문제없이 렌더링을 해 준다.

Ubiquity : 내가 본 최고의 플러그인. 리눅스나 유닉스와 같이 커맨드를 입력해서 특정 기능을 수행하는 플러그인이다. 이 플러그인은 컨트롤 스페이스를 눌러스 입력하게 되는데, 정말 편리하다.

Ubiquity for Firefox from Aza Raskin on Vimeo.

이 동영상은 Ubiquity의 시연 동영상이다. 이거 보고 완전 황홀했다.

posted by 스펜서.

브라우저 표준 테스트

Web 2007. 12. 22. 11:53

최근 개발중인 익스플로러8이 브라우저 표준 테스트인 The Acid 2 Test를 통과했다고 한다.

The Acid 2 Test
http://www.webstandards.org/files/acid2/guide.html

몬가 하니... 페이지에 표준에 관련된 CSS/HTML을 모아놓고 이 화면이 목표한 화면이랑 잘 나오는지 비교하는 테스트 이다.

posted by 스펜서.

이전 1 다음

일	월	화	수	목	금	토
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

Keep it simple, Stupid !!!

검색결과 리스트

Web에 해당되는 글 6건

글

다음 영어사전 Ubiquity 명령어

설정

트랙백

댓글

글

jQuery 탭 컨트롤

설정

트랙백

댓글

글

자꾸만 까먹는 웹 개발 소스 및 링크

설정

트랙백

댓글

글

Ubiquity 내가 만든 명령어

설정

트랙백

댓글

글

파이어폭스3 사용중인 플러그인

설정

트랙백

댓글

글

브라우저 표준 테스트

설정

트랙백

댓글

CATEGORY

TAG

RECENT POSTS

RECENT COMMENT

NOTICE

MY LINK

ARCHIVE

calendar

검색

COUNTER

티스토리툴바