'유용한정보'에 해당되는 글 173건

  1. 2011/07/12 Travel Explorer 모집 (모두투어)
  2. 2010/09/14 용서의 기술 - 루이스 스머즈
  3. 2010/08/20 HTC Desire에서 HTC Sync 에러 해결 (2)
  4. 2010/08/18 스위치를 켜기 위해 해야할 일들은 무엇인가?
  5. 2010/08/03 IE8 에서 쿠키삭제
  6. 2010/08/03 녹즙의 효능 6가지
  7. 2010/08/03 파이어폭스 로딩 속도 개선을 위한 파일
  8. 2010/07/07 geolocation API로 현재 위치 알아보기
  9. 2010/07/07 style 속성에서 IME 모드
  10. 2010/06/30 IE6에서 div가 select에 가려지는 현상 해결법
  11. 2010/06/30 Fatal error: Allowed memory size of 8388608 bytes exhausted
  12. 2010/05/26 Firefox 아이폰 모바일 웹 뷰어 만들기 / 아이폰 모바일 웹 개발
  13. 2010/05/26 모바일웹으로 티스토리 보기
  14. 2010/05/26 [JQUERY] Rolling Banner Script (1)
  15. 2010/05/26 [JQUERY] JQuery Rolling Example
  16. 2010/05/24 [JQUERY] FORM CHECK - 등록폼/로그인폼/가입폼 등등 응용가능
  17. 2010/05/24 부하직원이 당신을 따르지 않는 이유
  18. 2010/05/19 [JavaScript] 사용자의 모니터 화면 크기에 맞추는 스크립트
  19. 2010/05/13 파워포인트(ppt) 용량줄이기
  20. 2010/05/13 [MySQL] PROCEDURE ANALYSE, EXPLAIN

Travel Explorer 모집 (모두투어)

유용한정보/이벤트 2011/07/12 14:51

저작자 표시 비영리 변경 금지
Creative Commons License
Creative Commons License
Trackback 0 : Comment 0

용서의 기술 - 루이스 스머즈

유용한정보/도서 2010/09/14 08:24
용서의기술심리학자의용서프로젝트
카테고리 인문 > 심리학 > 교양심리
지은이 딕 티비츠 (알마, 2008년)
상세보기

용서를 베푸는 사람은 그 용서의 행위를 통해 가장 먼저 혜택을 받는다

상처를 입힌 상대는 모르고 있을 수도 있으니 용서가 당신을 자유롭게 한다

 

1부 마음의 참 평안을 얻는, 용서 프레젠테이션

 

용서는 첫 단계는 `상처'를 인식하는 단계이다

두 번째 단계는 `미움'의 단계이다

세 번째 단계는 `치유'의 단계이다

네 번째 단계는 `여합'의 단계이다 (상대나 상황을 수용함)

 

우리는 오직 `사람'만 용서할 수 있다

설령 환경이 우리를 아프게 한다 할지라도 `환경'을 용서할 수는 없다

`용서'는 오직 인간만을 대상으로 사용될 수 있다

아픔을 느끼는 사람이 자기에게 아픔을 준 사람을 용서할 때에 

치유의 기적이 발생한다

 

세상 모든 사람이 우리를 위해 사는 것도 아니며,

우리 감정을 세심하게 배려하는 것도 아니다

 

당신은 상처를 분류하는 법을 배워야 한다

그래서 당신의 인간적 연약함에서 유래한 고통과 

부당한 공격의 과녁이 됨으로써 발생한 고통의 차이를 분명히 구별해야 한다

 

부당한 상처의 5가지 사례

1.의도적으로 남을 아프게 하는 경우

2.자신을 통제하지 못해서 남에게 상처를 주는 경우

3.자신의 문제를 이기지 못해서 남에게 상처를 주는 경우

4.본의 아니게 남에게 상처를 주는 경우

5.자신의 실수로 남에게 상처를 주는 경우

 

증오와 분노를 혼동하면 안 된다

분노엔 치유가 필요하지 않지만 증오엔 치유가 필요하기 때문이다

건강한 분노는 우리를 화나게 만든 상황을 변화시킨다

분노는 우리에게 에너지를 공급하여 

상황을 더욱 건설적으로 만들어나가게 할 수도 있다

그러나 증오는 상황을 악화시키기만 바란다

 

증오가 질명의 차원으로 심화되는 까닭

우리가 증오하는 것은 `악'이 아니라 `사람'이기 때문에

우리가 사랑하는 사람들을 향해 증오의 화살을 겨누기 때문에

우리가 사람들을 비난하며 증오하기 때문에

 

당신의 증오심을 제때에 치료하지 않는다면 

그것이 기어이 당신을 해치고 말 것이다

증오를 방치하면 그 증오는 반드시 당신을 죽이고 말 것이다

 

용서는 증오의 독성을 제거하는 해독제이다

우리가 아주 미세하나마 상대방이 잘되기를 바라는 마음을 느낄 때

용서하기 시작한 것이다

용서를 통해서 고통스러운 기억을 치유받을 수 있다

 

용서와 잊는 것은 다르다

과거의 일을 잊지 않았다 하더라도 당신의 용서는 진실할 수 있다

