Web/환경설정
-
발사믹 목업 (Balsamiq mockups) 다운 및 사용Web/환경설정 2018. 9. 3. 15:09
웹페이지 개발시 스토리보드 작성이 필수적이다. 스토리보드를 구성할 때 구현하고자 하는 웹페이지를 보여주는 게 일반적인데 이때 화면 구성을 보다 효율적으로 작성할 수 있다. 다음과 같이 구상한 웹페이지를 빨리 작성할 수 있다. https://balsamiq.com/- Download 클릭- 운영체제에 맞게 다운로드. 윈도우와 맥만 지원중인 것으로 파악된다. 리눅스는 사용 불가. 깔아서 설치하면 된다. 사용법은 굉장히 직관적이다. 원하는 디자인이나 구성을 드래그해와 사용하면 된다. - 처음 켰을 때 모습. 빨간색 브라우저를 드래그해 가운데로 놓으면- 다음과 같이 웹페이지 모양이 나온다. url을 적고 싶다면 더블클릭해url을 적어주면 다음과 같이 적용됨을 확인할 수 있다. 웹페이지 구성하는데 필요한 거의 모..
-
GSON 다운, 설치 및 사용법Web/환경설정 2018. 9. 3. 15:04
GSON은 Google JSON의 약어로 구글에서 제공하는 툴이다. 자바에서 생성한 객체를 매개변수로 넣으면 Gson 객체를 생성해 tojson 메소드를 사용하면 Map으로 매칭시킨 데이터들을 JSON 포맷의 String으로 반환해줘 json 포맷으로 일일이 작성해야 하는 번거로움을 줄여준다. public class DoCheckDuplicateUserIdServlet extends HttpServlet { private static final long serialVersionUID = 1L; private UserService userService; // 입력할때마다 호출되어 userId가 USR 테이블의 USR_ID 에 중복되는 값이 있는지 확인 public DoCheckDuplicateUserIdS..
-
WEB-INF 뜻과 사용법Web/환경설정 2018. 9. 3. 15:01
WEB-INF는 Web Information의 약자로 web에 관련된 정보를 의미한다. 브라우저에서 Context Root 하위의 정보에 대해 접근할 수 있지만 WEB-INF에는 접근할 수 없다. 브라우저에서 url로 jsp 파일 등을 직접 요청하는 경우를 제한하는 것이 보통이기 때문에 jsp 파일들은 실무에서는 WEB-INF 폴더 안에 있다고 보면 된다. 이와 반대로 브라우저가 반드시 참조해야 하는 css, 이미지(img), jQuery 등은 참조할 수 있도록 Context Root의 바로 하위에 static 폴더를 만들어 관리한다. 다음과 같은 구조로 파일 관리한다.
-
자바 파일 업로드 라이브러리 ( commons-io, commons-logging, commons-fileupload ) 다운, 사용Web/환경설정 2018. 9. 3. 15:00
자바를 이용해 파일 업로드를 하려면 commons 라이브러리를 사용해야 한다. commons는 기존 오픈소스 프로젝트인 자카르타 종료 후 시작한 프로젝트로 자바 프로젝트를 사용하면 반드시 필요하다고 해서 commons로 작명했다고 한다. http://mvnrepository.com/ 접속 1. commons.fileupload 검색해 가장 위 링크 검색2. 가장 상위 버전 클릭3. Download(JAR) 클릭해 다운로드. 나머지 파일도 마찬가지로 검색 후 다운로드 한다.4. commons-io 검색jar 파일 다운commons-logging 검색해 받음이클립스나 sts에서 Dynamic web Project 만들어 Context Root/WEB-INF/lib에 복사 후 붙여넣으면 사용할 수 있다. 경로..
-
jQuery 다운, 설치Web/환경설정 2018. 9. 3. 14:56
자바스크립트 라이브러리 중 대중적으로 사용되는 jQuery 다운 및 설치 절차. 1. jQuery 사이트 접속http://jquery.com/ 2. 다운로드 박스 클릭3. 첫번째 jQuery 클릭. 2만여줄의 코드 용량 줄이기 위해 공백과 개행 최소화 시킨 것. 아래 있는 jQuery는 플러그인 등을 직접 개발할 때 사용하는 것으로 초심자는 첫번째 것 사용하면 된다.4. Context root(src/main/webapp)에 js 폴더 생성 후 붙여넣기5. 실행해보면 다음과 같이 빼곡히 코드가 적혀있음을 확인할 수 있다.이후 jsp 파일에 다음과 같이 등록해주면 jQuery를 사용할 수 있다. script type="text/javascript" : 사용할 스크립트 타입 src= 사용하고 싶은 자바스크립..
-
jstl 및 standard jar 파일 다운, 설치Web/환경설정 2018. 9. 3. 14:52
jsp 파일 내에서 자바 문법이 아닌 태그를 이용해 foreach 등의 구문을 사용하기 위해 jstl과 standard을 필요로 한다. jstl은 javax.servlet을 가지고 있어 서블릿 관련 클래스를 사용할 수 있게 돕지 않을까 하는 추측을 해본다. standard는 Taglib를 가지고 있어 jsp 파일 내에서 c 태그 등을 사용할 수 있도록 돕는다.구글링 해보니 API 구현 클래스가 jstl.jar이고, 그냥 구현한 것이 standard.jar라고 한다. 무엇이 맞는지는 잘 모르겠다... 메이븐 접속. 가장 방대한 자바 라이브러리 통합관리 사이트. 아파치 등의 사이트로 접속할 필요 없이 여기서 검색 한번으로 가능하기 때문에 즐겨찾기 하길 권장. http://mvnrepository.com/ 1..
-
오라클(Oracle) 포트번호 변경Web/환경설정 2018. 9. 3. 14:44
오라클과 톰캣 서버를 설치한 채로 sts 실행하면 포트 충돌이 날 것이다. 오라클과 톰캣이 같은 포트번호 값 8080을 기본적으로 할당해 놓기 때문이다. 따라서 하나의 포트를 변경하는 작업이 필요하다. 나는 오라클의 포트번호 변경. 1. windows + r 로 검색창 띄워서 CMD 실행 2. sqlplus sys as sysdba 엔터3. 오라클 설치 시 입력한 비밀번호 입력 ( *가 생기지 않아도 입력되고 있음 )4. EXEC DBMS_XDB.SETHTTPPORT(9090); 입력 HTTP Port 번호 9090으로 변경. 5. SELECT DBMS_XDB.GETHTTPPORT() FROM DUAL; 엔터 9090으로 설정되어있는지 확인 이제 톰캣과 데이터베이스 포트가 겹치지 않게 됐다.
-
톰캣(Tomcat) 다운 & 설치Web/환경설정 2018. 9. 3. 14:41
톰캣은 서버 역할을 해주는 툴이다. HTTP에 기반한 URL 요청을 처리해 응답을 브라우저로 보내는 역할을 해준다. URL에 로컬 컴퓨터의 IP와 톰캣 포트번호를 전달해 톰캣 서버가 받아 처리할 수 있는 요청이라면 그에 대한 결과를 브라우저로 전송한다. 여기서 처리할 수 있다는 의미는 서버에 있는 jsp나 servlet을 의미한다. 톰캣 (Tomcat) 다운 http://tomcat.apache.org/ 2. Download의 Tomcat 9 클릭해 다운3. Zip 파일 클릭해 설치하면 된다. 이후 STS를 사용할 때에 프로젝트 생성시 Target Runtime에 대한 설정을 해주면 톰캣이 적용된 프로젝트를 수행할 수 있다. STS 톰캣 연동 포스팅 참조할 것