전체 글
-
자바 스크립트와 CSS를 HTML에서 분리하기Development/Javascript 2016. 3. 10. 13:21
이번에는 자바 스크립트와 CSS 파일을 HTML파일에서 분리하는 방법에 대해서 알아보겠습니다. 아래 코드와 같이 HTML에서 태그와 태그를 이용해서 자바 스크립트와 CSS 를 추가할 수 있습니다. 하지만 코드가 길어지거나 동일한 스타일이나 자바스크립트를 다른 HTML파일에도 적용하고 싶을때가 있습니다. 동일한 스타일을 각각의 HTML 파일에 넣는다면 하나가 변경되면 매번 변경해줘야 하는 어려움이 있겠죠. 이럴때는 js 확장자를 가진 자바스크립트 파일과 css 확장자를 가진 스타일시트 파일로 분리 할 수 있습니다. 위 코드에서 부분을 my.css 파일을 생성한 후 붙여 넣겠습니다. #content_area { color: red; } 그리고 부분을 my.js 파일을 생성한 후 붙여 넣겠습니다. window..
-
Hello World로 시작하기Development/Javascript 2016. 3. 10. 13:20
프로그래밍을 처음으로 시작했다면 가장 먼저 해보는 것이 아마 Hello World 일 것입니다. 그래서 처음 시작하는 마음으로 JavaScript를 이용해서 Hello World를 출력해보겠습니다. * 목표 : Hello World를 JavaScript로 출력하기 먼저 index.html 파일 하나를 만들어 줍니다. 위와 같이 빈 html 이 있습니다. html 파일을 실행해보세요. 브라우저에 아무것도 안나옵니다. 여기에 Java Script로 페이지가 로딩 될때 동적으로 Hello World를 출력하는 코드를 추가하면 되겠네요. 그래서 태그를 사용해서 아래와 같이 추가해줍니다. 자 이제 다시 한번 html 파일을 실행해보세요. 짠! Hello World 가 나타납니다. 지금까지 JavaScript로 H..
-
PuTTy 환경설정 저장하기Development/Linux 2015. 4. 3. 09:48
PuTTy는 별도의 환경설정을 저장하는 파일이 없이, 레지스트리에 들어간다. 그래서 레지스트리로부터 파일을 가져와서 보관해야 한다. * 레지스트리에서 파일 가져오기1. 시작 -> 프로그램 및 파일 검색 -> regedit 를 실행하면 레지스트리 편집기가 열린다.2. HKEY_CURRENT_USER > software > SimonTatham > PuTTY > Sessions 에서 마우스 오른쪽 버튼을 누르고 "내보내기"를 선택한다. 3. 내보낼 파일 명을 넣어주고 내보내기 한다. * 레지스트리 등록하기윈도우를 새로 설치해서 PuTTy를 다시 받았다면 이전에 저장해 둔 PuTTy 레지스트리 파일을 더블 클릭하거나 마우스 오른쪽 버튼을 눌러 "병합"을 선택한다. (원하는 세션을 정리하여 저장해 두고 필요할 ..
-
webOS TV의 Keycode.. 뭐가 있을까?Development/webOS 2014. 12. 9. 10:18
오늘은 webOS TV의 키코드에 대해서 알아볼까요? webOS TV는 표준 키보드의 대부분의 키 (숫자/문자 키, 방향키, 등)와 호환됩니다. 하지만 webOS TV에서 추가로 더 지원해 주는 키코드가 있습니다. 그럼 webOS TV의 리모컨에서 제공하는 키코드가 어떤 것들이 있는지 보겠습니다. webOS TV를 구매하시면 기본적으로 매직 리모컨을 줍니다. 하지만 일반 리모컨도 사용하실 수 있다는 사실!! 즉, webOS TV는 2가지의 리모컨을 지원한다는 거죠. 그럼 두 리모컨의 실제 모습을 한 번 볼까요? 그럼 개발하실 때 키코드를 알고 있으면 키 입력에 따라서 원하는 처리를 해줄 수 있겠죠? 매직 리모컨과 일반 리모컨의 키코드는 아래와 같습니다. >Voice Recognition: 1280Red:..
-
webOS TV SDK의 CLI 명령Development/webOS 2014. 12. 8. 17:11
List of template - "ares-generate -l" Enyo Generate - "ares-generate sampleEnyoPrj" (기본 moonstone-bootplate) - "ares-generate -t sampleEnyoPrj"Non-Enyo Generate - "ares-generate -t bootplate-web sampleWebPrj" Package - "ares-package ./samplePrj" - "ares-package ./" (소스폴더와 같은 경로에서) - "ares-package --no-minifying ./samplePjt" (Enyo 앱인 경우 Minifying 하지 않은 상태로 패키징) Check Device - "ares-s..
-
webOS TV의 UserAgent 값Development/webOS 2014. 12. 4. 14:03
webOS TV의 User Agent 값을 살펴보면 아래와 같습니다.( navigator.userAgent; 로 아래 값을 가져올 수 있지요 ) Mozilla/5.0 (Web0S; Linux/SmartTV) AppleWebKit/538.2 (KHTML, like Gecko) Large Screen WebAppManager Safari/538.2 주의해서 보셔야 할 부분은 Web0S 라는 부분입니다.(대문자 W + 소문자 eb + 숫자 0 + 대문자 S) webOS 가 아니라는 말씀!!! webOS TV를 위한 기능으로 분기를 치실때 이 부분 꼭 참고하시기 바랍니다.
-
Localization 과 LocaleDevelopment/ETC 2014. 10. 15. 09:12
Localization 이란 흔히 L10N으로 불리우며 현지화, 지역화등의 의미로 사용된다. 반대로 국제화는 Internationalization 으로 흔히 I18N으로 사용됩니다. (10과 18은 첫 글자와 마지막 글자 사이의 알파벳 갯수를 말합니다.) Localization은 Locale 정보에 따라 다른 리소스(다른 String, Style, Layout, Image 등)를 제공하는 것을 말합니다. Locale 정보는 언어(Language), 문자(Script), 국가/지역(Country/Region)으로 구성됩니다. 예를 들어 한국은 ko-KR 을 사용한다. 그 의미는 언어는 한국어(ko) 이고 국가는 한국(KR)이라는 것입니다. 언어, 국가, 문자의 분류에 대해서 더 자세히 알아 보고 싶다면 다..