용서와 비난하지 않는 것은 다르다

상대에게 책임이 있다고 생각되어 그를 비난하고 싶을 때 용서하는 것이다

용서와 갈등을 덮어두는 것은 다르다

갈등을 덮어버리는 것은 용서할 수 있는 기회를 박탈하는 것이다

용서와 상대방을 수용하는 것은 다르다

타인이 당신에게 도저히 수용할 수 없는 일을 저질렀을 때 용서하는 것이다

용서와 묵인하는 것은 다르다

용서는 부당한 행위를 묵인하는 것을 전제로 하지 않는다

 

2부 용서하기 어려운 사람들에 대한 용서의 기술

 

당신은 당신에게 아픈 상처를 주었지만 얼굴을 볼 수 없는 사람들,

보이지 않는 사람들을 용서할 수 있는가?

무엇보다도 우리 자신을 용서하는 것이 가장 어렵다

 

우리는 상대방을 잘 알고 있다고 생각하지만 

근본적으로 생각하면 서로가 서로를 잘 모른다

모든 사람들이 내게 낯설듯 나 또한 모든 사람들에게 낯설다

 

용서는 과정이다

가장 중요한 단계는 용서하는 사람의 기억이 치유된다는 것이다

 

당신은 자신을 기꺼이 용서할 수 있는가?

자신을 용서하는 데는 대단한 용기가 필요한다

과거의 실수를 정직하게 바라보고 그것을 있는 그대로 인정하지 않으면

진정한 의미의 자기 용서는 불가능하다

당신이 과거에 저질렀던 잘못은 당신의 현재 모습과 전혀 상관이 없다

당신의 과거는 현재 당신이 자신에 대해 느끼는 감정과 무관하다

 

자기 용서의 자세

정직해야 한다

명석한 두뇌가 필요하다 (자기 용서와 자부심을 구분해야)

용기가 필요하다 (사랑의 용기)

구체적이어야 한다

사랑에서 나온 과감한 행위로 당신의 자기 용서 행위를 확증해야 한다

 

진정한 용서는 쓰라린 과거의 고통을 치유하는 치료제이기 때문에

어떤 잘못을 저지른 인간이라도 용서받을 수 있다는 사실을 부정하면 안 된다

 

1.천천히 용서한다

  용서에는 시간이 필요하다

2.약간의 이해심으로 용서에 접근한다

  당신을 아프게 한 사람을 조금이라도 이해하면 용서의 가능성이 높아진다

3.혼란을 감수하면서 용서한다

  용서에 능숙한 자는 아무도 없다

4.노여움의 감정이 있더라도 용서한다 (앙심은 포기)

  마음에 분노가 남아 있더라도 충분이 용서할 수 있다

5.한 번에 조금씩 용서한다

  조금씩 구체적으로 용서한다

6.오로지 자유롭게 용서한다

  자유의지에 의해 용서해야 한다 (스스로 용서)

7.기초적인 느낌으로 용서해야 한다 (용서받았다는 기초적 느끼)

 

상처를 당했을 때 약간의 시간을 갖고 생각하라

통찰력을 가지라

그러면 우리 자신의 모습과 우리에게 아픔을 준 상대방의 모습을 

좀더 겸손하게 바라볼 수 있을 것이다

 

상대를 완전히 용서하기까지는 오랜 시간이 걸린다

용서의 기적이 눈 깜짝할 사이에 일어나는 것은 아니다

 

기초적인 느낌은 인생의 모든 것을 변화시킨다

당신은 완전히 받아들여졌고, 전적으로 사랑을 받는다고 느끼고

전적으로 인정받는다고 느낀다 (무엇도 당신을 아프게 할 수 없다)

마음의 문을 열어놓았을 때 그 느낌이 당신을 찾아온다

 

복수는 문제를 수반한다

복수는 절대 무승부를 기록할 수 없다

용서는 우리를 과거의 고통스러운 순간으로부터 이동시켜 복수라는 

연쇄반응의 고리를 벗겨내 가해자와 피해자 쌍방이 새로운 길을 

시작할 수 있는 새로운 환경을 창조해내는 창의적인 힘을 소유하고 있다

 

상처받은 사람은 불공평하게 대접받았다는 사실 때문에 고통을 당한다

고통은 자기 스스로를 치유할 수 없다

고통은 치유하기 위한 유일한 길은 

당신에게 아픔을 준 그사람을 용서하는 것이다

 

값싸게 베풀어진 용서는 위험하다 (무분별한 용서)

상대에게 은혜를 베푼다는 것은 일종의 위험부담을 감수하는 것이다

과거의 참상에 대한 기억을 구원의 기억으로 전환시켜라

 

용서는 현실주의이다

용서는 자기 기만을 분쇄하고 현실을 바라보는 능력과 더불어 시작된다

용서는 자유다

이 세상 누구도 당신에게 용서를 강요할 수 없다

용서할 때 우리는 억울하고 부당학 당한 상처를 치유할 수 있다

 

제4부 왜 용서의 기술을 배워야 하는가?

 

1.용서는 인생을 더욱더 공평하게 만들기 때문에

2.용서는 유익한 위험부담이기 때문에 (고거의 참담함 기억을 잊을 수 있다)

