라즈베리파이2에 Tomcat7을 설치 하였다. JSP를 이용한 웹서버 개발이 가능하다.



먼저 JDK 7을 설치한다.

$ sudo apt-get update

$ sudo apt-get install oracle-java7-jdk


기존에 JDK 8이 이미 설치되어 있으므로 default 값을 변경하여 준다.

$ sudo update-alternatives --config java

$ sudo update-alternatives --config javac


또한 JAVA_HOME과 PATH를 설정해 준다.

/etc/environment를 변경

export JAVA_HOME=/usr/lib/jvm/jdk-7-oracle-armhf

export PATH=$PATH:$JAVA_HOME/bin


$ source /etc/environment를 수행하여 설정된 것을 반영


그 다음에 Tomcat7을 설치한다.

$ sudo apt-get install tomcat7은 동작하지 않는다. 아직 라즈비안 OS가 안정되지 않은 것 같다.


$ wget http://mirrors.axint.net/apache/tomcat/tomcat-7/v7.0.61/bin/apache-tomcat-7.0.61.tar.gz

$ tar xzf apache-tomcat7-7.0.61.tar.gz

// tomcat의 버전은 다를 수 있다.


CATALINA_HOME과 PATH를 설정한다.

/etc/environment를 변경한다.

export CATALINA_HOME 압축을푼곳/apache-tomcat-7.0.61

export PATH=$PATH:$CATALINA/bin


Tomcat7을 구동한다.

$ sudo bin/startup.sh


브라우저에서 서버에 접속한다.

http://domain_name:8080

그러면 위와 같이 결과가 나타난다.


외부 인터넷에서 집으로 접속을 하기 위해서는 DDNS와 무선공유기 port forwarding이 선행되어야 한다.


참고 : http://www.element14.com/community/community/raspberry-pi/raspberrypi_projects/blog/2014/05/02/tomcat-on-my-pi


Posted by 세상을 살아가는 사람
,

작업환경 정리

2015. 7. 21. 14:35

보호되어 있는 글입니다.
내용을 보시려면 비밀번호를 입력하세요.

헤더의 navbar에 custom icon을 적용하는 방법을 기술한다. 이것을 일반적인 버튼에 적용하여도 된다.

<body onload="init();" id="stage" class="theme">
  <p><span id="message">Custom Icon.</span></p>
  <div data-role="navbar" class="custom_icon">
    <ul>
      <li><a href="#" id="icon1" data-icon="custom">Alarm</a></li>
      <li><a href="#" id="icon2" data-icon="custom">Call</a></li>
      <li><a href="#" id="icon3" data-icon="custom">Home</a></li>
      <li><a href="#" id="icon4" data-icon="custom">Message</a></li>
    </ul>
  </div>
</body>

CSS를 이용하여 버튼에 아이콘 이미지를 적용한다. 위치와 크기를 조절해 준다.
<style type="text/css">
#icon1 .ui-icon {
  background: url(images/icon_alarm.png) 0% -15% no-repeat;
  background-size: 34px 34px;
}
#icon2 .ui-icon {
  background: url(images/icon_call.png) 0% -15% no-repeat;
  background-size: 34px 34px;
}
#icon3 .ui-icon {
  background: url(images/icon_home.png) 0% -15% no-repeat;
  background-size: 34px 34px;
}
#icon4 .ui-icon {
  background: url(images/icon_message.png) 0% -15% no-repeat;
  background-size: 34px 34px;
}
.custom_icon .ui-btn .ui-icon {
  width: 100%; height: 100%;
  margin-left: -17px;
}
</style>


'앱개발' 카테고리의 다른 글

Android Stuido Layout Editor와 AVD 한글처리  (0) 2017.01.31
안드로이드 교육 목차  (0) 2017.01.25
Android Studio 2.2.3 설치  (0) 2017.01.25
PhoneGap에 광고 추가하기  (0) 2015.07.18
스마트폰의 resolution 정리  (0) 2015.07.18
Posted by 세상을 살아가는 사람
,