좀더 나은 나를 위하여

*.erd 라는 파일은 ERD(entity-relationship diagram) 관련 프로그램들이 사용하는 확장자로서

마땅히 reader 를 찾지 못하고 있었습니다.

과연 무슨프로그램으로 볼수있는지 몰라 이것저것 검색도 해보고 설치도 해봤지만 허탕이였습니다.

물론 제가 가지고 있는 .erd 파일과 여러분이 가지고 있는 erd 파일과는 다른 파일일수 있습니다.

다른 대표적인것으로 어도비리더나 토드 등도 이 파일을 읽을수 있습니다.

(물론 저는 아니였습니다.)

그러다가 그냥 erd 파일을 텍스트에디터기로 열어보니

<net.java.amateras.db.visual.model.RootModel>

...

이런 문구가 처음에 있는것으로 검색을 해보니

이클립스에서 플러그인으로 사용되는 AmaterasERD 라는 ER diagram 을 그리는 플러그인으로 만든 파일임을 알았습니다

그런데 AmaterasERD 을 사용하기 위해서는

GEF(Graphical Editing Framework) 와 AmaterasUML 도 깔아줘야 됩니다.

이유는 잘모르겠습니다.

일단 

http://www.eclipse.org/gef/downloads/
에서 

"All-In-One SDK(Runtime, Source, Examples)"

을 클릭해서 SDK 를 다운 받은후 압축을 풀면

features 와 plugins 라는 폴더가 생기는데 이것들을 각자 이클립스의 해당폴더 복사합니다.

(똑같은 이름의 폴더가 이클립스가 있는 폴더에 보면 있습니다.)

그리고 난후

http://sourceforge.jp/projects/amateras/releases/

에서

AmaterasERD 와 AmaterasUML 를 다운 받은후에

이클립스의 plugins 에 복사를 한후(AmaterasUML는 압축을 푼후) 

erd파일을 읽기위해서는 이클립스에서 파일을 Open 하면되고

erd 파일을 만들기 위해서는 이클립스에서 File > New > Other 한후

AmaterasERD를 선택하면 됩니다.

<script type="text/JavaScript">

</script>

이게 표준임.

language , 머 이런거 동작은 되지만 경고대상

http://html5.clearboth.org/obsolete.html#undefined

A라는 페이지 혹은 사이트에서 B라는 페이지 혹은 사이트로 form request 를 보내야 되는데

만일 A는 utf-8 기본 인코딩으로 사용하고 있고 B는 euc-kr 를 사용하고 있다면

한글일 경우 깨지기 마련입니다.

이를 해결하기 위하여는 form 엘리먼트에 accept-charset="euc-kr" 속성을 추가하거나

자바스크립트에서 form submit 을 하기전에 document.charset = "euc-kr" 구문을 추가하고

submit submit 후에는 다시 document.charset = "utf-8"로 원래값으로 되돌리면 됩니다.

자시한 설명은 구글링 하거나 아래 링크를 참조

http://ohgyun.com/314

http://pigmon.tistory.com/145

제목참 거창하네요^^

그냥 제가 최근에 모바일용 웹페이지(모바일앱에서 webView를 통한 페이지 호출)를 만들일이 있어서 참조한것들입니다.

일단 분기처리에 대한 이해는 

http://naradesign.net/wp/2012/05/30/1823/ 이곳을 참조하시구요.

아이폰4대응(레티나)는

http://blog.naver.com/PostView.nhn?blogId=isayjin&logNo=140133301532 이곳을 참조하세요.

먼저 

접근하는 디바이스와 앱의 webView에서 호출하는 페이지의 사이즈들이 제각각이라서

아무것도 모르는 저는 당황하였습니다.

단말기가 많아질수록 파편화가 심해질텐데...

그런데 CSS3에는 미디어쿼리라는것이 있어서 다양한 단말기나 환경의 구체적인 조건에 대응하여

각각 다른 스타일시트를 적용하게 할 수 있도록 해줍니다.

적용방법은 3가지가 있는데

1. 마크업에서 분기

2. <style> 테그에서 분기

3. CSS 내에서 @media를 사용해서 분기

가 있습니다.

CSS 내에서 @media를 사용해서 분기하는 방법이 제일 좋다고는 하는데 저는 그냥 마크업에서 분기를 하였습니다.