3.용서는 더 강하기 때문에 (용서가 증오보다 강함)

4.용서는 그릇된 사람을 바로잡기 때문에

저작자 표시 비영리 변경 금지
Creative Commons License
Creative Commons License
Trackback 0 : Comment 0

HTC Desire에서 HTC Sync 에러 해결

유용한정보/프로그램 2010/08/20 08:23
어제 하루 종일 usb 케이블 뺏다 꼽았다 컴퓨터 재부팅을 수십번...

인터넷을 찾아봐도 window7에서의 에러 해결만 수두룩...

가끔 xp에러에 대한 해결책을 봐도 동일한 내용..ㅠㅠ

괜히 디자이어 샀나라는 생각이 문듯..

재부팅하면 한번 연결되었다가 끊었다가 재연결하면 또 안된다.

아놔~왜 안되는거지?? 이렇게 고민만 반나절..쩝~

개발자인 내가 사용하는 다른 프로그램과 충돌인가 싶어서 하나씩 죽여가며 테스트..

그래도 안된다..좌절하기 일보직전...

혹시 eclipse와 관련이 있나 싶어 이클립스 실행전 해봤더니 잘 된다.

그리고 이클립스 실행후 해봤더니 또 안된다..

흐흐~반나절만에 해결책을 찾은듯...

android 개발시 adb 라는 파일을 백그라운드로 실행이 되는데 이 파일과 HTC Sync 프로그램과 충돌이 발생한다.

왜 이런 부분을 HTC에서 몰랐는지..쩝~

혹시 저와 같은 문제를 겪고 계신분들..저처럼 삽질하지 않길 바라는 마음으로..이렇게 글을 올립니다.

아..이클립스 사용중에는 동기화 되지 않습니다. 둘중에 하나만 선택해서 작업하셔야 한다는것 명심하세요!!

이클립스 사용 종료후 동기화를 하실려면 프로세스 관리자에서 adb.exe 파일을 죽인다음 동기화하시면 잘 되실겁니다.

그럼...^^

p.s) XP / IE6 / eclipse Galileo / HTC Sync, 버전: 2.0.34
저작자 표시 비영리 변경 금지
Creative Commons License
Creative Commons License
Trackback 0 : Comments 2

스위치를 켜기 위해 해야할 일들은 무엇인가?

유용한정보/도서 2010/08/18 08:33

스위치손쉽게극적인변화를이끌어내는행동설계의힘 상세보기


● 인상깊은구절
강력한 비전은 물론 중요하다. 그러나 그것만으로는 충분하지 않다.
큰 그림만 보는 무간섭주의 리더십은 변화의 상황에서 효과를 발휘하지 못할 가능성이 크다.

행동으로 가기 위한 본질은 '즉각적 습관' 만들기이다.

현상유지가 편안하고 안정적으로 느껴지는 것은 이미 선택이 상당부분 내려진 상태이기 때문이다.

우리는 모두 자기통제에 관한 한 늘 빠져나갈 길을 열어두는 변호사와 같다.

"자제력은 소모성 자원이다."

"게으름으로 보이는 것은 종종 탈진의 문제다."

"저항으로 보이는 것은 종종 명확성 결핍의 문제다."

● 독후감
올 여름 휴가때 CEO들이 반드시 읽어야 할 책에 선정된 책이다.

그 정도로 훌륭한 리더쉽을 키울수 있는 레퍼런스라 생각하고 읽었는데 역시..

나의 변화가 아닌 타인의 변화를 이끌어내는 힘,

리더가 되려는 사람에게 필요한 책이 아닌가 싶다.

결정과 변화를 이끌어내기 위해서, 즉 스위치를 켜기 위해서는
우리의 기수와 코끼리를 움직이게 해야 한다.

여기서 기수는 머리(이성)고, 코끼리는 마음(감성)을 의미한다.

이 책에서는 기수, 코끼리, 지도 등 세가지를 잘 다루면 타인의 변화를 이루어낼 수 있다고 한다.

1부. 기수에게 방향을 제시하라.(기수는 '계획자'의 역할을 한다.)

기수는 문제의 밝은 점을 찾아내 전파시키고 구체적인 행동 메시지를 전달하며,
코끼리에게 매력적인 목적지를 제시해줄 수 있어야 한다.

2부. 코끼리에게 동기를 부여하라.(코끼리는 '행위자'의 역할을 한다.)

기수는 코끼리가 감성에 충실하기 때문에 보고-느끼면서 변화할 수 있음을 알아야 한다.
위급한 상황을 연출해보기도 하고 긍정적인 생각을 고취시키며,
작은 성공으로 시작하여 큰 성공에 달성할 수 있도록 도와줄 수 있어야 한다.
또한 자부심, 정체성 등을 수립함으로써 코끼리의 성장을 도울 수 있다.

3부. 지도를 구체화하라.

구체적인 행동제시, 행동에 대한 긍정적 피드백, 체크리스트의 마법,
상상하는 대로 행동하게 되는 행동계기의 가치 등을 제시하여
목표달성에 가깝게 다가가는 방법을 제시한다.


