출처 : http://slipp.net/questions/254


위 링크에서와 같이 다양한 곳에서 문제 가 발생한다.


URL 한글 파라미터 전달

DB 조회 시 설정

서버 locale 설정

JSon 인코딩 문제


등과 같이 다양한 문제가 발생하는데 위 링크를 참조 하면서 해결하면 왠만한 문제가 해결 될것 같다.



'etc > old' 카테고리의 다른 글

[JAVA] thread example  (0) 2015.08.13
angular-js form post 처리 (spring-modelAttribute 처리)  (0) 2015.07.08
[Arduino] 사운드 센서  (0) 2015.06.26
highlight 강조 표현 처리  (0) 2015.06.18
matches 사용방법  (0) 2015.06.18

드디어 아두이노 yun + Grove 셋트를 구매 !

이제부터 하나씩 응용해 보면서 개발 해봐야지 하는 마음으로 오늘부터 하나씩 기록 해 보도록 할 예정임

아...  선 정리에 불편함이 완전 줄어 들어서 넘 좋은거 같음. 브레드 보드여 안녕 ~ 난 단위 모듈만 끼워 넣겠다 ㅋㅋㅋㅋㅋ




사운드 센서 + LED

=> 목표 : 소리가 일정 크기 이상이 되면 불이 들어오도록 함.

=> 응용 : 도서관에서 소리가 큰 사람의 자리는 불이 들어오록 함 -_-;;;


출처 : http://www.seeedstudio.com/wiki/Grove_-_Sound_Sensor


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
int LED = 13;
int SOUND_SENSOR = A0;

void setup() {
  // put your setup code here, to run once:
  Serial.begin(9600);
  pinMode(SOUND_SENSOR, INPUT); 
  pinMode(LED, OUTPUT); 
}

void loop() {
  int sensorValue = analogRead(SOUND_SENSOR);//use A0 to read the electrical signal
  Serial.print("sensorValue : ");
  Serial.println(sensorValue);
  if( sensorValue > 650 ){
    digitalWrite(LED, HIGH);
    delay(200);
  }
  digitalWrite(LED, LOW);
  
}


요약 : innerHTML 을 통해 태그를 추가해주면 됨.


기능

- 검색 단어 하이라이트

- 대소문자 무시처리

- 하이라이트 된 라인만 보이도록 처리 ( 유용할 듯 ? )


댓글로 있으면 더 좋을거 같은 기능 알려주시면 추가 할께요... 그런데 과연 댓글을 줄사람이 있을까? ㅋㅋㅋ


활용은 맘대로 사용하세요 / 출처 남겨주시면 고맙고 ... 아니면 뭐 ^^;



'etc > old' 카테고리의 다른 글

자바 웹 프로젝트를 하면서 격는 한글 처리 문제점...  (0) 2015.07.01
[Arduino] 사운드 센서  (0) 2015.06.26
matches 사용방법  (0) 2015.06.18
cordova - platform support  (0) 2015.06.05
cordova - overview  (0) 2015.06.05

matches

문서 내에서 특정 단어 또는 구문을 찾을 때 유용함.


단점, 한글이 안됨 -_-;


출처 : http://alvinalexander.com/blog/post/java/java-how-case-insensitive-search-string-matches-method



'etc > old' 카테고리의 다른 글

[Arduino] 사운드 센서  (0) 2015.06.26
highlight 강조 표현 처리  (0) 2015.06.18
cordova - platform support  (0) 2015.06.05
cordova - overview  (0) 2015.06.05
안드로이드 PC로 연결이 안되는 경우  (0) 2015.06.02

출처 : http://cordova.apache.org/docs/en/5.0.0/guide_support_index.md.html#Platform%20Support

 

아래 글은 http://cordova.apache.org/docs/en/5.0.0/index.html 내용을 번역하여 주관적으로 기록한 내용입니다. 상황에 따라서 오역 또는 누락 부분이 존재 있으므로 이점 확인바랍니다. 또한 번역일 기준으로 작성된 글이기 떄문에 자세한 내용은 원본 글을 참조시면 좋습니다.

 

