JayTech의 기술 블로그

저번 시간에는 SQL설정 까지 보았다. 이번에는 Mapper파일을 보자. @Mapper("welcomeWebMapper")public interface WelcomeWebMapper {List selectPieChartList() throws Exception;// testList selectListOne(Map paramMap) throws Exception;List selectListTwo(CountryVO countryVO) throws Exception;List selectListThree(String str) throws Exception;} 이렇게 인터페이스로 맵퍼를 정의한다. 저번 포스팅에서 맵핑 설정을 해 놓았으므로 이제 자동으로 맵핑이 될 것이다. 맵퍼전은 서비스이므로 서비스단을 보자. ..

페이지에서 특정 값을 데이터베이스에서 조회한 데이터들을 어떻게 뿌릴까? 예를들어 이런식으로 동적 테이블을 만들어야 하는데 어떻게 하지? 기본 하나씩 살펴 보자. 데이터 베이스에서 테이블에 값들이 있을 것이다. 나라(Country) 테이블이 러시아 인것만 뽑고 싶다. 그러면 어떤 작업부터 해야 할까? 당연히 jsp 뷰가 있어야 할 것이다. (테이블)부트스트랩을 이용한 표이다. 특정 테이블 조회 나라이름 ID Name Salary Country City 는 jstl인데 이것은 컨트롤러에서 데이터를 넘겨준 것이다. 이따 설명할것임 흐름 중요) 컨트롤러 -> 서비스 -> 서비스임플 -> 매퍼 -> SQL 먼저 SQL 쪽을 보자. 마이바티스 설정을 해주어야 한다. 위치는 여기다. sql맵 하위 폴더를 찾아보면 m..