'스위치'의 장점은 매우 풍부하고 구체적인 예시와 몇 가지 문제점에 대해 위 이론을 접목하여 해결방안을 모색하는 '클리닉'섹션에 있다.

'딸각'하는 순간 불이 밝혀지는 스위치처럼 내 행동의 불빛이 켜지는 순간 역시 오리라.

다만 무엇을 어떻게 변화시킬 것인지 생각해봐야 할 문제일 것이다.
저작자 표시 비영리 변경 금지
Creative Commons License
Creative Commons License
Trackback 0 : Comment 0

IE8 에서 쿠키삭제

유용한정보 2010/08/03 10:57

IE8에서 쿠키와 임시 인터넷 파일을 삭제하고자 할 경우

[도구 > 인터넷 옵션 > 삭제버튼]

'즐겨찾기 웹 사이트 데이터 보존' 의 체크를 해제


 

저작자 표시 비영리 변경 금지
Creative Commons License
Creative Commons License
Trackback 0 : Comment 0

녹즙의 효능 6가지

유용한정보 2010/08/03 08:21
녹즙의 효능 6가지


녹즙의 효능 1. 체질개선
녹즙의 풍부한 알카리성 미네랄과 혈액 중의 산성요소를 중화하는 작용들은 산성체질을 알칼리성 체질로 개선시켜 주는 효능이 있습니다.


녹즙의 효능 2. 해독작용
녹즙에 풍부하게 함유되어 있는 비타민, 미네랄, 알칼로이드 등은 몸속의 독들을 해독하고 배출해주는 효능이 있습니다.


녹즙의 효능 3. 면역력강화
녹즙은 산성체질의 몸을 알칼리성 체질로 바꾸어 주는 효능이 있어 면역력을 강화시켜주어 알러지, 감기 등과 같은 각종 질병을 예방해주는 효능이 있습니다.


녹즙의 효능 4. 노화방지
녹즙속의 살아 있는 풍부한 영양들이 세포들의 활성화 시켜주어 노화를 지연시켜주는 효능이 있습니다.


녹즙의 효능 5. 항산화작용
녹즙에 함유되어 있는 베타카로틴, 비타민C, 플라보노이드 등의 항산화물질이 활성산소를 제거해주는 효능이 있어 각종질환을 예방하고 치료하는데 좋습니다.


녹즙의 효능 6. 항암작용
녹즙에 함유되어 있는 베타카로틴은 면역반응을 증가시키고 암 억제 유전자를 보강하는 작용을 하고, 비타민C는 발암물질의 생성을 억제하는 효능이 있습니다.

저작자 표시 비영리 변경 금지
Creative Commons License
Creative Commons License
Trackback 1 : Comment 0

파이어폭스 로딩 속도 개선을 위한 파일

유용한정보/프로그램 2010/08/03 07:50
파이어폭스를 사용하다보면 프로파일 데이터베이스가 조각나서 속도가 느려진다고 하네요.
조각난 데이터베이스를 복구하고 최적화시켜 파이어폭스의 속도를 개선시켜주는 프로그램입니다.
파이어폭스가 원래 빠르지만, 최적화를 하고 나니 눈에 띄게 로딩 속도가 빨라졌습니다.


프로그램 :

홈페이지 : http://www.crystalidea.com/speedyfox


프로그램을 실행시키면 현재 사용중인 프로파일과, 경로를 자동으로 읽어옵니다.
Speed Up My Firefox! 버튼만 눌러주면 됩니다.
단, 주의하실 점은 반드시 모든 파이어폭스 창을 닫은 상태로 실행시키셔야 합니다.
파이어폭스가 열려 있으면 에러가 뜨면서 실행이 중지됩니다.
저작자 표시 비영리 변경 금지
Creative Commons License
Creative Commons License
Trackback 0 : Comment 0

geolocation API로 현재 위치 알아보기

유용한정보/프로그램 2010/07/07 08:45
geolocation API로 현재 위치 알아보기

Here’s code for finding the location of your user in the iPhone 3.0 version of Safari:

<script type="text/javascript">
if (navigator.geolocation) {
  /* geolocation is available */
  alert("geolocation is available");
  navigator.geolocation.getCurrentPosition(foundLocation, noLocation);
} else {
  alert("I'm sorry, but geolocation services are not supported by your browser.");
}

function foundLocation(position)
{
  var lat = position.coords.latitude;
  var long = position.coords.longitude;
  alert('Found location: ' + lat + ', ' + long);
}
function noLocation()
{
  alert('Could not find location');
}
</script>

reference site: http://mapscripting.com/how-to-use-geolocation-in-mobile-safari
저작자 표시 비영리 변경 금지
Creative Commons License
Creative Commons License
Trackback 0 : Comment 0

style 속성에서 IME 모드

유용한정보/프로그램 2010/07/07 08:32

style 속성에서 IME 모드

ime-mode: auto # 한/영 중 선택된 모드
ime-mode: active # 기본 한글모드
ime-mode: inactive # 기본 영문모드
ime-mode: disabled # 무조건 영문(한글불가)


저작자 표시 비영리 변경 금지
Creative Commons License
Creative Commons License
Trackback 0 : Comment 0

IE6에서 div가 select에 가려지는 현상 해결법

