본문 바로가기

JavaScript

(27)
자바스크립트 배열 숫자 더하기 자바스크립트에서 배열에 담긴 숫자를 모조리 더 하려면 어떻게 해야 할까요? 간단한 예제입니다. 1) 배열에 숫자를 넣고 2) 각 배열의 합을 구하기 1) 배열 선언 const num10 = [1,2,3,4,5,6,7,8,9,10]; 2) 배열의 합을 구할 때, 어떻게 접근해야 할까요? 2-1) for 문을 쓴다. ( 미리 얘기해두지만, 안됨 ) for (let i=0; i < num10.length; i++){ document.write(num10[i]); } 왜 안되냐면요. 값이 더해지는게 아니라 1 2 3 4 .... 이런식으로 나열됩니다. typeof로 num10의 type을 보면 배열은 Object(객체)입니다. isNaN에다가 넣어보면 true가 출력됩니다. 숫자가 아니라는 것이죠~ docume..
Node.js 로 Mysql Select 정보가 Buffer ~ 어쩌구로 나올 때 해결 방법 const mysql = require('mysql'); const connection = mysql.createConnection({ host: '카페24아이디.cafe24.com', user: '아이디', password: '패스워드', database: 'DB명', port: '3306', }); connection.connect(); connection.query('SELECT * from books', (error, results, fields) => { if (error) throw error; console.log(results); }); connection.end(); 구글링해서 해결 방법 찾음. https://stackoverflow.com/questions/40303670/nodejs-..
javascript ES6란? 자바스크립트 ES6 문법이란? //11 숫자인지 판단하기 console.log("=11========================================================") const isNaN123 = isNaN(123); const isNaNMinus123 = isNaN(-123); const isNaN234 = isNaN("234"); const isNaNHello = isNaN("Hello"); console.log("isNaN123 : ", isNaN123); console.log("isNaNMinus123 : ", isNaNMinus123); console.log("isNaN234 : ", isNaN234); console.log("isNaNHello : ", isNaNHel..
Ajax - (4) JSON 파일 읽어서 웹 브라우저에 출력하는 Ajax 예제 HTML JSON 텍스트 파일 실습입니다. 파일수신 JSON { "username" : "홍길동", "age" : 20, "address" : "서울" } 설명 16~21번라인 : createcreateHttpRequest(); 함수를 호출하여 XMlXMLHttpRequest 객체를 새엉하고 GET 방식으로 서버에 json파일을 비동기로 요청합니다. 서버의 응답 처리를 위해서 onreadystatechange 프로퍼티에서는 readyState 반환값에 따라서 자동으로 호출하는 callFunction 함수를 설정합니다. 26번 라인 : JSON 데이터를 응답 받기 위해서 responseText 프로퍼티를 사용합니다. 27번 라인 : eval 함수를 이용하여 응답 데이터인 텍스트를 JSON 객체로 변환합니다.
Ajax - (3) XML 파일 읽어서 웹 브라우저에 출력하는 Ajax 예제 HTML 소스 XML 파일 실습입니다. 파일수신 XML 소스 파랑새 이문세 1집 1995 설명 22~27번라인 : createcreateHttpRequest(); 함수를 호출하여 XMlXMLHttpRequest 객체를 새엉하고 GET 방식으로 서버에 sample.xml 파일을 비동기로 요청합니다. 서버의 응답 처리를 위해서 onreadystatechange 프로퍼티에서는 readyState 반환값에 따라서 자동으로 호출하는 callFunction 함수를 설정합니다. 31번 라인 : XML 형식으로 응답 데이터 처리를 위해서 responseXML 프로퍼티를 사용합니다. 32~33번 라인 : DOM API 중에서 태그명으로 참조하기 위한 getgetElementsByTagName("title") 메서드를 사..
자바스크립트 객체를 이해하는 또 다른 방법 여러 개의 값을 한번에 접근할 수 있도록, 자바스크립트는 객체 Object를 제공하고 있습니다. 객체 Object는 값들을 그룹으로 묶은 데이터 모음입니다. 객체를 만드는 방법은 표현식으로 중괄호 {}를 사용합니다. 중괄호 안에 여러 값들을 넣을 수 있는데, 키 key와 값 value 으로 한쌍을 이루며 이를 속성 properties 라 부릅니다. 객체의 속성에 접근하는 방법은 객체의 우측에 콤마 (.)를 두고, 그 다음에 객체 속성으로 정의된 키 이름을 작서아면 됩니다. student.study 또는 대괄호 [ ]안에 키 값을 문자열로 작성하는 방법도 있지만 콤마(.)로 속성에 접근하는 방법이 선호되는 방식 입니다. student['study'];
자바스크립트 javascript 반복문 for 자바스크립트 for문 사용법 for (초기값 ; 조건식 ; 어떤 간격으로 ){ 실행 문장 } for ( var i = 0; i < 10; i++ ) { console.log ( i + '번째 반복 문장 입니다. '); } 초기값은 변수 i에 0 값을 할당합니다. 변수 i가 숫자 10이 될 때 까지 중괄호 { } 블록 안의 문장이 반복적으로 실행됩니다. 반복 실행 횟수는 i++를 통해 정해집니다.
자바스크립트 객체(Object)지향 뜻 자바스크립트는 객체지향 언어라고 합니다. 객체는 뭘 말하는걸까요? 객체(Object) 특정기능을 수행하는 단위를 말합니다. 예를들면 우리가 사용하는 스마트폰을 예로 들어보겠습니다. 스마트폰은 전화를 거는 기능, 게임을 하는 기능, 사진을 찍는 기능 등등이 있겠죠. 그렇다면 스마트폰을 이렇게도 표현할 수 있습니다. 스마트폰.전화걸기(); 스마트폰.게임하기(); 스마트폰.사진찍기(); 전화걸기, 게임하기, 사진찍기는 스마트폰의 기능에 해당하죠. 이것을 메소드(Method)라는 용어로 정의합니다. 이렇게 자바스크립트는 항상 객체를 중심으로 작성됩니다. 또한 객체명 뒤의 점( . )을 경계로 해당 객체가 갖고있는 메소드(Method), '기능' 또는 '속성'을 작성합니다. 자바스크립트마다저마다 고유한 기능을 가..