jsp단에서 폼태그가 있다고 치자. 1234 Colored by Color Scriptercs hidden인 이유는 어차피 사용자가 볼 필요가 없기 때문이다. 화면에서 어떤 식으로 값을 넘기던 form을 이용해서 넘기는 것을 생각해 보자. 클릭이벤트를 주고 넘어가는 부분을 보자. 123 MENUColored by Color Scriptercs 이런식으로 onclick메서드를 넣어준다. 그럼 script쪽에서 들어오는 파라미터를 처리해 준다. 12345678910var header = { pageSubmitFn : function(pageName, form) { $("#pageName").val(pageName); // input 태그의 value를 설정한다. $("#"+form).attr("action"..

푸티를 설치후 등록받은 주소와 포트를 입력하고 로그인한다. FTP 프로그램으로 (Filezilla) war파일을 넣어야 한다.war파일은 이클립스에서 export로 만든다. 호스팅받은 주소로 접속한다. 경로는 home/hosting_users/[아이디]/tomcat/webapps 밑이다. 거기에 추출한 war파일을 옮긴다. 위의 사진에서는 이미 압축이 풀어져있지만(webproject) 처음에는 그냥 war파일만 옮긴다. 그리고 putty로 톰캣에 접속한다. 그리고 서버를 실행한다. tomcat/bin/startup.sh 로 실행하면 자동으로 압축이 풀린다. http://[아이디].cafe24.com/[프로젝트명] 을 들어가 보면 웹사이트가 뜨는 것을 확인해 볼 수 있다. 물론 index파일이 초기설정으로..

자바스크립트는 브라우저 환경에서 돌아가도록 만들어졌다. 그래서 글로벌 영역을 다른 언어와는 조금 다르게 구현하고 있다. 그래서 조금 다른 개념이 들어가 있다. 글로벌 영역도 하나의 변수로 정의한다. 글로벌 영역은 window객체가 관장한다. 표준에서 말하기를, 1. 글로벌 객체(Global Object)는 단 하나만 유일하게 존재하며, 어떠한 컨텍스트가 실행되기 전에 먼저 생성된다. 2. 글로벌 객체는 내부적으로 생성자가 없으며 new를 이용해서 생성자로서 사용할 수 없다. 3. 글로벌 객체는 내부적으로 함수가 없으며, 글로벌 객체를 함수로서 호출할 수 없다. 4. 글로벌 객체의 프로토타입은 구현방법에 따라 달라질 수 있다. 5. HTML DOM 환경에서 이 객체는 window 속성을 가지고 있으며, 이..

마이바티스쪽으로 파라미터를 던지는 것을 해보자. 1234567891011121314@RequestMapping(value="welcomeWeb.do") public String initWelcomeWeb(ModelMap model) throws Exception { Map paramMap = new HashMap(); paramMap.put("hanq", "한큐"); List welcomeWebList = welcomeWebService.selectWelcomeWebServiceList(paramMap); List welcomePieList = welcomeWebService.selectPieChartList(); model.addAttribute("welcomeWebList", welcomeWebLis..

default-left에 1234$(document).ready(function() { var pageName = ""; alert(pageName);}); Colored by Color Scriptercs 를 추가해보자. input hidden name 전 페이지에서 보낸 값이자 name을 컨트롤러로 보낸다. param은 예약어 이다. 1번 페이지에서 2번을 호출한 것과 같다. 전페이지에서 보낸 값을 받을 때 param을 붙인다. c는 jstl의 라이브러리 이다. : 은 프로퍼티를 의미한다. c의 프로퍼티인 out을 사용하는 것이다. c.out은 string화 시키는 것이다. pageSubmitFn : () 안에 script를 악의적 목적으로 넣을 수 있다. 악성코드는 script형태인데 이것이 들어왔..

글로벌 변수란 말 그래도 선언하면 어디서든지 접근할 수 있는 변수이다. 작성할수 있는 경우를 보자. 가장 대표적인 글로벌 변수의 예 경량의 웹사이트에서는 이렇게 쓰지만 복잡한 자바스크립트에서는 자제하는 것이 좋다. 자바스크립트의 특징 중 하나는 for 루프 안에서 글로벌 변수를 만들 수 있다는 것이다. 위와같이 선언했다면 global은 전역변수이다. 다른언어에서는 for문안에 지역적인 변수이지만 자바스크립트에서는 for문안에서 scope를 생성하지 않는다. 더 신기한것은 i까지도 글로벌 변수라는 것이다. 그래서 이런식으로 쓸때는 충돌에 굉장히 조심해야 한다. 다음도 헷갈리기 쉬운 문제이다. 콘솔에 뭐라고 찍힐것 같은가? 얼핏 보기엔 1부터 10까지 더한것을 10번 반복하여 550이 되는것 처럼 보인다. ..

service 폴더안에 impl폴더안에 WelcomeWebMapper라는 인터페이스를 만든다. 1234@Mapper("welcomeWebMapper")public interface WelcomeWebMapper { List selectWelcomeWebServiceList() throws Exception;}Colored by Color Scriptercs 이렇게 함수머리만 선언한다. 이 함수는 디비에서 값을 가져오는 함수이다. 저렇게 일단 놔두고 WelcomeWebServiceImp로 가자. 서비스 임플은 나중에 트랜잭션까지 관리하게 된다. 어노테이션도 맵퍼로 조져준다. 12345678910@Service("welcomeWebService")public class WelcomeWebServiceImpl..

자바스크립트의 변수들은 기본적으로 모든 형태를 수용할 수 있도록 형에 대한 제약이 없다. 자바스크립트에서 객체가 아닌 기본적인 키워드와 문자로 활용되는 기본형은 다음과 같다. number(숫자)string(문자열)boolean(이진값)undefinednullsymbol typeof 연산자로 형을 검사할 수 있다. 예를들어 typeof 1; // "number" 출력됨 신기한 점은 null을 타입검사를 하면 object가 나온다. 그 이유는 null이면 0값을 가지는 객체로 취급하도록 설계되었기 때문이다. 이말인 즉슨 타입검사 코드를 삽입할 때 null검사까지 해줘야 한다는 것이다. 예시를 보자. if(variable !== null && typeof variable === "object" ) {// ....