유용한정보/프로그램 2010/06/30 14:59
인터넷 익스플로러6에서 absolute 등으로 부유된 div가 select에 가려지는 현상에 곤욕을 치루는 경우가 많다. IE6은 div보다 select를 우선으로 처리하기 때문인지라 자바스크립트를 사용해 div가 부유될 경우 select를 강제로 숨겨주는 등의 기법이 알려져 있다.


▲ 일반 브라우저에서 정상 출력되는 모습(좌) / IE6에서 select에 가려진 현상(우)

하지만 css만으로도 div가 select에 가려지지 않게 만들 수 있다. 해답은 비어있는 iframe 을 부유된 div와 같은 위치로 넣으면 된다는 것.

위 예제의 코드는 아래와 같다.

<div style="position:relative;">
    <div style="position:absolute; background:#e9e9e9; border:1px solid #000; height:100px; width:100px; padding:10px;">
        내용
    </div>
</div>
<br />
<br />
<select>
    <option>어쩌구 어쩌구 어쩌구 어쩌구</option>
</select>

해결책

여기에 아래와 같이 굵은 글씨로 된 코드처럼 비어있는 iframe을 부유된(absolute) div와 같은 사이즈로 추가하면 된다.

<div style="position:relative;">
    <iframe style="position:absolute; background:#e9e9e9; height:102px; width:102px; padding:10px;"></iframe>
    <div style="position:absolute; background:#e9e9e9; border:1px solid #000; height:100px; width:100px; padding:10px;">
        내용
    </div>
</div>
<br />
<br />
<select>
    <option>어쩌구 어쩌구 어쩌구 어쩌구</option>
</select>

(위 예제에서는 iframe의 높이와 너비에 border를 안 쓰는 대신 2px씩 늘려줬다)


제대로 했다면, 위 화면 처럼 IE6에서도 원하는 결과물을 얻을 수 있을 것이다.


단점과 한계

absolute된 div의 너비는 흔히들 지정하지만, 높이는 유동적인 경우 때문에 지정하지 않는 경우가 많다. 그러나 위 예제에서 사용된 iframe에는 div처럼 내용을 넣을 수 없을 뿐더러 내용을 넣는다 하더라도 높이가 변하지 않는 문제가 있다.

따라서 이 해결책은 높이가 어느정도 제한되어 있는 경우에만 사용하길 추천한다.
저작자 표시 비영리 변경 금지
Creative Commons License
Creative Commons License
Trackback 0 : Comment 0

Fatal error: Allowed memory size of 8388608 bytes exhausted

유용한정보/프로그램 2010/06/30 13:13

Fatal error: Allowed memory size of 8388608 bytes exhausted ...

이는 php.ini 에서 설정한 메모리의 크기보다 페이지에서 사용하는 메모리가 더 크기 때문에 나타납니다.

제가 겪은 경우는 웹메일 프로그램에서 첨부파일을 다운받으려 할 때 이런 에러가 떨어졌는데요.

php.ini 에서 memory_limit 값을 수정해 줄 수도 있지만 이런 경우 첨부 파일 사이즈에 따라 memory_limit 값을 다르게 넣어줘야

하는 문제가 생길 수 있으므로 이럴 때는 아래의 방법을 권장합니다.

소스 최상단에 해당 코드를 ini_set('memory_limit', -1); 를 추가해 주시면 됩니다.

저작자 표시 비영리 변경 금지
Creative Commons License
Creative Commons License
Trackback 0 : Comment 0

Firefox 아이폰 모바일 웹 뷰어 만들기 / 아이폰 모바일 웹 개발

유용한정보 2010/05/26 20:17
아이폰 / 아이팟 모바일 웹페이지를 제작할때

아이폰에서 만들면서 확인하기란 여간 귀찮은일이 아니다.

코딩하고 아이폰 보고 코딩하고 아이폰 보고 하는 귀찮은일을 덜 수 있는 방법이 있다.  !

물론 100% 아이폰과 똑같이 나오진 않지만 꽤 훌륭하다.


(1) 일단 Firefox를 설치 한다.


(2) 주소창에 about:config 입력한다.






(3) 위와 같은 설정 목록이 나타나면 아무 곳에서나 마우스 오른클릭을 하고, 다음 그림과 같이 [새로 만들기] > [문자열]을 선택한다.



(4) "새 문자열 값"으로 "general.useragent.override"를 입력하고 [확인]을 누른다.

(5) 이어 나타나는 "문자열 값 입력'에는 아래 값을 입력하고 [확인]을 누른다.

Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_1_2 like Mac OS X; ko-kr) AppleWebKit/528.18 (KHTML, like Gecko) Version/4.0 Mobile/7D11 Safari/528.16

입력을 해주면 당신의 Firefox 브라우져는 서버에서 아이폰으로 들어온걸로 인식을 하게 된다.







(6) 새로 입력한 설정 항목이 추가되면 끝이다. 그럼 Firefox 켜고 아이폰 / 아이팟 전용 사이트를 들어가보자!


