반응형 Programing497 자바스크립트 주석 javaScript comments 자바스크립트 주석 javaScript comments 주석은 코드를 설명하거나 가독성을 위해 작성합니다. 또한 테스트 중인 코드드의 실행을 막는데도 사용됩니다. 싱글라인 주석은 '//' 을 사용하여 작성합니다. 예) // Change heading: (주석사용부) document.getElementById("myH").innerHTML = "My First Page"; // Change paragraph: (주석 사용부) document.getElementById("myP").innerHTML = "My first paragraph."; var x = 5; // Declare x, give it the value of 5 var y = x + 2; // Declare y, give it the valu.. Programing/JavaScript 2015. 7. 18. 자바스크립트 키워드란? 키워드 종류 javaScript Keywords 자바스크립트 키워드란? 키워드 종류 javaScript Keywords 자바스크립트문은 종종 수행되어야 할 자바스크립트 동작을 식별하는 '키워드'로 시작한다. 자바스크립트 구문 작성 시 자주 사용되는 키워드에 대해 알아보자. break loop문이나 switch문을 종료하기 위해 사용. continue loop문을 빠져나가 가장상단으로 가는데 사용. debugger 자바스크립트의 실행을 중지하고 (가능하다면)디버깅 function을 부른다. do ... while do while반복문 실행 for for반복문 실행 function function을 선언한다. if ... else if문 실행 return function에서 나온다. switch switch문 실행 try ... catch error를 핸.. Programing/JavaScript 2015. 7. 14. 자바스크립트 구문, 주의점 javaScript Statements 자바스크립트 구문, 주의점 javaScript Statements 자바스크립트 구문에 대해서 알아보도록 하죠. HTML에서 자바스크립트 구문들은 브라우져에 의해 실행되는 명령을 합니다. 예를 들어 아래와 같은 구문은 HTML 요소중 'demo'를 찾아 그 안에 'Hello Dolly'를 써라라는 명령을 하는 것 입니다. 예) document.getElementById("demo").innerHTML = "Hello Dolly."; 그리고 자바스크립트 구문은 한번에 한개씩 작성된 순서에 따라 실행됩니다. 예) var x = 5; var y = 6; var z = x + y; document.getElementById("demo").innerHTML = z; x, y, z 값을 설정하고 마지막으로 'de.. Programing/JavaScript 2015. 7. 14. javaScript syntax 기본 문법, variables, operator, keywords, comments javaScript syntax 기본 문법, variables, operator, keywords, comments javaScript 기본문법 1. javaScript문은 세미콜론(;)에 의해 분리된다. 예) -출력결과 : 11 참고) HTML에서 javaScript 프로그램은 웹 브라우저에 의해 실행된다. 2. javaScript문은 Values, Operators, Expressions, Keywords, and Comments 로 구분된다. 2-1. javaScript 구문에서 values는 두가지 타입으로 정의된다. 고정값(fixed values)과 유동값(variable values) 이 그것이다. 고정값은 Literals 라 불리고, 유동값은 Variables라 불린다. 2-1-1. Li.. Programing/JavaScript 2015. 7. 13. 자바스크립트의 출력방식, javaScript Output, window.alert(), document.wirte(), innerHTML, console.log() 자바스크립트의 출력방식, javaScript Output, window.alert(), document.wirte(), innerHTML, console.log() 자바스크립트는 어떠한 built-in print나 display function이 없다. 하지만 자바스크립트는아래의 4가지 방식으로 보일 수 있다. 1. 경고창 window.alert() 2. HTML출력 document.write() 3. HTML요소에 출력 innerHTML 4. 브라우저 콘솔에 출력 console.log() 1. 경고창 window.alert() 예) Hello JavaScript 2. HTML출력 document.write() document.write()는 테스트 시에만 사용하는 것이 좋다. 예) Hello JavaS.. Programing/JavaScript 2015. 7. 12. JavaScript 자바스크립트 작성 위치와 용법, 외부 스크립트의 장점, external javaScript JavaScript 자바스크립트 작성 위치와 용법, 외부 스크립트의 장점, external javaScript 자바스크립트는 HTML페이지의 ② HTML에서 자바스크립트 코드는 사이에 삽입 되어야 한다. 예) 스크립트는 또한 외부 파일에 작성할 수 있다. 외부파일에 작성하는 것은 같은 코드가 많은 다른 페이지들에서 사용될 때 실용적이다. 외부의 스크립트를 사용하기 위해서는 외부 스크립트의 장점 1. HTML과 코드를 분리 한다. 2. HTML과 javaScript를 읽고 유지하기 쉽게 만든다. 3. 외부에 저장된 javaScript는 페이지 로딩 속도를 빠르게 할 수 있다. Programing/JavaScript 2015. 7. 12. JavaScript란? getElementById, InnerHTML, isNaN(), 변수선언등 기본 설명, 특징 JavaScript란? getElementById, InnerHTML, isNaN(), 변수선언등 기본 설명, 특징 JavaScript는 HTML과 Web 프로그래밍 언어이다. 객체 기반의 스크립트 프로그래밍 언어이며 웹 브라우저에서 주로 사용하지만 다른 응용프로그램의 내장객체에도 접근할 수 있는 기능을 가지고 있다. 자바와 자바스크립트는 그 이름은 유사하지만 전혀 다른 언어이다. syntax가 비슷한건 두 언어 모두 C에 기반을 두었기 때문이다. 자바스크립트는 1995년에 Brendan Eich에 의해 개발되었고 1997년에 ECMA 표준이 되었다. JavaScript의 특징 1. HTML content의 내용을 변경할 수 있다. HTML element를 찾는데는 getElementById를 사용하고 .. Programing/JavaScript 2015. 7. 12. jquery 동적으로 생성된 DOM 개체에 대한 이벤트 처리 jquery 동적으로 생성된 DOM 개체에 대한 이벤트 처리 이번에는 어떠한 이벤트로 인해 새로 생성되는 DOM 객체에 대한 이벤트를 거는 방법에 대해 포스팅 하겠습니다. 일반적인 방법으로 코딩하게 되면 페이지가 로딩되면서 생성된 DOM 개체에 대한 이벤트만 먹기 때문에 새로 생성된 객체에 대한 이벤트는 적용이 되지 않습니다. - 페이지 로딩시 불러온 DOM 개체에 대한 이벤트 처리 1 2 3 4 5 6 $( document ).ready(function() { $( "#upload_form").on( "submit", function () { //최초로 생성된 DOM 개체 중 id가 upload_form인 개체의 submit 이벤트 실행 시 실행 }); }); Colored by Color Script.. Programing/jQuery 2014. 9. 2. Google Chart JSON 데이터 파싱 in JSP Google Chart JSON 데이터 파싱 in JSP 일이 바쁜 관계로 오랜만에 포스팅 하게 되네요. 이번 포스팅에서는 JSON 데이터를 받아 Google Chart 에 적용시키는 방법에 대해 포스팅 하도록 하겠습니다. 결론부터 얘기하자면 아래와 같은 형식을 만들어 주시면 됩니다. 아래는 구글차트API 에서 제공하는 JSON sample data 입니다. 크게보면 JSONObject 안에 cols와 rows 라는 2개의 JSONArray가 있고 그 안에 또 JSONObject와 JSONArray, String 값이 있는 방식이죠. 어떤 형식의 차트이건 간에 위의 데이터 형식을 만들어 주시면 됩니다. 위의 형식을 만들기 위해선 JSONObject와 JSONArray 에 대한 기본적이 이해가 필요하겠죠?.. Programing/API 2014. 9. 2. eclipse 이클립스 메이븐(Maven) 설치 (Indigo and newer) 이번 포스팅에서는 이클립스에서 Maven 을 설치하는 방법에 대해서 알아보도록 하겠습니다. 메이븐(Maven) 에 대한 개념은 아래 Link를 참조하세요. Link : 메이븐 5분 개념 설명 그럼 설치 방법으로 들어가보도록 하겠습니다. Maven을 다운받기 위해 아래의 사이트로 이동합니다. http://maven.apache.org/download.cgi Maven 3.2.1 (Binary zip) 파일을 다운로드 합니다. 다운로드 후 원하는 위치에 압축을 풉니다. 참고로 전 (C:\apache-maven-3.2.1) 위치에 압축을 풀었습니다. 이제 환경변수를 등록해야 합니다. 내컴퓨터 > 오른쪽버튼 > 속성 > 고급시스템설정 > 고급탭 > 환경변수 > 시스템변수에 새로만들기 변수이름에 MAVEN_HOM.. Programing/JAVA 2014. 6. 18. Google Cahrt 옵션 정리 Google Cahrt 옵션 정리 옵션의 사용은 아래와 같습니다. var options = { title: '제목' , fontSize: 7 , legend: 'none' , titlePosition: 'out' }; * 범례 제거, 숨김 legend : 'none' * 폰트 사이즈(px) fontSize: 7 * 가로축 제거 hAxis: {textPosition : 'none'} * 세로축 제거 vAxis: {textPosition : 'none'} * 제목설정 title: '제목명' * 제목 그래프 안에 넣기(밖은 out) titlePosition: 'in' 진행중.. API 참조 : https://google-developers.appspot.com/chart/ Programing/API 2014. 6. 16. Java Excel 엑셀 다운로드 기능 구현 Java Excel 엑셀 다운로드 기능 구현 이번 포스팅은 JSP 엑셀 다운로드 기능 구현에 대해서 포스팅 하겠습니다. 그리드의 내용을 엑셀로 다운로드 하는 것은 현업 요구사항에서 거의 빠지지 않고 등장하는 것중에 하나이죠. Spring MVC 구조에 기반하고 엑셀로 다운로드 하길 원하는 데이터가 표현된 그리드는 존재한다는 가정하에 기능 구현 위주로 설명하겠습니다. (JSTL 을 이용한 테이블 만드는 방법은 아래의 Link를 참조하세요.) Link : JSTL forEach if 사용법 table 테이블 만들기 반복문 우선 엑셀로 다운로드 하기 위해선 버튼이 필요하겠죠. 원하는 위치에 버튼을 생성합니다. [JSP] 1 2 3 4 5 6 7 8 9 10 11 12 function ExcelDownload(.. Programing/JAVA 2014. 5. 14. jQuery focus 포커스 처리 jQuery focus 포커스 처리 이번 포스팅에서는 jQuery의 포커스 처리에 대해서 알아보겠습니다. jQuery 에서의 포커스는 .focus() 함수를 사용합니다. 포커스는 보통 입력부의 입력 가능한 첫번째 항목으로 포커를 보내거나 특정 element에 포커스가 갔을 경우 이벤트 발생시 많이 사용됩니다. 그럼 사용법을 보도록 하죠. id pw nm age tel 위와 같은 폼이 있습니다. 페이지 로딩시 id를 입력할수 있는 text창(입력가능한 첫번째 항목)에 포커스를 보내보도록 합시다. (사용자가 마우스를 '한번' 클릭 하는 수고(?)를 덜도록..) 1 2 3 4 5 $(document).ready(function(){ $("#focus_test_form :input:text:visible:ena.. Programing/jQuery 2014. 4. 22. JSTL forEach if 사용법 table 테이블 만들기 반복문 JSTL forEach if 사용법 table 테이블 만들기 반복문 Spring 구조에서 JSONArray 형태로 받은 데이터를 JSTL 을 활용해 jsp 리스트(테이블)를 만드는 방법에 대해 포스팅 하겠습니다. 말은 복잡한거 같지만 간단합니다. Controller 와 Service, DAO, sql 에서 데이터를 가공해 가져오는 것은 대략적으로만 설명하고 jsp 에서 테이블을 생성하는 위주로 설명하겠습니다. JSONObject 와 JSONArray에 대한 설명은 Link를 참조하세요. Link : JSONObject 와 JSONArray에 대한 설명 JSONObject에 JSONArray 형태로 담겨있는 데이터를 Cotroller 에서 받아 ModelAndView 의 형태로 웹(JSP) 에 Return.. Programing/JSTL 2014. 4. 18. JSTL(JSP Standard Tag Library) 이란? JSTL 다운로드 Download JSTL(JSP Standard Tag Library) 이란? JSTL 다운로드 Download [JSTL에 대한 설명] JSTL 이란 JSP Standard Tag Library의 약자로 JSP 표준 태그 라이브러리라 합니다. JSP 페이를 Java Script를 사용하는 것보다 간단하고 단순하게 만들어 주지만 개인적으로 먼저 사용해온 Java Script나 jQuery를 많이 쓰게 되네요. 그래도 이건 개인차가 있을 수 있으니 자신에게 맞는 방법을 사용하시길 바랍니다. JSP페이지를 보다보면 나 등을 보셨을 꺼에요. 이게 JSTL이 사용된 곳 입니다. JSTL코어 태그에 대한 사용법은 차츰 알아보기로 하고 사용할 수 있는 환경을 만들기 위해 다운로드를 해보죠. [JSTL 다운로드] https://js.. Programing/JSTL 2014. 4. 18. 이전 1 ··· 29 30 31 32 33 34 다음 💲 추천 글 반응형