메모장 썸네일형 리스트형 조선의 간단 역사정리, 조선 왕조 계보까지 정리했습니다. 나이가 들어서인지, 이상하게 국사, 세계사에 관심이 가네요. ㅎ 그래서 그냥 깊게는 아니고 간단하게 좀 검색을 좀 했습니다. 앞으로, 문화재를 보고나 역사 드라마를 보면 재미가 더 있을 듯 합니다. ㅎㅎ 조선의 간단 히스토리 1392년 7월 17일에 이성계가 조선을 세웠다. 1393년 새 나라가 들어선지 몇 개월이 지나도록 나라 이름을 짓지 못하고 있다가 마침내 ‘조선’으로 정했다. 이듬해에 수도를 한양(서울)로 정했다. 1394년 새 나라를 세운 세력은 맨 먼저 ‘헌 나라’의 흔적을 완전히 없애야만 살 수 있다고 믿었다. 그래서 남아 있는 고려 왕족을 모두 살해했다. 1395년 개국 공신인 정도전이 《고려사》 37권을 펴냈다. 1397년 명나라가 압박을 가해 오자, 조선 정부는 랴오둥(요동)을 정벌할 .. 크롬 개발자도구 Chrome DevTools 메뉴얼 사이트 크롬 개발자도구 Chrome DevTools 메뉴얼 사이트 웹개발자든, 웹디자이너든 웹을 제작하는 관련 직종에 있는 분들은 한번씩 보면 좋은 사이트인 것 같습니다. 현재 특정 웹사이트를 접속해서 이용하려면, 브라우저가 필히 있어야 합니다. 익스, 사파리, 파폭, 오페라 등 여러 브라우저가 있는데, 각 각의 브라우저는 개발자들의 위한 도구들이 하나씩 있습니다. 보통 펑션키인 F12 키를 누르면 활성화 되지만 아닌 브라우저들도 있지요. 그 중에서 구글사의 브라우저인 크롬~! 크롬의 개발자도구의 사용법을 동영상 강의로 제공하고 있습니다. 이 사이트를 지금에서야 알았네요 ㅎ 물론 강의는 영어로 제공되구요 ㅎ 영어공부도 되네요 ㅋㅋ 공부는 끝이 없네요...ㅜㅠ 국민은행, 기업은행, 신한은행, 외환은행, 우리은행, 하나은행 등 은행별 SWIFT Code, 영문명, 본점주소 정리 은행별 SWIFT Code 정리 해외송금 시 자신의 거래 은행에 대한 정보가 필요하실 때 사용하시면 됩니다. ㅎ 한국에서 웹접근성이 활성화 되지 않는 이유에 대한 개인적인 생각과 개선사항 웹접근성이 활성화 되지 않는 이유에 대한 개인적인 생각 아직 우리나라 기업들은 웹접근성에 대해 미적지근한 반응인 것 같습니다. 그 이유에 대해서 생각해보니, 한국의 웹사이트 수명은 짧다. 고객들과 사이트 운영자들은 접근성이 좋은 사이트보다 화려한 사이트를 선호한다. 웹접근성이 좋은 사이트를 제작하기 위한 비용보다 위반해서 내는 벌금이 낮다. 웹전근성이 좋아야 사용 가능한 사용자들이 정작 사이트사용을 많이 하지 않는다. 웹접근성이 나쁘다 하는 신고가 적다. 지금 생각나는 것들입니다. ㅎ 지극히, 개인적인 생각이라 아니라고 생각하시는 분들도 계시겠지요. 어쨌거나, 내용을 간단히 정리해보자면, 현재 한국의 웹접근성에 대한 인식은 지키면 좋은 것이고 어겨도 뭐 건바이건으로 해결하면 된다 라는 의식이 강한 것 같.. 한국형 웹 콘텐츠 접근성 지침 2.0 요약 한국형 웹 콘텐츠 접근성 지침 2.0 요약 회사에서 다시 웹접근성에 대한 이야기가 화두가 되었다. 전에도 정리 해봤지만 한번 더 상기시키기 위해 다시 정리해본다. 웹 문서를 설계함에 있어 고려해야 하는 사이트 이용자 유형 - 시각을 통해 정보를 인지할 수 없는 시각 장애가 있는 경우 - 청각을 통해 음향 정보를 인지하지 못하는 청각 장애가 있는 경우 - 신경계의 마비, 근골격계의 마비 또는 선천성 기형 등으로 신체의 움직임에 제한이 있는 지체 장애가 있는 경우 - 읽기나 문장 이해력이 떨어지는 언어 장애가 있는 경우 - 키보드나 마우스를 사용할 수 없는 장애가 있는 경우 - 시각, 청각 또는 손을 사용하고 있어 해야 하는 일을 할 수 없는 경우 - 운전 중이거나 소음이 많은 곳에서 일하는 경우 등 장애라.. [자바스크립트] 브라우저별 포지션 정보 정리 (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 아이트래킹 연구가 알려준 사용자 경험 디자인 4가지 필수규칙 아이트래킹 연구(eye-tracking research)가 알려준 4가지의 사용자 경험 디자인(User Experience Design, UX design) 필수 규칙 웹 디자이너들은 디자인하는 사이트가 방문자를 위해 최선의 것이 되도록 많은 도구를 사용합니다. 이런 목적을 이루기 위한 가장 좋은 방법 중 하나는 실제적인 과학적 연구를 사용자의 만족을 최대화하기 위해 웹 디자인에 적용하는 것입니다. 아이트래킹 연구(eye-tracking research: 눈동자 움직임 추적 연구)는 웹 디자이너들에게 방문자들이 어떤 사이트에서 일반적으로 정보를 얻는 우선순위에 관한 가이드라인과 같은 종류의 청사진을 제공해 줍니다. 또한, 아이트래킹 연구(eye-tracking research)는 사이트 방문자들이 웹사이.. 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("문자열.. 이전 1 2 3 4 5 6 7 8 ··· 34 다음
