Jay의 기술 블로그

문서에 들어간 여러가지 요소는 별도 위치 지정이 없을 시에는 위에서 아래로 나열된다. CSS에서는 position과 float 속성을 통해서 위치를 직접 적용하고 레이아웃을 구성할 수 있다. position은 문서 내 요소의 위치를 직접 지정할 수 있고 float는 다른 요소의 좌/우에 배치되도록 할 수 있다. 1. 원하는 위치에 배치하기 (position 속성) 속성 설명 static 기본값으로 상->하로 요소를 배치한다. relative 원래 배치되어야 할 위치에서 지정한 값만큼 떨어진곳에 요소를 배치한다. absolute 가장 가까운 상위 요소의 위치를 기준으로 지정한 값만큼 떨어진 곳에 요소를 배치한다. fixed 웹 브라우저 화면 전체를 기준으로 배치한다. 스크롤을 하더라도 위치가 고정된다. s..

요새 사드배치 보복 때문에 말이 굉장히 많습니다. 헌데 그럴 수 밖에 없죠. 당장에 한국 경제가 흔들릴 가능성이 농후하기 때문입니다.그렇다면 중국이 어떤 나라인지를 자세히 알아봅시다. 중국은 2015년 기준 명목 GDP 는 미국의 3분의 2이고 구매력 평가기준 GDP는 미국을 능가한 경제 대국입니다.. 몇년전 명목GDP에서 일본을 제끼고 세계 2위를 달리고 있기도 합니다. 그리고 3위와의 차이를 압도적으로 벌렸습니다. GDP란?일정기간 동안에 국내에서 생산된 모든 최종 재화와 서비스의 시장가치를 말합니다. 위에서 명목 GDP라고 했는데 저건 뭘까? 사실 GDP는 해당연도의 시장가격으로 계산하는지 아니면 어떤 기준연도의 시장가격으로 계산하는지에 따라 구분됩니다.명목 GDP란 재화와 서비스의 생산 가치를 해..

제이쿼리는 타겟을 잡는 것이 중요하다. 꼭 알아야 하는 중요한 것들만 보자. 테스트하기 좋게 여러 버튼이 있는 페이지를 써볼 것이다. 소스의 일부를 발췌하였다. Colors Default Primary Info Success Warning Danger Styles Default Fill Fill + Round Round Simple //.................... 1. 먼저 타겟 잡는 법이다 $("#defaultBtId0").css("border", "8px solid #ff0000"); 쩜(.)을 기준으로 왼쪽이 target이다. 지금은 아이디가(#) defaultBtId0 인 놈을 잡았다. 쩜의 오른쪽은 무엇을 시킬지 즉, 행위이다. JQuery API에서 발췌하였다. .css()Catego..

저번 포스팅에서는 부트스트랩 테이블을 만들어보고 컨트롤러에서 뷰로 데이터를 넘겼다.http://pjh3749.tistory.com/140 그 버튼클릭된것을 넘기는 부분 말고 실제 데이터도 보여주어야 하므로 같이 넘겨야 한다. 컨트롤러안에서 List list = service.selectServiceList(); model.addAttribute("list", list); 이런식으로 넘겨준다. 데이터베이스에서 값을 가져오는 방법은 에 자세히 설명되어 있으므로 참고하기 바란다.http://pjh3749.tistory.com/136 본격적으로 jsp의 테이블을 보자. ${buttons} thead부분이 바뀌었다. 바로 jstl을 이용해서 동적으로 클릭된 버튼의 이름으로 thead를 만드는 것이다. forEac..

부트스트랩은 웹디자인을 쉽게 하기 위해서 미리 정의된 css,javascript를 모은 강력한 front-end 프레임워크이다. 부트스트랩 테이블을 이용하여 데이터베이스에서 값을 가지고와 jstl로 뿌려보자. 제일 먼저 필요한건 당연히 테이블이 되겠다. 그냥 이런식이다. 이 테이블이 어떻게 만들어졌는지부터 보자. 테이블 테스트 부트스트랩 테이블입니다~ ID Name Salary Country City 이렇게 되어 있다. 먼저 가 의미하는 것은 부트스트랩의 그리드 시스템을 이용한다는 것이다. 이 시스템은 사용자크기에 따라 (즉 기기의 크기) 유동적으로 변하는 시스템이다. 모바일폰(매우 작은기기) .col-xs- 태블릿(작은기기) .col-sm- 데스크탑(중간기기) .col-md- 더 큰 데스크탑(큰기기) ..

요즘들어 중국이 사드배치에 대한 보복에 나서고 있습니다. 예를들어, 한국행 관광상품 모집 중단, 한국산 화장품 수입 규제, 중국방송에 출연하는 한국연예인들의 출연 제한 등등 노골적으로 반응하고 있습니다. 그렇다면 도대체 왜 이런 반응을 보이는 것일까요? 그 이전에 사드가 뭔지 알아봅시다. 사드(THAAD) Terminal High Altitude Area Defense (사드 또는 싸드로 읽는다) 미국 육군이 개발한 탄도탄 고고도 요격체계입니다. ...? 무슨 말인지 너무 어렵습니다. 탄도탄이란 대기권에 진입할 때까지만 지상에서 유도하고 목표에 도달할 수 있는 궤도를 확보하면 자유 낙하를 하는 탄을 말합니다. 이 탄도탄을 요격하기 위한 (쉽게말해 방어하기 위한) 미사일이라는 것입니다. 사실 동북아의 긴장..

체크박스 체크된 것들을 가져와서 어떻게 컨트롤러에서 처리할까? 먼저 간단한 체크박스를 만들어보자. 부트스트랩을 이용하였다. 체크박스 소스 123456789101112131415161718192021 컨트롤러로 go a b c Colored by Color Scriptercs line 2 : 폼태그의 액션을 주었다. 이 url을 컨트롤러에서 매칭해주면 되겠다. 체크 버튼을 눌러서 체크를 해보자. 컨트롤러에 보내야 하므로 아무 버튼이나 만들어서 버튼에 클릭 이벤트를 등록해서 컨트롤러로 넘어가게 하자. 컨트롤러를 보자. 12345678910@RequestMapping(value="requestParamTest.do") public String initRequest(HttpServletRequest reques..

저번 시간에는 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..

2월이 거의 끝나가네요~ 티스토리 블로그 운영하고 싶으신 분들께 초대장을 나누고자 합니다. 댓글로 아래 양식에 맞게 적어주시는 분들께 한해서 보내드리겠습니다. 단, 너무 대충 적으시거나 제대로 운영하지 않으실 분들은 패스할수도 있어요~ 1. 자신의 이전 블로그 주소 (있으시다면) 2. 이메일 주소 3. 운영 목적 및 각오 다들 좋은 하루 보내세요~