WEB: 웹프로그래밍 개발환경 구축

Nayeon Kim·2021년 9월 25일
2

webProgramming

목록 보기
1/3

프론트엔드 웹 프로그래밍은 작년에 배웠고,
이번 웹 프로그래밍은 백엔드를 다룬다.

개발을 해보기에 앞서, 컴퓨터에 개발 환경을 구축하는 데 필요한

-자바 개발환경(ORACLE JDK)
-서블릿 컨테이너(Apache Tomcat)
-통합 개발환경(Eclipse IDE)

를 설치하고 몇몇 설정을 해줘야 하는데, 이전 프론트엔드_웹 프로그래밍/객체지향언어를 배우면서 프로그램이 모두 깔려있고, 기본 설정이 되어있는 상태였다.
다만, 자바 기본을 익혔던 객체지향언어 수업에서는 Eclipse IDE for java Developers를 사용했지만
이번 백엔드 웹 프로그래밍에서는 Eclipse IDE for Enterprise JAVA and Web Developers를 설치해야 한다. (기존에 깔려 있던 이클립스 IDE와 충돌?하지는 않을지 걱정이 됐는데 그건 아닌듯. 아이콘이 달라서 구별 가능하다 EE 버전은 동그라미 안에 주황색 글씨 써져 있음!)

-view: IDE 내 작은 기능 화면창들(탐색기, 아웃라인 등)
-perspective: IDE 내 뷰들을 특정 작업에 맞게 배치해 사용

-자바 개념 배울 때, 과제 소스파일마다 AUTHOR 주석(=타입 주석)을 일일이 작성했었는데
[Windows]->[preferences]->[Java]->[code style]->[code template] 들어가서 원하는 주석을 넣어주면 새로 생성한 파일에 그 주석이 추가될 수 있도록 설정이 가능하디.

-한국어의 경우, 웹에서 깨지는 경우가 많아 유니코드 기반의 UTF-8로 설정하는 것이 좋음
[Windows]->[preferences]->[General]->[workspace]->[text file encoding]

-static(정적) web project: html, css, javascript로만 구성된 웹 개발
-dynamic(동적) web project: 서블릿, JSP 개발시

web.xml: web application 관련 정보들을 서블릿 컨테이너에 제공하기 위한 파일
dynamic web project jsp 파일 첫 생성시, 설치한 톰캣 버전과 연동하기
-JSP 파일 생성시, 이름 첫글자는 대문자로 하자
-Eclipse 글씨 크기 조절하고 싶을 때, [control] + <+> or <->

->첫 실습 마무리. 처음으로 만들어 본 dynamic web project JSP 파일, Hello world!

#JSP 실행 방법
[Run](=[project explorer]->[제목.jsp]->마우스 오른쪽 버튼)->[Run as]->[Run on server]->[Next]->[configured]에서 해당 프로젝트가 보이면 [finish] 눌러서 실행-> 톰캣 서버가 실행되면서 설정한 브라우저를 통해 결과를 확인할 수 있음.

first try- 에러가 뜸.

The server cannot be started because one or more of the ports are invalid. Open the server editor and correct the invalid ports.

톰캣 서버의 일부 포트들이 유효하지 않다는 메시지. 생각해보니 JRE랑 연결이 안됐을 것 같아 톰캣을 새로 설치하고 포트를 바꿈. 실패-> 이전에 웹 프로그래밍할 때 썼던 파일 경로를 다 그대로 쓰려니 여전히 포트 번호가 중복된다는 등의 잔문제가 발생함. 일단 새로 설치한 톰캣 삭제, 파일 탐색기 내에서 삭제가 안되길래 제어판에서 프로그램 제거했음.

second try- 원래 설치해뒀던 톰캣 포트번호 바꾸기->성공.
예상과 다르게 포트 번호만 바꿔주면 해결되는 문제였다. 당연히 기존 설정돼있던 포트는 다른 곳에서 사용중이라 포트 번호를 바꿔주어야만 함.
포트 번호 변경은,
1. Eclipse 창 아래쪽에 servers(서버 뷰)에 들어가서
2. no server라고 뜬다면 그 문구를 클릭해 사용중인 tomcat 버전과 파일 경로를 저장해주고, 3. 서버 뷰에 뜨는 tomcat 문구를 더블 클릭해 뜨는 창에서 포트번호를 변경해주면 된다.
기존에 -1, 80으로 설정되어 있었는데, 둘다 바꿔줘야 하므로 3005, 8080으로 변경해 주었다.


->포트 변경 후 jsp를 실행해보니 정상 작동함.

profile
Department of Computer Science

0개의 댓글