이제 주소 입력줄에 "google.co.kr"를 입력하고 접속해 보면 아이폰 또는 아이팟 터치에 맞춰진 구글 사이트가 나타나는 것일 확인할 수 있다.
저작자 표시 비영리 변경 금지
Creative Commons License
Creative Commons License
tags : FF, firefox, iphone, mobile
Trackback 1 : Comment 0

모바일웹으로 티스토리 보기

유용한정보 2010/05/26 19:53

요즘에 핸드폰 혹은 아이폰을 이용한 모바일 웹뷰어(SKT) 또는 웹서핑(KTF), OZ (LGT)를 이용자가 늘고 있습니다.

팁이기는 하지만 티스토리로 구축된 블로그 사이트들은 핸드폰을 통해 웹을 보시기 편하게 rss를 별도로 제공하고 있습니다.

이때는 티스토리 계정명이후에 /m 을 추가하면 핸드폰에서 블로그를 보다 큰 글씨로 편하고 보실 수 있습니다.

예를 들면 핸드폰에서 URL 입력에서 http://snazzy79.tostory.com/m 입니다.

저작자 표시 비영리 변경 금지
Creative Commons License
Creative Commons License
tags : mobile, 모바일
Trackback 0 : Comment 0

[JQUERY] Rolling Banner Script

유용한정보/프로그램 2010/05/26 16:29
ajax 및 JQUERY로 작업된 롤링 스크립트 입니다.

배너 및 기타 사진 서비스시 유용하게 사용될 것 같아서 공유하고자 합니다.

그럼..휘리릭~~ㅎㅎ
저작자 표시 비영리 변경 금지
Creative Commons License
Creative Commons License
Trackback 1 : Comment 1

[JQUERY] JQuery Rolling Example

유용한정보/프로그램 2010/05/26 09:11

Reference Site: http://songsungkyun.cafe24.com/interpark/JQueryRolling.html

JQuery Rolling

download jquery.rolling.js mail:songsungkyun@naver.com

Thanks to Kevin Cheung, Wilson Smith.
- modified setRollingAnimationFrame method 20080601

Examples
Basic Example
Rolling Large Images Example
Rolling Other HTML Content Example
Rolling Mouse Event Example
Rolling Several Items/Reverse Example
Rolling With Some Effect Example
Interactive Rolling Example1
Interactive Rolling Example2
Interactive Rolling Example3
Interactive Rolling Example4
Generating Rolling Example



저작자 표시 비영리 변경 금지
Creative Commons License
Creative Commons License
Trackback 1 : Comment 0

[JQUERY] FORM CHECK - 등록폼/로그인폼/가입폼 등등 응용가능

유용한정보/프로그램 2010/05/24 17:15

참고사이트: http://www.position-relative.net/creation/formValidator/

JQUERY를 이용한 폼체크 샘플입니다.

유용하게 사용되어질 것으로 생각됩니다.으흐흐~~

주의: FORM ID값은 꼭 table 밖에 명시해야만 크롬/FF 에서 정상적으로 작동한다는 것..ㅋㅋ
       아놔~이것땜시 또 몇시간을 허비..쩝~

