Codey

코드 분석과 웹 동작 과정

Codey — Mon, 17 Jun 2024 17:14:27 +0900

test.zip

1.46MB

1. jar 파일

cos.jar

Java 서블릿 애플리케이션에서 파일 업로드를 처리하는데 사용되는 라이브러리

jstl.jar

JSTL 태그 라이브러리를 정의하는데 필요한 인터페이스와 클래스를 제공
실제 태그 라이브러리를 구성하기 위한 기본 정의를 포함

mysql-connector-java-5.1.47.jar

Java 애플리케이션이 MySQL 데이터베이스와 통신할 수 있게 해주는 JDBC 드라이버
Java 애플리케이션에서 MySQL 데이터베이스에 연결하고, 쿼리를 실행, 데이터를 처리 가능

standard.jar

JSTL 태그 라이브러리의 실제 구현을 제공
JSP 페이지에서 사용되는 태그 라이브러리의 실제 구현 제공

2. source 파일

META-INF

JAR 파일, WAR 파일, EAR 파일 등에서 메타데이터와 설정 정보를 포함하는 디렉토리
자바 애플리케이션의 배포 및 구성을 관리하는데 중요한 역할

context.xml

JDBC : Java 기반 애플리케이션의 데이터를 데이터베이스에 저장 및 업데이트, 데이터베이스에 저장된 데이터를 Java에서 사용할 수 있도록 하는 자바 API

<Context>
	<Resource
		name="jdbc/MySQLDB"
        -- 이 이름을 통해 데이터베이스 리소스에 접근
		auth="Container"
        -- 인증 방식 지정 (Tomcat)이 인증을 관리한다는 의미
        -- 애플리케이션은 인증 정보를 제공하지 않고 컨테이너가 대신 처리
		type="javax.sql.DataSource"
        -- 데이터베이스 연결 풀을 의미함
		username="minuk"
		password="minuk"
		driverClassName="com.mysql.jdbc.Driver"
        -- 드라이버 클래스 이름을 지정
        -- com.mysql.jdbc.Driver를 사용
		factory="org.apache.tomcat.dbcp.dbcp2.BasicDataSourceFactory"
        -- 데이터베이스 연결 풀을 생성할 때 사용할 팩토리 클래스 지정
   		-- BasicDataSourceFactory를 사용하여 연결 풀을 생성
		url="jdbc:mysql://localhost:3308/micom"
        -- 데이터베이스에 연결할 때 사용할 JDBC URL을 지정
        -- localhost의 포트 3308에서 micom이라는 데이터베이스에 연결하도록 설정
		maxActive="500"
        -- 동시에 연결할 수 있는 최대 활성 연결 수를 지정
	/>
</Context>

WEB-INF

Java 웹 애플리케이션에서 중요한 설정 파일들과 라이브러리들을 포함하는 특별한 디렉토리
WEB-INF 디렉토리는 애플리케이션의 루트 디렉토리 아래에 위치하며, 외부에서 직접 접근할 수 없도록 보호

web.xml

Java 웹 애플리케이션의 배포 설명자
서블릿, 서블릿 매핑, 환영 파일 목록 등을 정의하여 애플리케이션의 동작을 설정

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" id="WebApp_ID" version="3.1">
  <display-name>Chapter15</display-name>
  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
  
  <servlet>
      <servlet-name>ServletTest</servlet-name>
      <servlet-class>ServletTest</servlet-class>
  </servlet>
  <servlet-mapping>
      <servlet-name>ServletTest</servlet-name>
      <url-pattern>/sTest</url-pattern>
      -- /sTest로 시작하는 URL 요청은 ServletTest 서블릿으로 라우팅
  </servlet-mapping>
    <servlet>
      <servlet-name>ServletLifeCycle</servlet-name>
      <servlet-class>ServletLifeCycle</servlet-class>
  </servlet>
  <servlet-mapping>
      <servlet-name>ServletLifeCycle</servlet-name>
      <url-pattern>/sCycle</url-pattern>
      -- /sCycle로 시작하는 URL 요청은 servletLifteCycle 서블릿으로 라우팅
  </servlet-mapping>
  
  <!-- 2020.02.26.   by jwlee 
  <servlet>
      <servlet-name>ServletLifeCycle</servlet-name>
      <servlet-class>ServletLifeCycle</servlet-class>
  </servlet>
  <servlet-mapping>
      <servlet-name>ServletLifeCycle</servlet-name>
      <url-pattern>/ServletLifeCycle</url-pattern>
  </servlet-mapping>

  <servlet>
      <servlet-name>BoardFrontControllerClass</servlet-name>
      <servlet-class>controller.BoardFrontController</servlet-class>
  </servlet>
  <servlet-mapping>
      <servlet-name>BoardFrontControllerClass</servlet-name>
      <url-pattern>*.bo</url-pattern>
  </servlet-mapping>
  -->