이유는 CSS파일구조가 복잡해지지않고 오히려 관리가 용이하다고 생각해서입니다.

<link rel="stylesheet" type="text/css" href="css/card_480.css" media="only screen and (max-width:539px)" />
<link rel="stylesheet" type="text/css" href="css/card_540.css" media="only screen and (min-width:540px) and (max-width:599px)" />
<link rel="stylesheet" type="text/css" href="css/card_600.css" media="only screen and (min-width:600px) and (max-width:719px)" />
<link rel="stylesheet" type="text/css" href="css/card_720.css" media="only screen and (min-width:720px) and (max-width:767px)" />
<link rel="stylesheet" type="text/css" href="css/card_768.css" media="only screen and (min-width:768px) and (max-width:799px)" />
<link rel="stylesheet" type="text/css" href="css/card_800.css" media="only screen and (min-width:800px)" />

이런식입니다.

자세한 설명을 구글이나 아래 링크들을 참조하시구요

중요한 부분은 (min-width:540px) and (max-width:599px) 이부분입니다.

width : 540px 은 호출하는 창의 너비가 540px이라는 것이고

min-width:540px 은 호출하는 창의 최소너비가 540px 이라는 것이고(즉 540px 이상)

max-width:540px 은 호출하는 창의 최대너비가 540px 이라는 것입니다.(즉 540px 이하)

그리고 device-width:540px 는 디바이스의 해상도사이즈중 width 값이 540px 이라면 입니다.

각은 원리로 min-device-width 는 디바이스의 width가 540 이면 이라는 뜻입니다.

위와 같은 조건문으로 디바이스별로 각기 다른 CSS파일을 로딩하여 사용할 수있습니다.

기타 자세한 사항은 아래 링크를 참조

http://naradesign.net/wp/2012/05/30/1823/

http://html.nhndesign.com/index.php?mid=textyle&search_target=tag&search_keyword=css3&vid=blog&document_srl=42284

http://truepia.tistory.com/234

http://gnpsi.cafe24.com/wp/?p=615

http://blog.naver.com/PostView.nhn?blogId=yimamuro&logNo=150149961030

http://seye2.egloos.com/2449235

http://blog.naver.com/PostView.nhn?blogId=isayjin&logNo=140133301532

CSS에서 분기처리에 해하여 정리가 잘되어있습니다.

http://naradesign.net/wp/2012/05/30/1823/

이것도 참고

http://blog.naver.com/PostView.nhn?blogId=isayjin&logNo=140133301532

처음으로 각 jsp파일 상단에 아래의 코드를 추가한다.
<%@ page contentType="text/html; charset=euc-kr" pageEncoding="euc-kr"%> (의미는' 웹상에 euc-kr로 뿌려준고 불러온다)

그리고 나서 post 방식과 get방식에 따라 방법이 나뉜다.

1. post방식

- request.setCharacterEncoding('euc-kr'); (각각의 한글이 들어가는 jsp파일 상단에 이 코드를 추가한다.)

서버 사이드

String smartPhoneModel = "";
String browserAgent = request.getHeader("User-Agent");

if(browserAgent.indexOf("iPhone") > 1)
{
    smartPhoneModel = "IPHONE";
}
else if(browserAgent.indexOf("Android") > 1)
{
    smartPhoneModel = "ANDROID";
}
else if(browserAgent.indexOf("iPad") > 1)
{
    smartPhoneModel = "IPAD";
}
else
{
    smartPhoneModel = "PC";
}

클라이언트 사이드

function checkOS()
{
    var webblasare=navigator.appVersion;
    if (webblasare.indexOf("Android")!=-1) {
        os = 'android';
    }    else if ((webblasare.indexOf("iPhone")!=-1) || (webblasare.indexOf("iPad")!=-1)){
        os = 'ios';
    }
    alert(os);
}

http://blog.outsider.ne.kr/153

http://wiki.kldp.org/wiki.php/DrupalHandbook

http://appletree.or.kr/blog/notes/drupal%EC%9D%98-%ED%95%84%EC%88%98-%EB%AA%A8%EB%93%88modules-%EB%AA%A8%EC%9D%8C/

http://bitnami.org/ko/stack/drupal

http://bugs.sun.com/bugdatabase/