소스설명:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title>Jquery Inline Form Validation Engine</title>
    <link rel="stylesheet" href="validationEngine.jquery.css" type="text/css" media="screen" title="no title" charset="utf-8" />
    <link rel="stylesheet" href="template.css" type="text/css" media="screen" title="no title" charset="utf-8" />
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
    google.load("jquery", "1");
    google.load("jqueryui", "1");
    </script>
    <!-- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script> -->
    <script src="jquery.validationEngine-en.js" type="text/javascript"></script>
    <script src="jquery.validationEngine.js" type="text/javascript"></script>

    <script type="text/javascript">
    $(document).ready(function() {
      // SUCCESS AJAX CALL, replace "success: false," by:     success : function() { callSuccessFunction() },
      $("#formID").validationEngine()
    });
  </script>
  </head>
  <body>
    <p><a href="#" onclick="alert($('#formID').validationEngine({returnIsValid:true}))">Return true or false without binding anything</a> |
    <a href="#" onclick="$.validationEngine.buildPrompt('#formID','This is an example','error')">Build a prompt on a div</a> |
    <a href="#" onclick="$.validationEngine.loadValidation('#date')">Load validation date</a> |
    <a href="#" onclick="$.validationEngine.closePrompt('.formError',true)">Close all prompt</a></p>
    <form id="formID" class="formular" method="post" action="">
      <fieldset>
        <legend>User informations</legend>
        <label>
          <span>Desired username (ajax validation, only karnius is available) : </span>
          <input value="" class="validate[required,custom[noSpecialCaracters],length[0,20],ajax[ajaxUser]]" type="text" name="user" id="user" />
        </label>
        <label>
          <span>First name (optional)</span>
          <input value="cedric"  class="validate[optional,custom[onlyLetter],length[0,100]] text-input" type="text" name="firstname" id="firstname" />
        </label>
        <label>
          <span>Last name : </span>
          <input value=""  class="validate[required,custom[onlyLetter],length[0,100],funcCall[validate2fields]] text-input" type="text" id="lastname" name="lastname"  />
        </label>
        <div>
          <span>Radio Groupe : <br /></span>
          <span>radio 1: </span>
          <input class="validate[required] radio" type="radio" name="data[User][preferedColor]"  id="radio1"  value="5">
          <span>radio 2: </span>
          <input class="validate[required] radio" type="radio" name="data[User][preferedColor]"  id="radio2"  value="3"/>
          <span>radio 3: </span>
          <input class="validate[required] radio" type="radio" name="data[User][preferedColor]"  id="radio3"  value="9"/>
        </div>
        <div>
          <span>Minimum 2 checkbox : <br /></span>

          <input class="validate[minCheckbox[2]] checkbox" type="checkbox"  name="data[User3][preferedColor]" id="data[User3][preferedColor]" value="5">

          <input class="validate[minCheckbox[2]] checkbox" type="checkbox" name="data[User3][preferedColor]" id="maxcheck2"  value="3"/>

          <input class="validate[minCheckbox[2]] checkbox" type="checkbox" name="data[User3][preferedColor]" id="maxcheck3"  value="9"/>
        </div>
        <label>
          <span>Date : (format YYYY-MM-DD)</span>
          <input value="1111-11-11"  class="validate[required,custom[date]] text-input" type="text" name="date"  id="date" />
        </label>
        <label>
          <span>Favorite sport 1:</span>
        <select name="sport" id="sport"  class="validate[required]"  id="sport"  >
          <option value="">Choose a sport</option>
          <option value="option1">Tennis</option>
          <option value="option2">Football</option>
          <option value="option3">Golf</option>
        </select>
        </label>
        <label>
          <span>Favorite sport 2:</span>
        <select name="sport2" id="sport2" multiple class="validate[required]"  id="sport2"  >
          <option value="">Choose a sport</option>
          <option value="option1">Tennis</option>
          <option value="option2">Football</option>
          <option value="option3">Golf</option>
        </select>
        </label>
        <label>
          <span>Age : </span>
          <input value="22"  class="validate[required,custom[onlyNumber],length[0,3]] text-input" type="text" name="age"  id="age" />
        </label>

        <label>
          <span>Telephone : </span>
          <input value="1111111111"  class="validate[required,custom[telephone]] text-input" type="text" name="telephone"  id="telephone" />
        </label>
      </fieldset>
      <fieldset>
        <legend>Password</legend>
        <label>
          <span>Password : </span>
          <input value="karnius"  class="validate[required,length[6,11]] text-input" type="password" name="password"  id="password" />
        </label>
        <label>
          <span>Confirm password : </span>
          <input value="karnius"  class="validate[required,confirm[password]] text-input" type="password" name="password2"  id="password2" />
        </label>
      </fieldset>
      <fieldset>
        <legend>Email</legend>
        <label>
          <span>Email address : </span>
          <input value="ced@hotmail.com"  class="validate[required,custom[email]] text-input" type="text" name="email" id="email" />
        </label>
        <label>
          <span>Confirm email address : </span>
          <input value="ced@hotmail.com" class="validate[required,confirm[email]] text-input" type="text" name="email2"  id="email2" />
        </label>
      </fieldset>
      <fieldset>
        <legend>Comments</legend>
        <label>
          <span>Comments : </span>
          <textarea value="ced@hotmail.com" class="validate[required,length[6,300]] text-input" name="comments" id="comments" /> </textarea>
        </label>

      </fieldset>
      <fieldset>
        <legend>Conditions</legend>
        <div class="infos">Checking this box indicates that you accept terms of use. If you do not accept these terms, do not use this website : </div>
        <label>
          <span class="checkbox">I accept terms of use : </span>
          <input class="validate[required] checkbox" type="checkbox"  id="agree"  name="agree"/>
        </label>
      </fieldset>
<input class="submit" type="submit" value="Validate & Send the form!"/>
<hr/>
</form>

  </body>
</html>

저작자 표시 비영리 변경 금지
Creative Commons License
Creative Commons License
Trackback 1 : Comment 0

부하직원이 당신을 따르지 않는 이유

유용한정보 2010/05/24 08:47

□ 회의 도중 엄청난 질타를 받게 되면 방패막이가 되는 대신 직원을 ‘희생양’으로 삼은 적이 있다.

 

□ 직원의 집에 초대를 받았는데 회사 일이 생겨 참석하지 못하면, 안도의 한숨을 내쉬게 된다.


□ 직원과 논의를 하다가 이야기가 길어지면 “그냥 시키는 대로 해!”라고 결론짓는 경우가 있다.


□ 자유롭게 의견을 말하라고 해놓고도 막상 부하 직원의 반대 의견을 들으면 화가 난다.


□ 공개적으로 부하 직원을 망신 주거나 깎아내린 적이 있다.


□ 부하 직원들이 당신만 빼놓고 맥주를 마시러 가면 상처를 받는다.


□ 모든 직원들이 찬성할 때까지 결정을 미루다 그들의 의견에 끌려 다닌 적이 있다.


□ 직원들이 일을 잘하고 있는지 확인하기 위해 휴가 중에도 수시로 전화를 한다. 


하나 이상의 항목에 체크했다면, 당신의 리더십은 위험에 처해 있는 것이라고 합니다.

저작자 표시 비영리 변경 금지
Creative Commons License
Creative Commons License
Trackback 0 : Comment 0