플랫폼 지원

 

  • 아래 표와 같이 기본적으로 다양한 기능의 API  제공하고 있습니다.
  • 협력업체 플러그인을 통해 추가 기능의 API 또한 사용할 있습니다.
     



 

목록확인

 

등록


목록

  • 미리보기 / overview
  • 플랫폼 지원 / platform support
  • CLI / The Command-Line Interface
  • 플랫폼 가이드 / Plat Form Guide
    • 플랫폼 가이드 / Android Platform Guide
    • 가이드 / Android Shell Tool Guide
    • 설정 / Android Configuration
    • 플러그인 / Android Plugins
    • / Android WebViews
    • 업그레이드 / Upgrading Android
  • plugman 활용한 플러그인 병합 / Using Plugman to Manage Plugins
  • config.xml 설명 / The config.xml File
  • 아이콘 스플레쉬 이미지 / Icons and Splash Screens
  • 웹뷰 / Embedding WebViews
  • 플러그인 개발 가이드 / plugin development guide
  • 사생활 가이드 / private guide
  • 보안 가이드 / security guide
  • 바람직한 개발 가이드 / Whitelist Guide
  • 저장소 / Storage
  • 다음단계 / Next Steps



'etc > old' 카테고리의 다른 글

highlight 강조 표현 처리  (0) 2015.06.18
matches 사용방법  (0) 2015.06.18
cordova - overview  (0) 2015.06.05
안드로이드 PC로 연결이 안되는 경우  (0) 2015.06.02
[HTML] IE8 에서 ajax 업로드 처리 방법  (0) 2014.07.24

출처 : http://cordova.apache.org/docs/en/5.0.0/guide_overview_index.md.html#Overview

 

아래 글은 http://cordova.apache.org/docs/en/5.0.0/index.html 내용을 번역하여 주관적으로 기록한 내용입니다. 상황에 따라서 오역 또는 누락 부분이 존재 있으므로 이점 확인바랍니다. 또한 번역일 기준으로 작성된 글이기 떄문에 자세한 내용은 원본 글을 참조시면 좋습니다.


아파치 코도바는 아파치 라이센스 2.0 기반의 오픈 소스로

모바일 플랫폼의 Native언어 대신, 웹표준 기술 ( HTML5, CSS3, Javascript ) 사용하여 개발하며, APP 실행 각각의 플랫폼에 맞춰 실행되며, 각각의 장비의 센서, 정보, 네트워크 상태 등과같은 정보를 API 통해 접근하도록 도와줍니다.

 

만약 아래와 같은 상황 이라면 코도바를 사용하면 좋습니다.

 

- 모바일 개발자면서 각각의 플랫폼 언어와 도구 사용법 숙지 없이 APP 다른 플랫폼으로 확장하기 원하는 사람

- 개발자면서 웹을 배포 형태로 묶어 다양한 앱스토어로 배포하고자 하는

- 모바일 개발에 관심이 있으며 WebView 같은 Native 컴포넌트를 통해 장비의 저수준 API 접근하거나 Native WebView 컴포넌트 사이 인터페이스 플러그인을 개발하고자 하는 개발자

 

기본 컴포넌트

 

코도바는 config.xml 설정에 맞춰 동작합니다.

기본 설정에서 index.html 파일이 WebView 포함되어 동작하며, javascript 통해 navtive api 접근할 있습니다.

또한 다양한 plugin 설치를 통해 표준 API 접근하는 것을 허용할 있으며, 또한 plugin 개발하여 적용 수도 있습니다.

 

[참조] 코도바는 UI 위젯 또는 MV 프레임웍을 제공하지 않습니다. (Sencha 등과 같은 third-party 제품을 사용하는 것도 방법임 )

 

개발 방법

 

3.0 버전 부터는 2가지 개발 방법을 제공 하며, 각각 장단점이 있으니 상황에 맞춰 편한 방법으로 개발하면 됩니다.

 

- 크로스 플랫폼 ( CLI )

 

> 코도바 CLI 활용해 개발 수행

> 방법을 사용하면 다양한 플랫폼 형태로 손쉽게 개발이 가능함.

