URI(Uniform Resource Identifier) Uniform: 리소스를 식별하는 통일된 방식. Resource: 자원, URI로 식별할 수 있는 모든 것들. Identifier: 다른 항목과 구분하는데 필요한 정보. URL(Uniform Reource Locator) 리소스가 있는 위치를 지정. 형식: scheme://[userinfo@]host[:port][/path][?query][#fragment] ex) https://www.google.com:443/search?q=hello&hl=ko scheme에는 주로 프로토콜(어떤 방식으로 자원에 접근할 지 하는 약속된 규칙) 사용. userinfo는 사용자 정보를 포함해서 인증하는 것인데 거의 사용하지 않음. host에는 도메인명 또는 IP..

인터넷 통신 클라이언트-서버 사이 인터넷을 통해서 무엇인가를 서로 주고받고 하는 일련의 과정. HTTP 또한 이런 인터넷 위에서 동작하는데 규칙이 필요함. 이것이 인터넷 프로토콜 IP. IP(Internet Protocol, 인터넷 프로토콜) 지정한 IP 주소에다가 패킷이라는 통신 단위로 데이터를 전달. 패킷에는 출발지 IP랑 목적지 IP랑 등등이 들어가는데 이런 IP 프로토콜의 한계로는 비연결성, 비신뢰성. 패킷이 받을 대상이 없거나 서비스 불능 상태여도 출발지에서 전달이 될 수 있고, 중간에 사라질수도 있음. TCP(Transmission Control Protocol, 전송 제어 프로토콜) TCP의 특징으로는 아래 이미지와 같이 연결지향적, 3 way handshake 방식을 사용. 또한 순서도 보..

전자정부표준프레임워크 마지막 화면처리이다. 제일 처음은 컨트롤러랑 JSP코드 작성해서 프로그래밍 언어 배울때 제일 처음 항상 하는 HELLO WORLD 띄워보기 하핳.. 새 프로젝트 하나 만들어주고 context-servlet.xml 파일에다가 ViewResolver 설정인 아래 코드 내용 먼저 작성해주기. 그 다음은 컨트롤러 파일에다가 URL이랑 View랑 연결해주는 @RequestMapping 관련 코드 작성. @RequestMapping(value = "/hello.do") public String helloworld() { return getViewName(); } 세 번째로는 JSP 파일 즉 View 만들고 실행시켜서 결과 출력 확인하기. HELLO WORLD! 다음은 웹사이트들을 보면 한국어,..

이번에는 전자정부 기능 가지고 배치 테스트를 해보고 테스트 결과를 텍스트로 받아보는 것을 실습해볼것이다. 일단 아래처럼 프로젝트 먼저 따라서 생성해주기. 프로젝트 만들어주고 그 다음은 eGovFrame > Test > Batch Job Test로 들어가서, Job 정보 중 DelimetedToDelimetedJob이랑 Job Launcher 정보를 선택 후 Generate Batch Test File 버튼을 클릭. 그 다음은 아래 이미지 따라서 Test Case 파일 생성해주고 테스팅 후 잘 파일 생성되었는지 확인하기. 아래와 같이 테스트 파일 즉 코드가 잘 생성된 것을 볼 수 있다. import static org.junit.Assert.assertEquals; import java.util.Date;..

전자정부 표준 프레임워크 네 번째는 포스트부터는 실행환경 관련이다. 데이터처리랑, 배치처리랑, 화면처리랑 많다아....... 먼저 데이터처리는 아래와 같은 3 Tier Architecture를 따라서 동작한다. 자바 코드를 작성하기 전에 구동 환경 먼저 설정해 주어야 한다. dataSource 설정은 context-datasource.xml에 빈 설정 추가하기. transaction 설정으로는 context-transaction.xml 파일에다가 해 주면 되는데, 트랜잭션 annotation을 이용하면 대상 메소드에 개별적으로 트랜잭션을 지정할 수 있다는 장점이 있으나, 보통 AOP 형식(tx:aop)으로 선언하여 트랜잭션 대상 메서드들에 일괄 지정하는 경우가 많다고 한다. 이번에는 mybatis 연동을..