</web-app>

서블릿

Java 기반의 웹 애플리케이션에서 클라이언트의 요청을 하고, 동적 웹 콘텐츠를 생성
HTTP 요청과 응답을 처리하는데 사용
서버에서 실행되다가 웹 브라우저에서 요청을 하면 해당 기능을 수행한 후 웹 브라우저에 결과를 전송

init()

초기화
서블릿 요청 시 맨 처음 한 번만 호출
서블릿 생성 시 초기화 작업을 주로 수행

service()

HTTP 요청을 처리
요청에 따라 적절한 메서드를 처리

doGet(), doPost()

작업 수행
서블릿 요청 시 매번 호출
실제로 클라이언트가 요청하는 작업을 수행

destory()

종료
서블릿이 기능을 수행하고 메모리에서 소멸될 때 호출
서블릿의 마무리 작업을 주로 수행

참고 블로그

https://velog.io/@falling_star3/Tomcat-%EC%84%9C%EB%B8%94%EB%A6%BFServlet%EC%9D%B4%EB%9E%80

[Servlet] 서블릿(Servlet)이란?

서블릿의 개념과 동작 과정, 생명주기(메서드), 인터페이스, 서블릿 컨테이너에 대해 공부하고 정리한 내용입니다.

velog.io

서블릿 매핑

웹 애플리케이션의 URL 구조와 서블릿 클래스를 연결

classes

컴파일 된 Java 클래스 파일이 포함
배포된 애플리케이션에서 실행

src

Java 소스 코드 파일을 포함하며, 개발 및 컴파일 단계에 사용

동작 과정

개발자는 src에 코드를 작성
ServletLifeCycle.java 등 파일은 javac 컴파일러를 사용하여 컴파일 됨
컴파일된 클래스 파일(.class)은 'classes' 디렉토리에 저장됨
- 바이트코드 파일로 변환됨 이는 JVM에 의해 실행
web.xml에서 클래스 파일을 매핑하여 주어서 classes에 파일에 있는 바이트코드를 참조

리눅스 환경 기반 JSP 웹 서버 구축 2

Codey — Thu, 13 Jun 2024 14:49:03 +0900

https://minuk2.tistory.com/184

리눅스 환경 기반 JSP 웹서버 구축

필요 테스트 파일1. 아파치 설치리눅스 운영체제에서는 패키지와 패키지 매니저를 지원합니다.리눅스 패키지 : 여러 파일을 모아 하나의 파일로 저장하고 있는 압축 파일입니다.sudo suapt update--

minuk2.tistory.com

지난 글에서 이어집니다.

교수님 과제 : 리눅스에 구축하여 오류를 수정하라.

모델 2 아키텍처 (MVC 패턴)

Model(모델) : 비즈니스 로직 및 데이터 접근 담당
View(뷰) : 사용자 인터페이스 담당, JSP로 구현
Controller(컨트롤러) : 클라이언트 요청을 처리, 모델과 뷰 사이를 연결, 서블릿으로 구현

ubuntu.zip

1.46MB

1. PC에서 우분투 서버로 zip 파일 이동

-- cmd --
scp ubuntu.zip ubuntu@192.168.178.133:/home/ubuntu
-- ubuntu --
unzip model2_jsp.zip
cd [옮길 파일 경로]

2. 파일 압축 풀기

unzip ubuntu.zip

3. 파일 복사하여 이동

META-INF
src

