반응형 *:;전체보기;:*696 자바스크립트 연산자, javaScript Operators 자바스크립트 연산자, javaScript Operators [javaScript 산술 연산자의 종류] 연산자 설명 + 더하기 - 빼기 * 곱하기 / 나누기 % 나머지 반환 ++ 증가연산자 -- 감소연산자 [javaScript 할당 연산자의 종류] 연산자 예 설명 = x = y x = y += x += y x = x + y -= x -= y x = x - y *= x *= y x = x * y /= x /= y x = x / y %= x %= y x = x % y '+'를 이용한 문자열(String) 연산도 가능하다. 예) txt1 = "John"; txt2 = "Doe"; txt3 = txt1 + " " + txt2; 결과는 "John Doe" 증감 연산도 가능하다. 예) txt1 = "What a v.. Programing/JavaScript 2015. 7. 19. 자바스크립트 변수, javaScript variables 자바스크립트 변수, javaScript variables 여타 다른 프로그래밍 언어와 같이 javaScript에서도 변수는 데이터값을 저장하는 컨테이너 입니다. 1. 변수의 선언은 var 키워드를 사용합니다. (스크립트를 시작할때 사용될 모든 변수를 선언하는 것이 좋은 습관입니다.) 예) var x = 5; var y = 6; var z = x + y; x=5, y=6, z=11의 값을 기대할 수 있습니다. javaScript의 모든 변수는 고유의 이름으로 식별되어져야만 합니다. 이러한 고유한 이름을 식별자 라고 부릅니다. 식별자는 짧거나(x, y와 같이) 좀 더 서술적인 이름(age, sum, totalVolume)도 쓸수 있습니다. 변수의 이름을 짓는 일반적인 규칙은 다음과 같습니다. ● 변수명은 문.. Programing/JavaScript 2015. 7. 18. 자바스크립트 주석 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. 영어 공부 어플 추천! 푸시단어장 Push Enlish 영어공부 어플 영어공부 추천 어플! 그 두번째는 푸시단어장 입니다. Push English 이 어플에 대해 먼저 간다히 소개를 하자면 자신의 레벨을 선택해 그에 해당하는 단어를 팝업으로 띄워주는 어플리케이션 입니다. 한마디로 단어암기 어플이죠. 이 어플은 유료 어플이지만 그만한 가치를 하구요, 때때로 무료 다운로드 행사도 하니 놓치지 마세요! 자신의 레벨에 맞는 단어 선택이 가능합니다. 초중급 - 중급1 - 중급2 - 중급3 - 중상급 - 상급 - TOEFL - 공무원 - 수능 - TEPS 를 선택하실 수 있습니다. 학습 상세설정도 가능한데요, 단어 팝업을 띄울 시간, 요일 설정과 하루에 학습할 단어 등을 설정 하실 수 있습니다. 팝업 이외에도 어플에 들어가시면 아래와 같이 개별적으로 학습이 가능합니다. 일정 시간별로.. 알짜정보/어플정보 2015. 6. 16. 영어 공부 어플 추천! 듀오링고 Duolingo 영어공부 어플 오늘 추천해 드릴 어플은 영어공부와 관련된 어플이에요! 저도 현재 사용하고 있구요! 우선 첫번째 어플을 소개해 드리겠습니다. Duolingo 라는 어플입니다. 이 앱은 영어 뿐만이 아니라 스페인어, 불어 등 다른 언어도 학습이 가능합니다. [듀오링고로 학습 가능한 언어 목록] 우선 이 어플은 처음 테스트를 통해 자신의 레벨을 정하게 되고 그 후 하루의 학습량을 정해 학습하게 됩니다. 그리고 그날 그날의 학습량을 체크 할 수도 있습니다! 아래는 문제의 유형들이에요. 받아쓰기, 해석, 그림보고 선택, 발음 등 다양한 문제들이 있습니다. [받아쓰기 문제] [해석 문제] [그림선택 문제] 처음에는 좀 쉽다는 느낌을 받으실 수도 있으실껀데요. 그렇다면 문제 선택 후 [시험보고 건너뛰기] 등을 통하여 빠르게 패스 .. 알짜정보/어플정보 2015. 6. 16. 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. 대용량 듀얼충전 보조베터리 추천 알로코리아 대용량 듀얼충전 보조베터리 추천 알로코리아 이번 포스팅에서는 스마트폰 유저들의 필수품이 되어버린 보조배터리 입니다. 아이폰으로 갈아타게 되면서 필요성을 심히(?!) 느끼게 되어 찾던 도중 괜찮은 가격에 올라온 것이 있어 구매 하게 되었네요. 제가 알아보면서 주안점을 둔 것은 우선 용량!!! 디자인이랑 무게는 별로 중요하지 않았습니다. 몇번 완충이 가능한지가 가장 중요했죠. 그래서 눈에 들어온 제품은 알로 코리아의 allo 1000i 입니다. 2.1A 로 충전 속도도 괜춘하고 어떤 제품이든 2개 동시 충전도 가능하며 용량 또한 아이폰5s 가 5.2번 완충 가능한.. 뭐 그런 저가 생각하는 최적의 조건이었죠.! 가격 또한 두개 구매시 25,000 원!! 하나 가격은 28,900원 ㅎㅎ 같이 사시면 25,00.. 아이템 리뷰 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. SONY MDR-1RBT MK2 헤드폰, 블루투스 헤드폰 추천 SONY MDR-1RBT MK2 헤드폰, 블루투스 헤드폰 추천 오늘의 아이템 리뷰는 소니의 MDR-1RBT MK2 블루투스 헤드폰 입니다. 헤드폰을 너무너무너무 갖고 싶어 여러 제품을 비교 한 끝에 결정한 소니! 비교했던 헤드폰 제품은 아래와 같습니다. SONY MDR-1RBTMK2 모멘텀 젠하이저 koneav 베어다이나믹 dt990 베어다이나믹 커스텀원프로 음질이야 말할것이 없고 디자인면에서 저를 훅 끌어당겼네요..^^; 블랙과 레드의 조합. 월드컵 기간동안 이벤트도 해서 브라주카 하나 받아왔네요..ㅎ 박스 앞면 입니다. 소니 정품스티커가 붙어있습니다. 박스는 매우 깔끔해요. 소니 정품!!!! 가품이 많아 구매영수증을 꼭 가지고 있으라고 하더군요. 비닐을 벗기고 위에 상자를 옆으로 밀면 소니라고 적힌 .. 아이템 리뷰 2014. 7. 15. 이전 1 ··· 37 38 39 40 41 42 43 ··· 47 다음 💲 추천 글 반응형