메모장 썸네일형 리스트형 부트스트랩 Bootstrap 혼자 공부하기 좋은 사이트, 그냥 한번 정독해보세요. 읽고 또 읽고, 보고 또 보고 해야 할 것 같아요 ㅎ 언제부터인가 사이트를 개발하는 과정에서 어깨넘어로 부트스트랩를 활용해라. 부트스트랩을 공부하라. 부트스트랩을 사용하면 작업속도가 빠르다. 라는 말들을 듣곤 했습니다. 그래서 그 당시 잠깐 검색을 해보니 하나의 사이트 템플릿이라는 사람들도 있고, 제이쿼리 묶음이라는 사람들도 있고, 그렇더라구요. 모두다 틀린 말은 아닙니다. 그리고, 필요성을 잘 느끼지 못하다가 약간 여유가 생겨 이번 기회에 부트스트랩이 뭔가 한번 공부해보기로 했습니다. 책을 살까? 학원을 다닐까? 생각해보았지만 먼저 인터넷에서 정보를 모아보자 해서 찾은 사이트~! 영어로 된 원문사이트도 있고, 한글로 번역된 사이트도 있었습니다. http://bootstrapk.com/BS3/ 약간은 아.. 무료 전자책을 만들고, 공유할 수 있는 이슈(ISSUU) 사이트를 소개합니다 간만에 유용한 사이트를 발견했습니다 ISSUU.COM 사이트는 PDF, PPT 파일등을 웹상에 업로드하여 접근이 용이한 전자책으로 변화주는 서비스 사이트입니다. 사용법은 너무도 쉽습니다. 문제는 PDF, PPT 파일을 그럴싸하게 만들어야 하는 것은 어쩔수 없는 부분이구요. 중요한 것은 어떤 Device에서 볼 수 있도록 변환해준다는 것이 메리트인것 같습니다. 한 계정당 사용할 수 있는 용량은 무제한 인것 같으나, 하나의 전차책은 100메가 이하, 페이지가 500페이지 이하여야 하는 점 참고하세요. 디자이너들은 포트폴리오로 활용할 수 있을 것이고, 저 같은 경우는 사진첩을 만들볼까 생각중입니다. ㅋ 그럼 활용 잘 해보셔용 ㅎ 예술마을 헤이리마을의 지도 클릭해서 보세요 출처 - http://www.heyri.net/blog/ 에코그린캠퍼스 (대관령삼양목장) 지도, 맵 클릭하셔서 크게 보세요 출처 - http://www.samyangranch.co.kr/ 조선의 간단 역사정리, 조선 왕조 계보까지 정리했습니다. 나이가 들어서인지, 이상하게 국사, 세계사에 관심이 가네요. ㅎ 그래서 그냥 깊게는 아니고 간단하게 좀 검색을 좀 했습니다. 앞으로, 문화재를 보고나 역사 드라마를 보면 재미가 더 있을 듯 합니다. ㅎㅎ 조선의 간단 히스토리 1392년 7월 17일에 이성계가 조선을 세웠다. 1393년 새 나라가 들어선지 몇 개월이 지나도록 나라 이름을 짓지 못하고 있다가 마침내 ‘조선’으로 정했다. 이듬해에 수도를 한양(서울)로 정했다. 1394년 새 나라를 세운 세력은 맨 먼저 ‘헌 나라’의 흔적을 완전히 없애야만 살 수 있다고 믿었다. 그래서 남아 있는 고려 왕족을 모두 살해했다. 1395년 개국 공신인 정도전이 《고려사》 37권을 펴냈다. 1397년 명나라가 압박을 가해 오자, 조선 정부는 랴오둥(요동)을 정벌할 .. 크롬 개발자도구 Chrome DevTools 메뉴얼 사이트 크롬 개발자도구 Chrome DevTools 메뉴얼 사이트 웹개발자든, 웹디자이너든 웹을 제작하는 관련 직종에 있는 분들은 한번씩 보면 좋은 사이트인 것 같습니다. 현재 특정 웹사이트를 접속해서 이용하려면, 브라우저가 필히 있어야 합니다. 익스, 사파리, 파폭, 오페라 등 여러 브라우저가 있는데, 각 각의 브라우저는 개발자들의 위한 도구들이 하나씩 있습니다. 보통 펑션키인 F12 키를 누르면 활성화 되지만 아닌 브라우저들도 있지요. 그 중에서 구글사의 브라우저인 크롬~! 크롬의 개발자도구의 사용법을 동영상 강의로 제공하고 있습니다. 이 사이트를 지금에서야 알았네요 ㅎ 물론 강의는 영어로 제공되구요 ㅎ 영어공부도 되네요 ㅋㅋ 공부는 끝이 없네요...ㅜㅠ 국민은행, 기업은행, 신한은행, 외환은행, 우리은행, 하나은행 등 은행별 SWIFT Code, 영문명, 본점주소 정리 은행별 SWIFT Code 정리 해외송금 시 자신의 거래 은행에 대한 정보가 필요하실 때 사용하시면 됩니다. ㅎ [자바스크립트] 브라우저별 포지션 정보 정리 (Browser Position Information) 브라우저별 포지션 정보 정리 (Browser Position Information) W : window,DE : document.documentElement,DB : document.body (1800px*1800px) Property IE9 Chrome ( 15.0.874.121 m ) Firefox ( 8.0.1 ) W.innerWidth/Height 1280 / 714 1280 / 713 1280 / 705 W.outerWidth/Height 1296 / 816 1280 / 800 1296 / 816 W.screenLeft/Top 0 / 85 0 / 0 undefined / undefined W.screenX/screenY -8 / -8 0 / 0 -8 / -8 W.pageXOffset/pageXO.. [자바스트립트, Javascript] 디바이스 Device 별 체크 스크립트 [자바스트립트, Javascript] 디바이스 Device 별 (모바일, PC) 체크 스크립트 출처 - http://rahm.tistory.com/21 Html5 input type에 대해서 정리 Html5 input type에 대해서 정리 Type 상태 데이터 타입 콘트로 타입 hidden 감춰짐 임의의 문자열 n/a text 텍스트 줄바꿈 없는 텍스트 텍스트 필드 search 검색 줄바꿈 없는 텍스트 검색 필드 tel 전화번호 줄바꿈 없는 텍스트 텍스트 필드 url URL 절대IRI 텍스트 필드 email 이메일 이메일 주소나 이메일 주소 리스트 텍스트 필드 password 비밀번호 줄바꿈 없는 텍스트 데이터 입력이 나타나지 않는 텍스트 필드 datetime 날짜와 시각 UTC 날짜와 시각 날짜와 시각 콘트롤 date 날짜 시간대 없는 날짜 날짜 콘트롤 month 달 시간대 없는 년과 달 달 콘트롤 week 주 시간대 없는 주 번호 주 콘트롤 time 시각 시간대 없는 시각 시각 콘트롤 dat.. 무료 효과음 사운드파일을 얻을 수 있는 사이트 무료 효과음 사운드파일을 얻을 수 있는 사이트 무료효과음을 다운받을수 있는 사이트 입니다 http://www.findsounds.com 검색창에 효과음명을 입력하고 아래쪽 체크박스에서 MP3,WAVE 등으로 선택을 하고 우측에 모노,스테레오 선택 그옆에 음질 선택을 하고 엔턴을 치면 효과음이 검색 됩니다. 효과음이 검색되면 재생 버튼을 누루면 효과음을 들을수 있고 링크 주소에서 마우스 우측버튼을 눌러 다른이름으로 대상 저장으로 효과음을 다운 받을수 있습니다 HTML5, CSS3, Javascript 에 대한 강의자료 출퇴근 시간에 한번 읽어봐야겠습니다 CholYeon Won 교수님께서 공개하신 HTML5, CSS3 and Java Script 책 입니다. HTML5 등장 배경 및 표준화 현황 1. HTM5의 구조 및 기본 지식 익히기 1.2 웹 브라우저(Browser)의 기능과 한계 1.3 HTM5의 구조(Structure) 1.3.1 HTML5의 요소(Element) 작성 방법 1.3.2 HTML5에서 요소(Element)의 속성(Attribute) 작성 방법 1.4 환경설정 및 기본 편집기 2. metadata Elements 2.2 meta 요소(Elements) 3. Section Elements, 3.1 nav, header 요소(Element)를 이용한 구성 3.2 section, header, nav 요.. EOS M Raw 파일이 CS6 나 라이트룸(Lightroom)에서 보려면 Camera Raw 를 업데이트하세요 EOS M Raw 파일이 CS6 나 라이트룸(Lightroom)에서 보려면 Camera Raw 를 업데이트하세요 제목 그대로입니다. 제가 EOS M을 구입하고 Raw로 촬영하는데... CS6 Bridge 나 포토샵, 라이트룸에서 잘 보이지가 않는거예요. 미리보기가요 ㅎㅎ 그래서 검색해보니 Camera Raw를 업데이트 하라는데... Adobe 사이트에서 검색을 해도 도통 다운로드 버튼이 보이질 않는 겁니다...ㅜㅠ 이 업데이트 하는 것도 쉽지가 않았습니다... 제가 멍청해서겠지요 ㅎㅎ 그래서 찾은 링크가 있습니다. 컴퓨터를 포맷할 경우를 대비해 이렇게 메모해 놓습니다. ㅋ 아래 링크를 클릭하셔서 설치 파일을 다운 받으신 후 그냥 설치 하시면 됩니다. ㅋ http://download.macromedia.c.. HTML 특수문자 코드 정리 HTML 특수문자 코드 코딩이나 스크립트 작업 할 시에 간혹 특수문자가 필요할 때가 있다. 매번 검색해서 찾아서 사용했었는데... 이번 기회에 메모해 둔다. 코드코드 기호 코드 기호 코드 기호 코드 기호  e e É É ĭ ĭ  f f Ê Ê Į Į  g g Ë Ë į į  h h Ì Ì İ İ  i i Í Í ı ı  j j Î Î IJ IJ  k k Ï Ï ij ij  l l Ð Ð Ĵ Ĵ m m Ñ Ñ ĵ ĵ n n Ò Ò Ķ Ķ  o o Ó Ó ķ ķ  p p Ô Ô ĸ ĸ q q Õ Õ Ĺ Ĺ  r r Ö Ö ĺ ĺ  s s × × Ļ Ļ  t t Ø Ø ļ ļ  u u Ù Ù Ľ Ľ .. html5의 새로운 태그인 Audio, Video 태그의 속성 및 이벤트 정리 Video 태그 속성 video 자바스크립트 객체의 속성들을 알아보자. 우선 태그의 속성과 공통적인 속성들이 있다. 이름 설명 src 비디오 소스의 URL height 비디오의 높이 픽셀 값 width 비디오의 넓이 픽셀 값 controls 비디오의 재생, 볼륨 등 제어기들의 표시 여부 muted 음소거 poster 로드되지 않고 있을 때 처음에 표시될 이미지의 URL loop 반복 재생 autoplay 자동 재생 mediagroup 같은 아이디로 묶어준 비디오와 오디오 스트림들 끼리 동기화 시켜주는 그룹으로 취급한다. preload "none": 사용자가 비디오를 필요로하지 않을 것이라고 명시, 미리 다운로드 하지 않음 "metadata": 사용자가 비디오를 필요로 하지 않을 것이지만, 기본 정보(크기.. html5 Audio 태그 사용시 브라우저별 지원하는 오디오코덱 정리 html5 Audio 태그 사용시 브라우저별 지원하는 오디오코덱 정리 HTML5의 가장 특징적인 기술 중 하나를 뽑으라면 바로 플러그인 없이도 웹 브라우저에서 동영상을 재생할 수 있는 것이다. 하지만, 정작 많이 사용해본 적은 없다. 지속적인 시행착오가 필요할 것 같다...적어도 나에게...ㅜㅠ 아무래도 2010년 자료다 보니 지금은 많이 변했을라나?... 크롬이 갑이네...거의 다 지원되네... 무서운 구글... html5 Canvas 태그 context 메소드 정리 html5 Canvas 태그 context 메소드 정리 이번 작업에서 canvas 태그를 활용해 보고자 하는 마음이 들었다. 그런데 사실상 한번도 제대로 사용해 본적이 없어 막막하기만 했다. ^^: 속성으로 어떻게 사용하는 것인가 검색만 두시간 넘게 해보니 대충 감이 왔다. 메모의 개념으로 정리해본다. 어디까지나 내가 보고 이해하는 생각대로 정리한 것이라... 다른 사람들이 보고 이게 뭐야 할지는 모르겠다 ㅎ context Methos context.arc(300, 300, 200, 0, 2*Math.PI, true) 원 그림(x, y, radius, startAngle, endAngle, anticlockwise), (beginPath(), stroke() 필요) context.fillText("문자열.. 구글 검색 팁 Google Search Tip 알고 계시나요? Google Search Tip 예전에 봤었던 내용인데... 다시 한번 더 메모해 봅니다. ㅎ 캐논 Cannon, 니콘 Nikon DSLR 카메라 라인업 정리 캐논 Cannon, 니콘 Nikon DSLR 카메라 라인업 정리 출처 - http://blog.naver.com/joung0102l/10165843059 [Modern.ie] 웹사이트 호환성 테스트 서비스, 익스플로러(Explorer) 버젼별 크로스브라우징(?) 익스플로러(Explore) 버젼별 크로스브라우징(?), Modern.ie 크롬, 파폭, 사파리는 서비스 중인 브라우저가 일괄적으로 업데이트 되지만, 마이크로소프사의 브라우저는 OS의 영향으로 버전별로 관리가 되고 있었지요. 그래서, 개발자들은 맡은 웹사이트가 모든 브라우저에서 알맞게 보이게끔 정말...많은 노력과 시간을 할애하고 있습니다. ㅜㅠ 이 부분을 마이크로소프트사에서 모르는 것이 아니였나봅니다. ㅎㅎ 이 웹사이트로 얼마나 많은 시간이 절약될지는 모르겠으나...그래도 한번쯤은 사용해보려 합니다. ㅎ http://loc.modern.ie/ko 개발부서의 현황을 판단할 수 있는 조엘테스트(The Joel Test)라고 아시나요? The Joel Test : 12 Steps to Better Code 출처 - http://www.joelonsoftware.com/articles/fog0000000043.html 이 테스트는 조엘 스폴스키(Joel Spolsky)라는 사람이 만든 [개발팀 평가 테스트] 입니다. 한글로 번역하자면, Source Control(소스 컨트롤)을 사용하십니까? 한번에 빌드를 만들어낼 수 있습니까? daily build(일별 빌드)를 만드십니까? 버그 데이터베이스를 가지고 있습니까? 새로운 코드를 작성하기 전에 버그들을 잡습니까? up-to-date(최신) 스케줄을 가지고 있습니까? spec(설계서)을 가지고 있습니까? 프로그래머들이 조용한 작업환경을 가지고 있습니까? 돈이 허락하는 한도내의 최고의 툴들을 .. IE 브라우저 문서모드를 설정하는 meta 코드 정리 IE 브라우저 문서모드를 설정하는 meta 코드 정리 작업한 웹페이지를 테스트할 때 브라우저의 문서모드가 자동으로 쿼크모드로 변경되는 이유가 있다. ① dtd 선언이 안되어 있을 때 ② dtd 선언된 것 위에 어떤 소스가 들어가 있을 때 웹페이지를 보는 특정 사용자 브라우저 설정상의 이유로 제대로 된 dtd를 선언했지만, 페이지가 호환성보기로 렌덩링 되거나, 쿼크모드로 렌더링 되는 현상을 방지 하기 위해서 아래의 소스를 활용해 막도록 해야겠다. 무조건 해당 IE버전으로 보여준다. IE9를 최신으로 하되 실패시 IE5모드로 전환 최신버전으로 랜더링하라 크롬이 설치되어있다면 IE 에서도 크롬 렌더링을 사용하라 2014.2.25. 브라우저모드? 문서모드? 다행히 IE11은 통합 된듯~! 익스11로 업그레이드 ㄱㄱ~! 익스플로러 브라우즈는 항상 골칫덩이... Html 코딩을 할 때마다 골칫덩이인 크로스브라우징... 진절머리가 난다...ㅡㅡ^ 여하튼, 크로스브라우징을 할때 익스를 버전별로 화면을 확인할 수 있는 IE Tester 를 사용하다가 언제부터인가 그냥 익스 개발자 도구를 더 많이 사용하게 되었다. IE Tester는 프로그램이 오류도 많이 나고, 무겁게 느껴져서...점점 사용횟수가 자연스레 잦아들었다. 그런데, 개발자 도구를 사용할때 마다 대충은 알고 있지만, 너무나 헷갈려 다시한번 정리해보기 위해 포스팅해본다. 도대체 브라우저모드, 문서모드 저 둘의 차이점은 무엇일까? 브라우저 모드 : 현재 브라우저의 기본 셋팅을 정의 하는 것 문서 모드 : 페이지를 해석하는 방식을 정의하는 것 이라고 정리 할 수 있다. 예.. 2013년도 적용 SW기술자 노임단가 공표 2013년도 적용 SW기술자 노임단가 공표 출처 - http://www.sw.or.kr/notice/view.asp?masteridx=1&idx=7223 아파트 현관 보조키, 싸이트론 미니 Cytron Mini 사용법 싸이트론 미니 Cytron Mini 현재 이사간 곳의 아파트 현관에 도어락이 하나만 있는데요. 보조키의 필요성을 느껴, 셀프로 설치해보려 제품을 알아보았습니다. 너무 많은 제품중에서 그나마 마음에 쏙 드는 제품을 발견했네요. 도어락 전문업체인 게이트맨에서 나온 제품이구요. 가격도 적당한 듯 싶어 주문했습니다. ㅎㅎ 전체적으로 디자인도 심플하니 이뿌고, 무엇보다 가격이 마음에 들어...ㅎㅎ 구입을 결정했습니다. 설치 후 사용후기는 나중에 올려보겠습니다.^^; 아래의 동영상은 싸이트론 미니의 사용법이랍니다. 연말정산에 필요한 소득공제신고서(다운로드) 작성방법 및 설명 소득공제신고서 작성 쉽지 않네요 정말 매년 할때마다 쉽지 않네요. 매년 생전 처음 하는 기분이 드는 것은 왜일까요? ㅎ 기억을 더듬어보면, 이제까지 소득공제신고서는 회사 경리쪽에서 알아서 작성했나봅니다. 이번에는 소득공제신고서를 작성해서 달라는데...당췌 어떻게 적는 것인지를 모르겠네요 ㅎ 그래서 검색해봤습니다. 소득공제신고서 작성요령 설명 바로가기 연말정산 간소화 서비스 바로가기 주민등록등본 인터넷 발급 바로가기 사실 이렇게 검색해도 잘 이해되지는 않네요... 아...막막하다...ㅋ 부디 뱉어내지 말아야 할텐데 말이죠... [웹표준, 웹접근성] 시각장애인이 컴퓨터를 활용하는 법 웹표준, 웹접근성 말만 외치지 말고 한번 봅시다 파이어폭스, 크롬에서 loacation.href 반응이 없을 때 파이어폭스, 크롬에서 loacation.href 반응이 없을 때 보통 익스플로러에서는 실행이 되었는데... 언제부터 안되었는지... 찾아보니 이렇게 해결책이 있었습니다. location.replace('http://ryuseunghyun.tistory.com') 보통 A 태크 href 에는 이렇게 스크립트를 사용하는 것은 지양되어야 하는 걸로 알고 있는데... 급한대로 뭐...사용해야지... 이전 1 2 3 4 5 6 ··· 17 다음