> 또한 공용 인터페이스 plugin 제공을 통해 native API 손쉽게 접근 가능

> 크로스 플랫폼 개발에 추천됨 ( ex. ios, android 동시 개발 )

 

- 플랫폼 중심 개발

 

> 하나의 플랫폼에 집중해 개발 수행

> 해당 플랫폼의 native API 대해 깊게 접근하여 상호 작용이 가능

> 다만, 크로스 플랫폼 대비 native 언어에 직접적으로 접근해 개발해야 되서 어렵다는 것에 유의.

> 복잡한 하이브리드 형태의 앱을 만들때 유용함. ( ex. 기본적으로 native 개발인데 특정 메뉴를 호출해 게시판등에 접근하는 경우 )

 

- 코도바 설치

 

- 하이브리드 : CLI ( Command Line Interface ) 설치

- 플랫폼 중심 : 플랫폼 가이드 참조

 

> 코도바 설치 개발하려는 플랫폼의 가이드를 읽어보기를 추천합니다.

> 또한 프라이버시, 보안 가이드 config.xml 설정, plugin API 같은 문서를 읽어보기 바랍니다.



목록

  • 미리보기 / overview
  • 플랫폼 지원 / platform support
  • CLI / The Command-Line Interface
  • 플랫폼 가이드 / Plat Form Guide
    • 플랫폼 가이드 / Android Platform Guide
    • 가이드 / Android Shell Tool Guide
    • 설정 / Android Configuration
    • 플러그인 / Android Plugins
    • / Android WebViews
    • 업그레이드 / Upgrading Android
  • plugman 활용한 플러그인 병합 / Using Plugman to Manage Plugins
  • config.xml 설명 / The config.xml File
  • 아이콘 스플레쉬 이미지 / Icons and Splash Screens
  • 웹뷰 / Embedding WebViews
  • 플러그인 개발 가이드 / plugin development guide
  • 사생활 가이드 / private guide
  • 보안 가이드 / security guide
  • 바람직한 개발 가이드 / Whitelist Guide
  • 저장소 / Storage
  • 다음단계 / Next Steps


'etc > old' 카테고리의 다른 글

matches 사용방법  (0) 2015.06.18
cordova - platform support  (0) 2015.06.05
안드로이드 PC로 연결이 안되는 경우  (0) 2015.06.02
[HTML] IE8 에서 ajax 업로드 처리 방법  (0) 2014.07.24
[MAC] MAC에서 톰캣 8.0.x 설치하기  (1) 2014.05.26

안드로이드를 PC에 연결해서 개발좀 해보려 했으나 예전에는 USB방식이라 연결하면 바로 폴더가 보였는데 이젠 MTP인가 로 바뀌었네요


여튼 드라이버도 설치하고 그랬는데 계속 nexus7을 인식하지 못하는 현상이 발생함.


결론, 케이블을 바꿔주니 바로 인식 !


아.... 삽질의 끝이란 



출쳐 : 

http://blog.naver.com/guangin/80198713875

'etc > old' 카테고리의 다른 글

cordova - platform support  (0) 2015.06.05
cordova - overview  (0) 2015.06.05
[HTML] IE8 에서 ajax 업로드 처리 방법  (0) 2014.07.24
[MAC] MAC에서 톰캣 8.0.x 설치하기  (1) 2014.05.26
[ETC] Ubuntu 13.10 서버 환경 설치작업  (0) 2014.02.25

요즘은 html5의 기능인 FormData를 활용하여 ajax 업로드를 구현할 수 있다.


하지만 IE8 같은 브라우저를 사용한다면 FormData는 undefined -_-; (IE10 이상부터 사용가능) 난감하다


그래서 아래 소스를 참조하여 구현하니 잘 된다. 만들어 주신분께 감사.


로직은 동적으로 iframe을 만들고 해당 페이지에서 submit을 하는 것


출처 : http://onicodeline.blogspot.kr/2013/06/replace-jquery-formdata-for-file-upload.html


