메모장 썸네일형 리스트형 iframe 스크롤 색상 바꾸기 예제 첫번째 HTML의 TAG는 ------------------------------------------------------------------------------ ------------------------------------------------------------------------------- 와 같고. 위의 붉은색으로 표시된 부분이 iFrame 테그와 그 속성 지정 테그들. 다른 부분은 학생들마다 다를수 밖에 없을 듯. width : iFrame의 좌우 넓이 height : 상하 높이 frameborder : iframe의 테두리 보더 두께 id : iframe의 프로그래밍을 위한 ID name : iframe의 target 지정을 위한 이름 marginwidth, marginheigh.. 파이어폭스(FireFox,파폭)에서 임시파일을 [페이지 열 때마다] 로 변경하기 크로스브라우징...이젠 지친다... 1. 주소창에 about:config 를 입력한후, 고급기능 사용 동의를 클릭. 2.필터창에 browser.cache.check_doc_frequency 를 넣은후 값부분의 숫자(3)을 클릭. 3. 정수 값 입력창에 '1' 로 변경. - 관련 값 내용. 0: 현 브라우저 세션이 끝날때까지 한번만 체크 (파폭을 종료하기 전까지는 되도록 cache에서만 읽음) 1: 페이지에 들를때 마다 매번 체크 2: 체크하지 않음. (한번 cache되고 나면 늘 cache를 씀) 3 (기본 설정): 자동으로 주기적으로 체크 ie6에서 투명 png24 적용하기 익스플로6(ie6)에서는 투명PNG 파일이 배경이 생긴다. 아래그림은 png24를 ie6에서 보여지는 차이 (오른쪽 그림뒤에 연한 회색의 배경이 들어간 것을 볼 수 있다.) png24를 그림으로 보여줄 때 투명하게 만들기 (img src 사용) PNG24를 그림으로 보여줄 때 투명하게 만들기(img src 사용) 1. 사이에 있는 style 태그나 css 파일에 아래 내용을 더해 줍니다. .png24 { tmp:expression!!!(setPng24(this)); } 예) 2. 자주 쓰는 js 파일이나 사이에 아래 내용을 더해 줍니다. function setPng24(obj) { obj.width=obj.height=1; obj.className=obj.className.replace(/\bpng24\.. 엄마백통? 애기만두? 캐논 카메라 렌즈군 총 정리 이제 한 4년 정도 됐나? 싶다. 사진을 취미로 한지 말이다. 재미있다. 뿌듯하다. 보람있다. 계속 하고 싶다. . . . 이런 느낌, 생각이 계속 되고 있다.ㅎㅎ 허나...지금 내가 가지고 있는 카메라는??? 캐논의 보급기 400D ^^; 보유하고 있는 렌즈는 3개...였는데...지금은 두개 ㅋㅋㅋ(떨어트려서 개박살 났음...ㅜㅠ) 여튼...업그레이드 하고 싶다...ㅜㅠ 하지만...현실의 벽은 너무 높다... 왜이렇게 비싼 취미를 가졌지? 라며...되도 않는 후회도 잠깐 해본적 있다. ㅋ 사진에 점점 빠질때 쯤~~이런 생각을 한 적이 있다. 좋은 카메라를 가지고 싶다고... 하지만, 아냐 아직 난 사진에 잘 몰라...지금 가지고 있는 카메라로도 충분히 다 배울수 있고, 찍을 수 있어~! 기계탓으로 사진.. CSS - line-height으로 제어 하는 폰트 행간 CSS - line-height으로 제어 하는 폰트 행간 폰트 속성에 따라 행간이 간격이 달라지는걸 알면서도 그때마다 화면캡쳐로 진행해왔던 일입니다. 이제라도 정리해 보고자^^;; 위 그림에서 보듯 폰트가 굴림인지 돋움인지는 상관없이 동일했으며 line-height 에 따라 달라집니다. 다행이도 ie와 FF도 동일하고 왼쪽은 항상 1px씩 기본적으로 갖고 있네요. ie(7이하버전) / FF : line-height: 14px일경우 0 0 3px 1px; : line-height: 16px일경우 1px 0 4px 1px; : line-height: 18px일경우 2px 0 5px 1px; Opera : line-height: 14px일경우 1px 0 1px 1px; : line-height: 16px일경우.. 새로운 개념의 PT 소프트웨어 [Prezi] 괜찮은데? 프레지 PREZI 라고 아시나요? ㅎㅎ 우연찮게 PT를 하게 되는 일이 생겼습니다. 조금 특이하게 하고 싶은 마음에 인터넷 서핑 좀 하다가 원하는 답이 안나와서 기획팀에서 일하고 있는 친구에게 물어보니 프레지(Prezi)라는 것을 추천하더군요. 사이트로 이동하기~! 저는 처음 보는 건데...이미 유명세를 떨치고 있더군요. MS의 PPT에 질려서인지 엄청 색다르게 보였습니다. 일단 샘플을 보여드릴께요. Coca Cola Company on Prezi 멋있죠? 심플하면서도 다이나믹하다는게 제가 느낀 느낌입니다. 또 다른 툴로는 잡스때문에 유명해진 키노트도 있더군요. 여하튼 전 프레지로 해봐야지 맘을 먹었습니다. ㅎㅎㅎ 해서 제가 만든것이 이겁니다.ㅋ 처녀작이라 할 수 있겠네요. PT_Sub Team Lead.. 셋톱박스(Set Top Box) + 안드로이드(Android)의 만남 거실 TV가 스마트 TV로... 2012년 21월31일에는 아날로그 방송이 종료되고, 스마트TV 시대도 개막을 앞두고 있다. TV 제조업체는 물론이고, 셋톱박스 제조업체들도 새로운 TV 시대를 맞이하기 위해 분주하게 움직이고 있다. 특히 셋톱박스와 안드로이드 운영체제를 결합하는 전략이 눈에 띈다. 셋톱박스에 안드로이드를 탑재해 TV에서 웹서핑을 즐기거나 트위터, 페이스북 등 소셜 네트워크 서비스(SNS)를 이용하는 식이다. 폭넓은 안드로이드 앱 생태계를 TV에서 이용할 수도 있다. 안드로이드 셋톱박스 하나면 TV가 스마트TV로 변신하는 셈이다. 5월12일부터 14일까지 대구 엑스코에서 열린 “KCTA 2011 디지털케이블 TV쇼”에서는 안드로이드 운영체제를 탑재한 다양한 셋톱박스가 공개돼 눈길을 끌었다... 안드로이드 UI 개발 노하우 및 트렌드 분석 네이버 프레젠테이션(PPT), 한글, 워드 서식 다운로드하기 일상생활에서 누구나 쉽게 편집해서 쓸 수 있는 문서 서식에 대한 갈증은 늘 존재해 왔습니다. 학교에서 발표 문서를 만들거나 회사에서 제안서를 쓸 때, 쉽고 간편하게 깔끔한 문서를 만들 수 있다면, 얼마나 좋을까요? 네이버는 더 좋은 문서를 더 많은 사람들이 쓸 수 있도록 나눔글꼴로 만들어진 아름다운 한글문서 40종을 함께 나누려 합니다. 이제 한글문서 서식을 활용하여 여러분의 문서를 더욱 멋지게, 그리고 아름답게 만들어보세요. 다운로드 받으러 이동합니다. 클릭 >> 프리젠테이션(PT)의 9가지 원칙이라네요. 생각보다 몰랐던 사실과...이런 것도 신경써야돼? 라는 생각이 들었네요...어렵구나... 프리젠테이션(PT)의 9가지 원칙(스킬) 1. 감정을 자극하라. (논리가 아니다) - 남이 아니라 우리편이라는 친밀감을 만들라. : 위성미의 한국사람 만들기 - 표현은 fact 만 말하기 보다는 "고객이 우리의 마음을 몰라줍니다"와 같은 표현으로. - Are you with me? : 계속적으로 집중시켜라 - 청중이 냉철해지면 않된다. 딴 생각 못하게 몰입시켜야 한다. 2. 이야기를 만들어라. - PT는 이야기를 하는 것이다. - 스토리텔링의 힘 : "하늘이시여"는 드라마 이기 때문에 성공한 것이다. 원고를 소설처럼 써야 한다. - 인용과 비유의 힘 : 잭트라우트의 '마케팅 불변의 법칙' 과 같은 책이 잘 팔리는 이.. 스티브 잡스의 PT에 대한 분석 출처 - http://blog.chosun.com/blog.log.view.screen?logId=5892006&userId=yiman70 이번에 PT를 준비하게 되어, 정보를 모으고 있는 중입니다. 해서 이건 기억해둬야겠다 싶어 이렇게 다른 사람의 포스팅을 퍼오게 됐네요. 99%최선이 아닌 100%믿음을 준 스티브 잡스의 PT 저는 고 스티브 잡스의 업적중 가장 나의 인상을 사로잡았던 그의 독특한 PT(프리젠테이션)을 특별히 포스팅하고자 합니다. 스티브 잡스의 PT는 대부분이 상품소개인데 우리가 알고 있는 다른 상품PT(소개-기술발전과정-기술력-디자인-타사와의 차별화-끝의 순으로 진행되죠)와 다른 점은 바로 생산자(애플)는 소비자(고객)와 같은 입장에서 환상의 기술을 갖춘 제품을 함께 바라보고 있는 파.. 티스토리 블로그 속도 개선 방법에 대해 검색하다가 원하는 것을 찾았다. ㅎㅎ 일단 먼저 좋은 정보를 알려주신 블로거 님께 감사를 표합니다. ㅎㅎㅎ 요새 제 블로그에 제가 접속할때 너무 늦게 떠서 짜증이 났더랩니다. 웹폰트, 사진 용량의 압박....때문이죠... 그러나 속도가 느리다고 해서 위에 말한 것들을 포기할수는 없었습니다. 해서 검색을 해봤는데...오오~~~원하는 방법을 찾은 것 같습니다. 기록해서 저뿐만 아니라 널리 알릴 수 있도록 퍼왔습니다. 이분의 블로그 주소 입니다. 이 외에도 많은 유용한 정보가 많이 있더군요. ㅋ http://www.seosem.kr/ 아래부터 그 유용한 방법의 내용입니다. [검색엔진 최적화] 티스토리 블로그 속도 개선 방법 처음에는 포털에서 무료로 사용할 수 있는 블로그를 사용하다가 "구글 애드센스"를 해보고 싶어서 알게된 것이 티스토리 블로그입.. 윈도우 7 (Window 7) 에서 예쁜 아이콘(Icon) 추출하기 아마도 shell32.dll 파일은 다들 알고 계실 것입니다. 그런데 shell32.dll 파일은 사실 좀 구형이고, 커다란 PNG 이미지는 포함되어 있지 않습니다. 윈도우 비스타부터는 imageres.dll 파일에 예쁜 아이콘이 많이 들어있습니다. 제가 위에 올린 휴지통 그림도 바로 imageres.dll 파일에서 추출한 것입니다. IconViewer 프로그램으로 직접 한번 살펴보세요. C:\Windows\System32\imageres.dll 파일에 예쁜 아이콘이 많이 들어있습니다. 프로그램 설치하시고 DLL 파일에 우클릭 해보면 Icons 탭이 나옵니다. 참고로 imageres.dll 파일에는 이 외에도 다른 기능들이 있습니다. 예를 들어 로그온 배경화면을 변경할 때도 사용할 수 있고, 윈도우 시작.. [자바스크립트] window.open(); 명령어 사용법과 [object] 반환 안되게 하는 법입니다. window.open(); 명령어 사용법 window.open(); - IE 팝업창 띄울때 사용하는 스크립트 사용법 windows.open("새창으로 열 페이지 주소", "새창의 이름", "옵션들"); 옵션값 menubar=no // 메뉴바 없애기 toolbar=no // 툴바 없애기 location=no // 주소표시줄 없애기 status=no // 상태표시줄 없애기 scrollbars=no // 스크롤바 없애기 fullscreen // 최대창 크기로 열기 => F11 눌린 크기이긴 하지만, F11과는 다른 기능임 width // 가로크기 height // 새로크기 top // 위에서부터 위치 left // 왼쪽에서부터 위치 사용예 1번!! 네이버 새창열기 아까창에서 다음사이트 열기 이런식으로 이름을.. 아이팟(IPod), 아이폰(IPhone), 애플(Apple) 제품 AS 하는 방법, 절차(?), 센터 위치등 정보 보기 https://selfsolve.apple.com/GetWarranty.do 이곳은 자신의 iPod이나 iPhone의 보증기간이 얼마나 남아있나 알아볼 수 있는 곳입니다. iPod은 제품 뒷면에 시리얼 넘버가 적혀있고, iPhone은 유심틀에 적혀있습니다. (전원버튼 옆에 유심칩 을 빼보세요) http://www.apple.com/kr/support/center/index.html 이곳에서 자신의 상품종류를 선택하면 Apple이 지원하는 공인 서비스 센터 위치들을 알 수 있습니다. 전화번호나 자세한 위치, 영업시간, 주말 영업시간 등을 할 수 있어, as를 신청하기 전에 알아두면 편리한 사이트. 보통 자신의 iPod이나 iPhone의 경우, 고장나면 다음과 같은 과정을 대부분 밟습니다. 0. 고장이 났다.. 플래시 외부 동영상 파일 재생하기 플래시에서 외부 이미지나 swf를 로드하고 x, y좌표를 변경하는 방법에는 3가지가 있습니다. 다음 메서드들은 ActionScript 2.0방식입니다. 3.0에서는 완전히 다릅니다. MovieClip.loadMovie(usr:String, depth:Number); MovieClip.laodMovieNum(usr:String, level:Number); 위 두 메서드의 차이점은 loadMovie는 함수를 호출한 무비클립 객체가 디스플레이가 됩니다. 무비클립을 타임라인 스테이지에 만들고 인스턴스를 aClip이라고 지정한 상태에서 aClip.loadMovie("some.swf", 1) 하게되면 aClip의 형태나 모양은 사라지고 some.swf가 aClip이 있던 위치를 기준으로 로드가 됩니다. 로드된 so.. HTML 4.01 DTD 코딩을 할때...당연히 되야 하는데 안되는 상황이...발생한다면...dtd를 먼저 확인해보세요... 코딩을 할때...에효...당연히 되야 하는데 안되는 상황이...발생한다면...dtd를 먼저 확인해보세요... 저처럼 시간 낭비 하지 않으시려면.. 모든 markup 문서 상단에는 이 문서가 어떠한 형식을 따른 문서인지를 명시해주는 Document TypeDefinition 이 존재 해야 한다. 이 DTD 선언은 브라우져가 어떠한 랜더링 모드를 선택할 것인지를 판별하게 하거나,파서가 문서 파싱을 어떻게 해야 하는지를 알려주는 중요한 정보이다. DTD 선언은 해당 문서를 어떻게 읽어야 하는 지를 알려주게되고 validator는 전적으로 이 DTD 선언에 의지 하여 문서를 판별하게 된다. 웹에서 주로 사용하는 .. SilverStream 콘텐츠가 웹에서 보이지 않는다? 콘텐츠가 올라가 있는 서버 MIME 설정을 만져주면 된다. SilverStream Producer에서 제작한 콘텐츠를 웹 게시용으로 "내보내기"하여 웹에 게시하였는데 콘텐츠가 보이지 않고 하얀 화면만 나타나는 경우가 있습니다. 이것은 서버 설정과 관련된 문제로 MIME 타입 설정을 변경하는 작업이 필요합니다. 브라우저에서 스크립트 관련 오류 메시지가 나타날 수 있도록 한 경우라면 다음과 같은 메시지를 확인하실 수 있습니다. 메시지의 내용을 자세히 확인해 보면 "오류코드 2104" 라는 부분을 확인하실 수 있습니다. 이런 메시지가 나타나면 콘텐츠를 서비스하고 있는 서버의 MIME 타입 설정이 필요합니다. - 참고로 IIS6 이하, Apache 서버에서만 설정이 필요합니다. 그 외의 서버에서는 기본 설정이 .. 플래시 액션스크립트 setInterval 에 대해서... 출처 - http://flashfriend.tistory.com/169 일정 시간간격으로 함수를 계속 반복해서 실행합니다. timer 나 enterFrame과 유사합니다. go 함수를 500 시간 간격( 0.5 초) 로 계속 실행하라는 구문입니다. 함수에 매개변수가 있다면 세번째 인수로 넣어 주어야 합니다. 만약 interval을 멈추고 싶다면 처음 부터 setInterval 을 변수에 대입 해두는 방법이 있습니다. 그 다음에 그 변수를 clearInterval 해주시면 됩니다. 하지만 변수에 대입해 두지 않았다고 해서 멈추는 방법이 없는 것은 아닙니다. 아래의 코드와 출력값을 잘 봐주세요. trace(a) trace(b) trace(c) 의 값이 1,2,3 으로 된 것을 알 수 있습니다. setInte.. 영어발음 기호 및 특수문자 입력방법 문득, 영어발음 기호를 입력할 일이 생겼다. 컴퓨터를 오래 사용했음에도 불구하고...딱 이렇게 하면 되지...생각이 떠오르지 않는다. ㅋ 검색을 해보니 이런 방법이 있더라. 역시 제일 편한 방법은 카피앤페이스트~!^^; 검색한 내용 중 유용하고, 확실한 방법이라 메모해 둡니다. 첫번째 방법 windows에서 제공하는 것을 사용 방식: 시작-> 모든 프로그램 -> 보조 프로그램 -> 시스템 도구 -> 문자표 선택, 복사를 이용하여 필요한 곳에 붙여넣음. 두번째 방법 글씨가 악필인지라 노트정리를 해도 폼도 나지 않고 왠지 지저분하고 보기도 싫어 아예 컴퓨터를 이용하는데, 갑자기 발음기호를 표시해야 하는 경우가 생겨 곤혹스러웠다. 이러한 동기로 인터넷을 통해 자료를 찾아 보았더니 나와 같은 고민을 가진 사람.. 어도브 플래시 플레이어(Adobe flash player) 전역 보안 설정 패널 페이지에서 설정 방법 플래시로 여러가지 작업을 하다보면, 액션상에서 자바스크립를 호출하거나, 인터넷에 접속하는 스크립트를 작성할 수도 있게 되는데 이때 작업 결과물을 로컬에서 확인하게 되면 보안창이 뜨면서 플레이를 정지시키게 된다. 제일 기본적으로 확인하는 방법은 서버에서 파일들을 올려서 확인하면 되긴 하는데 사실 귀찮다...ㅡㅡ^ 작업이 완료되어야 서버에 올리는 것이여야 하지 않는가... 해서 로컬에서도 플래시 플레이어가 인터넷에 접근 가능하게 하는 방법을 찾아보니... 전역 보안 설정 패널에서 설정을 하면 된다고 하는데... 기존 인터넷에 나와있는 방법은 그냥 달랑 이 페이지만 링크 시켜주고 알아서 하란다... http://www.macromedia.com/support/documentation/kr/flashplayer.. 코딩에 적합한 폰트는 따로 있다. ㅎㅎ 코딩폰트 추천~! 참고로 퍼왔습니다. 출처는 http://shakii.tistory.com/tag/Bitstream%20Vera%20Sans%20Mono 원래는 나눔 고딕을 썼지만...바꿔보니 이게 더 좋다 ㅋ C언어 작성이나 리버싱 작업을 하면서 코딩글꼴에 관심을 가지게 되었다. http://www.lowing.org/fonts/ 이런 코딩글꼴 순위 사이트도 있을정도이니... 여기 사이트에서 말하는 좋은 폰트의 조건은 1. 가독성이 좋아야함. 2. 확장된 문자셋을 지원해야함. 3. 스페이스가 쓰기 쉬워야함. 4. l, 1, i의 구분이 쉬워야함. 5. 0, o, O의 구분이 쉬워야함. 등등.. 여기서 나도 공감이 되는것은 4, 5번 정말 이상한 글꼴은 짜증 지대 ;;; 순위 사이트에서도 1위인 Bitstream Vera.. 웹폰트에 사용할 나눔고딕과 나눔펜 eot 파입입니다. 받아 가실 분은 받아가세요 ㅎㅎ 저는 제 블로그에 폰트를 나눔고딕으로 바꿨답니다. ㅋ 윈도우7(Window 7)에서 내가 사용하는 가젯(위젯) 나으~~바탕화면이닷~! ㅎㅎ 간만에 포멧하고~~스샷이다. 설명까지야 필요하겠나... 그저 가젯만 올리니 잘 사용하시기 바랍니다. ㅋ All CPU Meter - CPU와 메모리의 점유율, 사용량, 온도, 클럭 등을 표시 GPU Meter - GPU의 점유율, 코어와 메모리의 클럭, 온도, 팬속도등을 표시 Drive Meter - 각 드라이브의 용량과 실시간 전송량 등을 표시 Network Meter -네트워크의 IP별 전송속도, 트래픽 등을 표시 Top Five - CPU 또는 메모리의 사용량 또는 점유율 1~5위를 표시 혹시 모르니~~링크도 걸께요 ㅋ 다운받기 All CPU Meter, GPU Meter, Drive Meter, Network Meter http://addgadget.com/ Top F.. 각 문자를 URL 인코딩 테스트 할 수 있는 사이트 http://translate.google.co.kr/translate?hl=ko&langpair=en%7Cko&u=http://www.blooberry.com/indexdot/html/topics/urlencoding.htm 한글 자음으로 한자키로 표시하는 특수문자 정리표 "ㄱ" 에 있는 특수문자 [문장에 사용되는 부호] 공백 ！ ＇ ， ． ／ ： ； ？ ＾ ＿ ｀ ｜ ￣ 、 。 · ‥ … ¨ 〃 ― ∥ ＼ ∼ ´ ～ ˇ ˘ ˝ ˚ ˙ ¸ ˛ ¡ ¿ ː "ㄴ" 에 있는 특수문자 [괄호] ＂ （ ） ［ ］ ｛ ｝ ‘ ' “ ” 〔 〕 〈 〉 《 》 「 」 『 』 【 】 "ㄷ" 에 있는 특수문자 [수학 기호] ＋ － ＜ ＝ ＞ ± × ÷ ≠ ≤ ≥ ∞ ∴ ♂ ♀ ∠ ⊥ ⌒ ∂ ∇ ≡ ≒ ≪ ≫ √ ∽ ∝ ∵ ∫ ∬ ∈ ∋ ⊆ ⊇ ⊂ ⊃ ∪ ∩ ∧ ∨ ￢ ⇒ ⇔ ∀ ∃ ∮ ∑ ∏ "ㄹ" 에 있는 특수문자 [단위] ＄ ％ ￦ Ｆ ′ ″ ℃ Å ￠ ￡ ￥ ¤ ℉ ‰ € ㎕ ㎖ ㎗ ℓ ㎘ ㏄ ㎣ ㎤ ㎥ ㎦ ㎙ ㎚ ㎛ ㎜ ㎝ ㎞ ㎟ ㎠ ㎡ ㎢ ㏊ ㎍ ㎎ ㎏ ㏏ ㎈ ㎉ ㏈ ㎧ ㎨ ㎰.. 뭔지 모를 드라이버때문에 고생이다...진짜... 그럴땐...여기로...ㅎㅎ http://www.drivereasy.com/ 플래시에서 표현되는 특수문자 (특수문자의 URL인코딩화) space + or %20 ~ %7E ! %21 @ %40 # %23 $ %24 % %25 ^ %5E & %26 * %2A ( %28 ) %29 - %2D _ %5F = %3D + %2B ¥ %5C | %7C [ %5B ] %5D { %7B } %7D ; %3B : %3A ' %27 " %22 , %2C . %2E %3E ? %3F ` %60 / %2F 0 %30 1 %31 2 %32 3 %33 4 %34 5 %35 6 %36 7 %37 8 %38 9 %39 A %41 B %42 C %43 D %44 E %45 F %46 G %47 H %48 I %49 J %4A K %4B L %4C M %4D N %4E O %4F P %50 Q %51 R %52 S %53 T %54 U %55 V %56 W %57 X.. 이전 1 ··· 5 6 7 8 9 10 11 ··· 17 다음