cp -r /home/ubuntu/META-INF/* /var/lib/tomcat9/webapps/ROOT
cp -r /home/ubuntu/src/* /var/lib/tomcat9/webapps/ROOT

4. MySQL에서 테이블 생성

mysql -u root
use micom;
source /home/ubuntu/sql/board.sql;

5. ssh로 접속

ssh ubuntu@192.168.178.133
sudo chmod -R 777 /var/lib/tomcat9/webapps/ROOT/WEB-INF/classes
-- classes 디렉토리에 전체 권한을 부여합니다.
javac -encoding ISO-8859-1 -classpath /usr/share/tomcat9/lib/servlet-api.jar:/var/lib/tomcat9/webapps/ROOT/WEB-INF/classes -d /var/lib/tomcat9/webapps/ROOT/WEB-INF/classes /var/lib/tomcat9/webapps/ROOT/WEB-INF/src/*.java
-- 소스 코드의 인코딩이 ISO-8859-1이기 때문에, 이를 명시하여 컴파일
-- 컴파일은 Java 소스 코드를 바이트코드로 변환하여 JVM에서 실행 가능하게 함

6. mysql 테이블 이름 변경

mysql -u root
use micom;
rename table BOARD to board;
* 오류 : 리눅스 운영체제에서 MySQL은 테이블 이름을 대소문자를 구분하여 테이블명을 변경

7. 경로 변경

cd /var/lib/tomcat9/webapps/ROOT/WEB-INF/src/action
vi BoardWriteProAction.java
String saveFolder="var/lib/tomcat9/webapps/ROOT/boardUpload"
* 오류 : 파일 업로드가 되지 않는 오류
-- 20줄에 코드 수정
-- 파일 업로드 디렉토리를 지정하는 코드
-- 경로가 "/boardUpload"로 절대 경로로 설정되어 있음
-- 절대 경로를 사용하면 애플리케이션이 다른 위치에서 실행될 때에도 파일 경로를 정확하게 참조할 수 있습니다.
-- 파일 업로드와 관련된 보안 및 접근 권한을 일관되게 관리할 수 있음

8. 권한 부여

chmod -R 777 /var/lib/tomcat9/webapps/ROOT/boardUpload
-- boardUpload 디렉토리와 그 안의 모든 파일 및 하위 디렉토리에 대해 읽기, 쓰기, 실행 권한을 부여

9. 파일 다운로드시 오류 해결

cd /var/lib/tomcat9/webapps/ROOT/board
vi file_down.jsp
String sFilePath = sDownloadPath + "\\" + fileName;를 
String sFilePath = sDownloadPath + "/" + fileName;로 변경

'\\'는 Windows에서 사용하는 경로 구분자
'/' 유닉스 계열(Linux, macOS 등)에서 사용하는 경로 구분자
현재는 리눅스에서 사용하기 때문에 '/'를 쓰면 됨

리눅스 환경 기반 JSP 웹서버 구축

Codey — Wed, 12 Jun 2024 19:58:07 +0900

구축 환경

ubuntu version 22.04.3

C.zip

1.45MB

1. 아파치 설치

리눅스 운영체제에서는 패키지와 패키지 매니저를 지원합니다.
리눅스 패키지 : 여러 파일을 모아 하나의 파일로 저장하고 있는 압축 파일입니다.

sudo su
apt update
-- 패키지 업데이트 : 패키지를 다운로드 할 수 있는 저장소의 최신 정보를 업데이트 
apt install -y apache2
-- 아파치 설치
ufw allow http
-- http 방화벽을 해제
ufw allow https
-- https 방화벽을 해제

2. 자기 IP로 웹에서 접근해보기

성공적으로 접속이 가능한 모습

3. 자바 설치

apt-get install -y openjdk-11-jdk
-- jdk11을 설치하는 명령어입니다.
-- apt-get : 패키지를 설치, 업그레이드, 제거 및 관리하기 위한 명령어
-- install : apt-get의 하위 명령어로 지정된 패키지를 설치
-- y : 설치 중 발생하는 모든 명령어를 yes로 응답
-- openjdk-11-jdk는 jdk(11)을 의미하며 자바 애플리케이션을 개발하고 실행하는데 필요한 도구와 라이브러리

javac -version
-- 설치된 버전을 확인합니다.

4. 톰캣 설치

apt-get install -y tomcat9
-- 톰캣 설치

5. 톰캣 설치 확인

자신의 주소와 톰캣의 포트번호(8080)을 입력하여 확인합니다.

6. 아파치와 톰캣 연동

apt-get install –y libapache2-mod-jk
-- 아파치 http 서버와 tomcat 애플리케이션 서버 간의 통합을 위한 모듈 mod_jk를 설치하기 위함
vi /etc/libapache2-mod-jk/workers.properties
-- mod_jk 모듈의 설정을 변경
workers.tomcat_home=/usr/share/tomcat9
-- tomcat 서버의 홈 디렉토리를 지정하는 설정
-- user/share/tomcat9 : tomcat 서버가 설치된 디렉토리 경로
workers.java_home=/usr/lib/jvm/openjdk-11
-- java 홈 디렉토리를 지정하는 설정 항목
-- /usr/lib/jvm/openjdk-11 : openjdk 11이 설치된 디렉토리 경로

7. 아파치 HTTP 서버의 기본 가상 호스트 설정 파일 설정

vi /etc/apache2/sites-available/000-default.conf
-- 아파치 HTTP 서버의 기본 가상 호스트 설정 파일
-- *가상 호스트 : 하나의 아파치 HTTP 서버 인스턴스에서 여러 웹사이트를 호스팅할 수 있도록 해주는 기술
DocIumentRoot /var/lib/tomcat9/webapps/ROOT
-- 아파치 HTTP 서버가 기본적으로 제공할 웹사이트의 루트 디렉토리를 지정
JkMount /* ajp13_worker
-- JkMount는 URL 패턴을 톰캣 서버로 전달하도록 설정
-- /* : 이 패턴은 모든 요청을 의미. 즉, 루트 경로부터 시작하는 모든 URL에 대한 요청을 포함
-- ajp13_worker : HTTP 서버가 AJP를 사용하여 Tomcat 서버와 통신할 수 있도록 설정된 커넥터

8. Tomcat과 AJP 커넥터 연결

AJP 커넥터 : 웹 서버와 애플리케이션 서버 간에 요청을 전달하는 역할을 하는 커넥터

vi /etc/tomcat9/server.xml
<Connector 	protocol=“AJP/1.3”
			address=“::1”
			port=“8009”
			redirectport=“8443” />
-- 이 부분에 주석을 수정해줍니다.
<Connector 	protocol=“AJP/1.3”
			address=“0.0.0.0”
            -- 모든 네트워크 인터페이스 의미
			port=“8009”
			redirectport=“8443” 
			secretRequired=“false”
            -- AJP 커넥터가 요청을 수락할 때 비밀키를 요구하지 않게 설정
            -- 내부 네트워크에서 빠르게 설정하고 동작을 확인하기 위해 비밀 키 설정을 생략
            />

9. 설정 적용을 위해 아파치와 톰캣 재시작

service apache2 restart
service tomcat9 restart

자기 자신의 ip만 입력해도 바로 톰캣서버로 이동됩니다.

10. MySQL 설치

apt install –y mysql-server
-- MySQL를 설치
ufw allow mysql
-- 방화벽 해제
mysql -u root
-- mysql 접속
create database micom;
-- micom db를 생성
create user ‘minuk’@’%’ identified by ‘minuk’;
-- user 생성
grant all privileges on *.* to 'minuk'@'%' with grant option;
-- 접속 권한 주기
flush privileges;
-- 변경 내용 적용
exit
-- mysql 접속 종료
vi /etc/mysql/mysql.conf.d/mysqld.cnf
-- mysql 서버의 주요 설정 파일 중 하나
bind-address = 0.0.0.0
-- 모든 ip 주소에서 접근 허용
systemctl restart mysql
-- mysql 재실행

bind-address를 저렇게 변경해주시면 됩니다.

11. PC 파일을 우분투로 옮기기

scp C.zip ubuntu@192.168.178.133:/home/ubuntu
-- ubuntu@192.168.178.133 : 원격 서버의 사용자 이름과 ip 주소
-- /home/ubuntu : 원격 서버의 경로
-- 필요한 파일을 압축하여 우분투 서버에 옮겨줍시다.

apt install unzip
-- zip 파일 압축해제를 위해 다운

unzip C.zip
-- unzip [파일명.zip]

cd [옮길 파일 경로]

이 파일들을 옮겨보겟습니다.

cd /home/ubuntu/linuxsource 
-- 옮길 파일이 있는 디렉토리 경로로 접속
mv mysql-connector-java-5.1.47.jar /var/lib/tomcat9/lib
mv cos.jar /var/lib/tomcat9/lib
mv jstl.jar /var/lib/tomcat9/lib
mv standard.jar /var/lib/tomcat9/lib

그 다음 소스 구축 자료 파일과 MEFTA-IFN 파일들을 톰캣 ROOT에 옮겨보겠습다.

mv css /var/lib/tomcat9/webapps/ROOT
mv kboard /var/lib/tomcat9/webapps/ROOT
mv kmember /var/lib/tomcat9/webapps/ROOT
mv META-INF /var/lib/tomcat9/webapps/ROOT
mv nboard /var/lib/tomcat9/webapps/ROOT
mv script /var/lib/tomcat9/webapps/ROOT
mv WEB-INF /var/lib/tomcat9/webapps/ROOT

12. MySQL context.xml 파일 수정

vi /var/lib/tomcat9/webapps/ROOT/META-INF/context.xml
username = minuk
-- 본인이 설정한 것으로 수정
password = minuk
-- 본인이 설정한 것으로 수정

13. MySQL에서 DB 생성

mysql -u root
use micom;
source /home/ubuntu/sql/kboard.sql;
source /home/ubuntu/sql/kmember.sql;
source /home/ubuntu/sql/member.sql;
source /home/ubuntu/sql/nboard.sql;
-- sql문이 있는 경로에 있는 sql문을 source로 적용시켜줍니다.
show tables;
-- 테이블이 만들어졌는지 확인

14. http://우분투서버 ip/login.do로 접속하여 확인

회원가입 및 테스트 해보기

use micom;
mysql -u root
select * from kmember;

[럭스로보/MODI] 7일간의 합숙 훈련, Village of IoT (금상 수상작)

Codey — Tue, 11 Jun 2024 16:03:48 +0900

22 .07.01~ 22.07.08

2022년 7월 1일부터 7월 8일까지 여름방학 동안, MODI를 활용한 자유 주제로 7일간의 팀 프로젝트를 준비하게 되었습니다. 이번 코딩 대회와 팀 프로젝트는 저에게 새로운 도전과 배움의 기회를 선사했습니다. 특히, 7일간의 합숙훈련을 통해 팀원들과 함께 스마트시티를 구축하는 과정은 평생 잊지 못할 소중한 경험이 되었습니다.

처음으로 참가한 코딩 대회와 팀 프로젝트는 두려움과 설렘이 공존하는 순간이었습니다. 새로운 기술을 배우고, 팀원들과 협력하며 문제를 해결하는 과정은 저에게 많은 성장을 안겨주었습니다. 이 글에서는 그 여정과 배운 점들을 공유하고자 합니다.

주제

Village of IoT (스마트시티 프로젝트)
이 프로젝트는 수많은 모듈을 사용하여 도시가 스스로 작동하며, 사람들이 아닌 시스템이 스스로 일을 처리해주는 작은 사회를 만드는 것을 목표

팀소개

서XX : 1학년
유XX : 1학년
박XX : 1학년 (본인)
이XX : 1학년

아이디어 스케치

각각 섹션으로 나누어서 컨셉을 맞추어서 아이디어를 구상해보았습니다.

파트 1 주거 공간 : 자동문, 엘리베이터
파트 2 엔터테인먼트 : 게임보이, 다마고치, 포켓몬 골드, 주크박스
파트 3 공공기관 및 보안관리 : 지진감지, 대공방어시스템, 감옥
파트 4 무인주차 정산시스템 및 은행 : 무인주차, 금고
교통 시스템 : 신호등 및 신호 위반감지센서, 가로등

모듈 / 재료

모듈 / 재료	역할
모터, 다이얼, 낚시줄, 버튼	엘리베이터
적외선, 모터	자동문
디스플레이, 다이얼, 버튼	포켓몬 미니게임
다이얼, 버튼, 디스플레이, 스피커	다마고치 미니게임
자이로, 스피커	지진감지기
초음파, led, 스피커	대공방어 시스템
버튼, 모터	감옥문
환경, led	가로등
모터, 디스플레이, led	자동주차공간(주차 정산 시스템)
led, 적외선, 스피커	신호등 및 신호위반감지센서
다이얼, 스피커	금고
적외선, 스피커	센서 감지 주크박스

Village of IoT 전체적인 모습

프로젝트의 최종 결과물을 바라보며, 마감일까지 밤을 새워가며 작업한 노력이 결실을 맺었음을 실감할 수 있었습니다. 완성된 모습을 보니 한없이 뿌듯한 마음이 들었습니다. 이제, 각 세부 요소들을 하나씩 상세히 설명해 드리겠습니다.