function fileUpload(form, action_url, div_id) {

    // Create the iframe...

    var iframe = document.createElement("iframe");

    iframe.setAttribute("id", "upload_iframe");

    iframe.setAttribute("name", "upload_iframe");

    iframe.setAttribute("style", "border: none;display: none;");

 

 

    // Add to document...

    form.append(iframe);

    window.frames['upload_iframe'].name = "upload_iframe";

 

    iframeId = document.getElementById("upload_iframe");

 

    // Add event...

    var eventHandler = function () {

 

            if (iframeId.detachEvent) iframeId.detachEvent("onload", eventHandler);

            else iframeId.removeEventListener("load", eventHandler, false);


            // Message from server...

            if (iframeId.contentDocument) {

                content = iframeId.contentDocument.body.innerHTML;

            } else if (iframeId.contentWindow) {

                content = iframeId.contentWindow.document.body.innerHTML;

            } else if (iframeId.document) {

                content = iframeId.document.body.innerHTML;

            }

 

            //getting the response from server 

           content = content.replace("","").replace("","");

          alert(content);

        }

 

    if (iframeId.addEventListener) iframeId.addEventListener("load",eventHandler,true);

    if (iframeId.attachEvent) iframeId.attachEvent("onload", eventHandler);

 

    // Set properties of form...

    form.attr("target", "upload_iframe");

    form.attr("action", action_url);

    form.attr("method", "post");

    form.attr("enctype", "multipart/form-data");

    form.attr("encoding", "multipart/form-data");

 

    

    form.submit();// Submit the form...

 

}

MAC에서 톰캣 8.0.x 설치하기




1. 자바 버전 확인


java -version


톰캣 8.0은 Java SE 7 이후 버전을 필요로 한다. 