[JavaScript] 사용자의 모니터 화면 크기에 맞추는 스크립트

유용한정보/프로그램 2010/05/19 07:52
screen_width = screen.availWidth;
screen_height = screen.availHeight;

ex1)
function popup_open(){
  screen_width = screen.availWidth;
  screen_height = screen.availHeight;
  window.open("popup.htm",'popup','top=0,left=0,width='+scr_width+',height='+scr_height+',scrollbars=yes,status=yes');
}

ex2)
    var w = parseInt(top.document.getElementById(id).style.width);
    var h = parseInt(top.document.getElementById(id).style.height);
    var window_left = (screen.availWidth-w)/2;
    var window_top = (screen.availHeight-h)/2;

    if(id) {
        top.document.getElementById(id).style.display = '';
        top.document.getElementById(id).style.top = window_top+'px';
        top.document.getElementById(id).style.left = window_left+'px';
        top.document.getElementById(id).style.textAlign = 'center';
    }
저작자 표시 비영리 변경 금지
Creative Commons License
Creative Commons License
Trackback 0 : Comment 0

파워포인트(ppt) 용량줄이기

유용한정보/프로그램 2010/05/13 17:24
파워포인트 파일 용량 줄이기

1. 파워포인트 파일 열기
2. 메뉴에서  "파일" - "다른 이름으로 저장" 클릭
3. "다른 이름으로 저장" 윈도우에서 "도구" 메뉴에서(모두 활용하기)
4. 일단 첫번째 체크 사항!! "그림 압축" 선택
5. "적용대상" - "문서에 있는 모든 그림" 선택
6. 출력할 필요가 없을 경우 "해상도 변경" - "웹/화면" 선택
7. "옵션" - "그림 압축, 잘려진 그림 영역 삭제" 선택
8. "확인" 클릭
9. 그림압축 경고창이 뜨면 "적용" 클릭
10. 저장할 새로운 이름 지정
11. "저장" 클릭
저작자 표시 비영리 변경 금지
Creative Commons License
Creative Commons License
Trackback 0 : Comment 0

[MySQL] PROCEDURE ANALYSE, EXPLAIN

유용한정보/프로그램 2010/05/13 17:10

1. 테이블 칼럼 분석

mysql> select * from 테이블명 PROCEDURE ANALYSE();
출력된 결과에서 Optimal_fieldtype 타입을 확인하여 최적화시킨다

2. 쿼리 사용 분석

mysql> EXPLAIN SELECT * from user;
           EXPLAIN SELECT select_options;

각 칼럼의 의미
* table - 사용한 테이블. 조인일 경우는 행이 여러 개로 나온다.
* type - 가장 중요한 것 중에 하나이며, 조인이 사용되었는지 말해준다. 가장 좋은 타입부터 가장 나쁜 타입은 system, const, eq-ref, ref, range, index, all 이다. Type에 all이나 index, range 등이 보일 경우는 쿼리가 그다지 빠르지 않다는 것을 의미한다.

 system : 테이블이 하나의 레코드만 가지는 경우
 const : 테이블에 조건을 만족하는 레코드가 하나일 때, 상수 취급
 eq_ref : 인덱스가 UNIQUE이거나 PRIMARY KEY인 경우의 조인으로 const를 제외한 조인 중 가장 좋은 형태
 ref : eq_ref와 다른 점은 UNIQUE나 PRIMARY KEY가 아닐 경우 사용한다는 것.
 range : 조건에 레코드의 범위가 주어진 조인.
 index : all 형태와 비슷하며, 인덱스를 사용한다.
 all : 모든 레코드를 스캔한다.

* possible_keys - 사용 가능한 키(인덱스)
* key - 사용하고 있는 키(인덱스)
* key_len - 키가 사용된 길이. 작을수록 좋다(int는 4바이트, char(10)은 10바이트를 차지한다. 테이블에서 데이터형의 결정은 되도록이면 int나 smallint, medianint를 사용하는 것이 좋다).

ref - 칼럼이나 상수(const)가 사용되었는지 말해준다.
rows - 인덱스 범위를 나타낸다. 작을수록 역시 빠르다.
Extra - 정보- "using temporary"나 "using filesort"는 가장 좋지 않다.
distinct : 조건을 만족하는 레코드를 찾았을 때 같은 조건을 만족하는 또 다른 레코드가 있는지 검사하지 않음.
not exist : left join 조건을 만족하는 하나의 레코드를 찾았을 때 다른 레코드의 조합은 더 이상 검사하지 않는다.
range checked for each record : 최적의 인덱스가 없는 차선의 인덱스를 사용한다는 의미.
using filesort : mysql이 정렬을 빠르게 하기 위해 부가적인 일을 한다. (안쓰는게 좋다.)
unsing index : select 할때 인덱스 파일만 사용
using temporary : 임시 테이블을 사용한다. order by 나 group by 할때 주로 사용 (안쓰는게 좋다.)
where used : 조건을 사용한다는 의미.

저작자 표시 비영리 변경 금지
Creative Commons License
Creative Commons License
Trackback 0 : Comment 0
◀ PREV : [1] : [2] : [3] : [4] : [5] : ... [9] : NEXT ▶