본문 바로가기

Web108

[Javascript] 전달된 파라미터/arguments Java에서는 메소드 호출 시, 이렇게 파라미터 갯수가 일치하지 않으면 에러가 난다. 그렇다면, Javascript에서는 어떨까? $(document).ready(function(){ argumentsTest(); }); function argumentsTest() { testFunction("www.naver.com","url",500,700); } function testFunction(url,name,option) { console.log("url >>> " + url); console.log("name >>> " + name); console.log("option >>> " + option); console.log("arguments >>> " + arguments); console.log("ar.. 2016. 9. 30.
[AngularJS 시작-1] Javascript Framework/angularJs 예제 1. 정의AngularJS 는 구글에서 개발한 자바스크립트 프레임워크다.AngularJS는 ng-directives를 사용하여 HTML을 확장한다. 왜 사용하는가? 에 대한 좋은 글 >> http://www.codekin.com/?p=1530 2. 사용방법(1) angularjs를 다운받거나, cdn주소를 import 해준다.CDN 주소는 아래와 같다. (2) ng-app 지시자를 통해 AngularJS를 사용하겠다고 정의해준다. --> angular 어플리케이션의 root를 생성하는 것.--> ng-app 지시어는 Anagular를 로드하고 초기화시킨다. -->html 태그에 ng-app 속성을 부여하면, 하위 모든 요소는 모두 Anagular 어플리케이션으로 다뤄진다. (3) ng-model 지시자는.. 2016. 9. 30.
[HTML] 라디오버튼/radio/label태그/개별선택/중복선택 111111 2222222 1111 2222 3333 1111 2222 3333 1번 라디오버튼 그룹 설명 태그는 라디오 버튼이나 체크박스를 클릭할때 해당 버튼을 클릭하지 않고 버튼옆에 텍스트를 클릭해도 그 버튼이 선택되도록 해주는 태그이다.따라서 111111, 222222 글씨를 클릭해도 라디오 버튼이 선택되어진다. 2번 라디오버튼 그룹 설명 태그가 없기에 라디오버튼을 클릭해야지만 선택이 된다. 3번 라디오버튼 그룹 설명name값을 모두 다르게 지정하면 중복선택이 가능하다.1번,2번 그룹의 라디오 버튼들은 name값이 같으므로 1개의 라디오버튼만 선택이 가능하다. 2016. 9. 29.
[JSP] html 테이블 내용 엑셀로 변환 /html Excel 추출 / 엑셀 다운로드 jsp JSP에 그려져 있는 Table을 엑셀 문서로 추출하는 방법을 소개하고자 한다.먼저, table이 그려져 있는 jsp 화면과 그 table을 excel로 변환시켜주는 화면이 필요하다. 1. excel.jsptable이 그려져 있는 jsp가 있다. 엑셀전환 버튼을 누르면 /sts/excelConvert에 매핑된 컨트롤러의 메소드를 부른다. $(document).ready(function(){ $("#excelConverBtn").on('click',function(){ location.href="/sts/excelConvert"; }); }); 제품이름 가격 구매링크 blouse 1500000000 blouse@naver.com Tshirt 1000000000 Tshirt@naver.com Jeans 25.. 2016. 9. 29.
[Javascript template]자바스크립트 템플릿 엔진/handlebars/template engine/웹템플릿/예제/example 1. Handlebars 1.1 정의-mustache 템플릿 언어 기반으로 만들어진 확장 템플릿-동적으로 HTML을 생성해주는 logic less 템플릿 엔진이다.-view와 code를 분리하기 위해 만들어졌다. 로직과 presentation의 분리.-자바스크립트 코드 안에 html element를 넣지 않기 위해 사용한다. 1.2 장점 및 단점1.2.1 장점(1) 자바 스크립트 파일의 비지니스 로직에서 템플릿을 분리하여 HTML 페이지를 유지한다.(2) 애플리케이션의 구조를 개선한다 (유지 보수 및 확장 용이)(3) precompile 할 수 있기때문에 성능개선에 도움을 준다.(4) 빠르다. 참고url >> https://travis-ci.org/wycats/handlebars.js/builds/333.. 2016. 9. 28.
[Javascript template]자바스크립트 템플릿 엔진/Mustache/template engine/웹템플릿/예제/example 1. Mustache1.1 정의-동적으로 HTML을 생성해주는 간단한 웹 템플릿 엔진 (logic-less template)-view와 code를 분리하기 위해 만들어졌다. 로직과 presentation의 분리-구분자로 사용하는 {,}기호가 콧수염 모양이라 붙여진 이름 1.2 장점 및 단점1.2.1 장점(1) 다양한 언어 set을 제공한다.-지원언어 : Ruby, JavaScript, Python, Erlan, node.js, PHP, Perl, Objective-C, Java, .NET, Android, C++, Go, Lua, ooc, ActionScript, ColdFusion, Scala, Clojure, Fantom, CoffeeScript, D, Haskell, XQuery, ASP, Io, .. 2016. 9. 28.