( 참조 > http://apache.tt.co.kr/tomcat/tomcat-8/v8.0.8/README.html )


2. 톰캣 다운로드


http://tomcat.apache.org/download-80.cgi 페이지에 접근한 다음


Core : tar.gz 버전을 다운로드 한 후, 파일을 압축 해제(더블클릭) 한다.


3. 파일 이동


터미널에 들어간 이후 아래와 같이 입력하여 배포 경로에 파일을 이동 시켜준다.


sudo mkdir -p /usr/local

sudo mv ~/Downloads/apache-tomcat-8.0.8 /usr/local


4. 다음 최신 버전을 손쉽게 배포하기 위해 아래와 같이 링크를 걸어준다.


sudo rm -f /Library/Tomcat

sudo ln -s /usr/local/apache-tomcat-8.0.8 /Library/Tomcat


5. 톰캣폴더의 접근권한을 부여한다.


sudo chown -R <로그인_아이디> /Library/Tomcat


6. 쉘 실행 권한 부여


sudo chmod +x /Library/Tomcat/bin/*.sh


7. 톰캣 시작

/Library/Tomcat/bin/startup.sh


8. 톰캣 종료


/Library/Tomcat/bin/shutdown.sh




참조 링크 : http://wolfpaulus.com/jounal/mac/tomcat7/


회사에서 사용하는 서버용 컴퓨터 (웹서버 + 파일서버 용도)를 새롭게 설치 함.


OS Ubuntu Desktop 13.10 64 bit

DOWNLOAD > http://www.ubuntu.com/download/desktop



설치 소프트 웨어 및 작업 요약


기존 하드 마운트, 내부 IP고정

웹 : Apache2 + PHP5 +MySQL + Tomcat7 연동포함

원격 : SSH

파일 : samba, FTP

기타 소프트웨어 : chromium, gparted, filezilla



작업시간


약 반나절 정도


후기


예전에 작업해서 속도가 나름 빨라진거 같아서 뿌듯했음.


상세 작업


==================================================

선행작업

==================================================


업데이트

최신으로 업데이트를 수행한다

설정 - 언어지원을 눌러 언어지원을 업데이트 한다


마운트

1. 다른 하드를 설치하고자 하는 경우 반드시 마운트를 해줘야 한다.

2. UUID 확인방법 :sudo blkid

3. 이후 /etc/fstab 에 아래와같이 추가한다.


# added sub hdd in 2014.02.25

UUID=6aca0ea0-beb5-4fcf-97e3-aaaaaaaaaaaa /aaa ext4 defaults 0 2

UUID=da7d9550-9318-4ba4-91c9-bbbbbbb /bbb ext4 defaults 0 2

UUID=62b1c2b3-e127-4941-87d7-cccccc /ccc  ext4 defaults 0 2


IP고정

- 네트워크 연결 - IP4v설정 - 수동

- IP 및 기타 정보 입력


공유기

- 포트포워드 설정

- 외부 IP확인 (나중에 도메인연결을 위함)


도메인설정

카페24에서 설정 정보 확인


APT UPDATE

sudo apt-get update

==================================================

SERVER 설치 프로그램 (ubuntu 13.10 )


[U] : 우분투 소프트웨어 센터에서 다운로드 받음 

==================================================

chromium [U]

웹브라우저


gparted [U]

파티션 나누는 프로그램


gksu [U]

Su그래피컬 프론트엔드

( 13.10에서 samba를 설치하기 위해서 선행 설치 되어야 한다)


samba [U]

파일 공유


MySql Server [U]

설치 후 root 암호 변경 

$ mysql -u root mysql

mysql > update user set password = password('new-password') where user = 'root';

mysql > flush privileges;

MySql Workbench [U]

Mysql Client


Apache2

웹서버

sudo apt-get install apache2


[동작]

sudo service apache2 start

sudo service apache2 stop


[HOME]

/var/www


PHP5

sudo apt-get install php5-common php5 libapache2-mod-php5 php5-mysql

[test.php]

<?php

phpinfo();

?>


Tomcat7

웹서버

sudo apt-get install tomcat7 tomcat7-admin tomcat7-common tomcat7-docs tomcat7-user

user added : tomcat7 / sudo passwd tomcat7 / 123123


[Directory]

http://askubuntu.com/questions/135824/what-is-the-tomcat-installation-directory

/etc/tomcat7/ >> 설정정보 있는 곳

/usr/share/tomcat7-root/ >> 웹 홈


[sudo vi tomcat-users.xml add line]

<user username="aaa" password="bbb" roles="manager-script,manager-gui"/>


Apache2 + Tomcat7 연동


1. MOD JK 설치

sudo apt-get install libapache2-mod-jk


2. 톰켓 리다이렉트 설정

[sudo vi /etc/tomcat7/server.xml]

위 파일에서 아래 부분 주석 해제

<Connector port="8009" protocol="AJP/1.3" redirectPort="8443" />


3. apache2 worker파일 생성 및 설정

[sudo vi /etc/apache2/workers.properties]

# ajp13 을 사용하는 워커파일 정의 

worker.list=worker1 

# 워커 설정(ajp13)

worker.worker1.type=ajp13 

worker.worker1.host=localhost

worker.worker1.port=8009


4. apache2 jk 모듈 설정

[sudo vi /etc/apache2/mods-available/jk.conf]


JkWorkersFile 설정 경로 변경

JkWorkersFile /etc/apache2/workers.properties


5. JkMount 설정

[sudo vi /etc/apache2/sites-enabled/000-default]

JkMount /HelloWorld* worker1 라인 추가

( /HelloWorld* 접근 경로, worker1 workers.properties에서 설정한 워커


<VirtualHost *:80>

...

JkMount /HelloWorld* worker1

</VirtualHost *:80>


6. 재기동

sudo service tomcat7 restart

sudo service apache2 restart

[참조]

http://thetechnocratnotebook.blogspot.kr/2012/05/installing-tomcat-7-and-apache2-with.html


FTP

FTP SERVER

[설치]

sudo apt-get install vsftpd


[설정]

/etc/vsftpd.conf


local_enable=YES

anonymous_enable=NO

local_umask=022

write_enable=YES

xferlog_enable=YES

xferlog_file=/var/log/vsftpd.log

ftpd_banner=Welcome to FTP service !!

file_open_mode=777


[재시작]

sudo service vsftpd restart 


Filezilla [U]


FTP CLIENT


SSH

[설치]

sudo apt-get install ssh


[설정]

sudo vi /etc/ssh/sshd_config


[재기동]

sudo service ssh start


[동작확인 :22]

netstat -ntl


+ Recent posts