전자정부 표준 프레임워크 세 번째 포스트는 개발환경 관련이다. 관련 자료들은 전자정부 표준 프레임워크 홈페이지에서 찾아볼 수 있고 난 교안으로 다운받아서 손쉽게 찾을 수 있었다. 프로젝트 생성하는거, 공통 컴포넌트 생성하는거, MyBatis 실습까지의 내용을 다뤄볼 예정이다. 프로젝트 생성은 위와 같이 하면 되고 그 다음 잘 생성한 것인지 실행하기 위해서는 프로젝트 우클릭한 다음, Run As > Maven Install을 하여 관련 Maven들을 먼저 설치해준다. 설치가 완료되었다면 "BUILD SUCCESS" 이런 메시지가 보일 테고 그다음은, 다시 프로젝트 우클릭 Run As > Run on Server 클릭하고 Finish를 해주면 프로젝트 생성 완료. 정상적으로 프로젝트를 생성하였다면 톰캣 서버..

부록 내용 중 첫 번째 반응형 웹사이트 테스트하기는, 제일 간단히 해 볼 수 있는 크롬 개발자 도구가 있고 안드로이드, xcode 등 시뮬레이터 이용하기가 있다. 두 번째로는 하위 브라우저에 대응하는 법. 익스플로러가 지원 종료된 것과 같이 이전 버전의 브라우저에서 새로 나온 요소나 속성을 지원하지 못하기 때문에, 이런 부분을 해결해 주어야 한다! 하위 브라우저에서 HTML5 요소를 지원하려면 자바스크립트 언어로 만들어진 지원 스크립트 파일 문서에 연결. CSS3 속성을 지원하지 않는다면 역시 지원 파일 연결해주기(요즘은 이런 일은 없을 듯 하지만..) behavior:url(PIE.htc); 미디어 쿼리 속성을 지원하지 않는다면 지원 스크립트 파일 연결해주기. 세 번째는 이미지 관련된 내용인데 pict..

둘째마당에서 플렉서블 박스를 활용해서 반응형 웹을 만들어보았다면, 셋째마당에서는 가변그리드, 미디어쿼리, 뷰포트를 활용해서 반응형 웹을 만들어 보도록 할 것이다. 이전과 동일하게 구조를 먼저 알아보고 각각의 폴더들이랑 index.html 파일 생성으로 시작! 앞선 둘째마당과 유사하게 기본 index.html 먼저 만들어주기. 다음은 기본 CSS 설정 파일인 reset.css파일 만들어주기. @charset "UTF-8"; /* 웹폰트 CSS */ @import url('https://fonts.googleapis.com/css?family=Montserrat|PT+Serif'); /* CSS 초기화 */ html, body, div, span, object, iframe, h1, h2, h3, h4, h..

앞선 포스팅의 반응형 웹 만들기 첫째 마당에선 핵심 기술들에 대해 살펴보았다면 둘째 마당에서는 직접 만들기. 웹사이트의 구조를 먼저 살펴보면 메인페이지와 서브페이지들은 아래와 같은 구조를 한다. 구조를 확인했다면 그다음은 폴더랑 기본파일 구성하기이다. 루트 폴더 하나 만들어주고(상위폴더) 그 아래다가 css, images, js, webfont 폴더를 차례로 만들어준다. 그다음 images 폴더 아래 s_images, p_images, favicon 폴더를 만들어주고 메인 페이지가 될 index.html, 서브페이지가 될 introduce.html, gallery.html, board.html 페이지도 차례로 만들어주면 끝! 폴더 구조는 위와 같은데 소스코드랑 이미지 많아서 이건 따로 뭐....올릴수가...