본문 바로가기

JavaScript13

[JavaScript] ajax 예제 다음 예제는 form 태그안에 데이터를 받아와서 서버쪽으로 비동기처리를 요청하는 예시 코드입니다. ajax는 Asynchronous Javascript And XML의 줄임말입니다. var paramData = $("form[name=saveForm]").serialize(); var url = "/testUrl"; $.ajax({ async : true, url : url, data : paramData, traditional : true, type : "GET", dataType: "json", cache : false, success : function(result, status) { alert('성공'); }, error : function(jqXhr, status, error) { alert('.. 2019. 11. 8.
[JavaScript] isNaN isNaN()은 매개변수가 숫자인지 검사하는 함수입니다. NaN은 Not a Number의 약자입니다. isNaN의 사용예시를 보겠습니다. isNaN(val); 검사하는 변수 val가 숫자가아니면 true, 숫자이면 false를 반환합니다. 조건 검사시 숫자를 판단해야할 경우 isNaN 함수를 이용하면 됩니다. 2019. 7. 22.
[JavaScript] typeof 자바스크립트의 typeof 문법은 변수의 데이터 타입을 반환하는 연산자입니다. 사용하는 문법은 다음과 같습니다. typeof variable or typeof(variable) 반환하는 데이터 타입은 다음과 같습니다. ● undefined : 변수가 정의되지 않거나 값이 없을 때 ● number : 데이터 타입이 수일 때 ● string : 데이터 타입이 문자열일 때 ● boolean : 데이터 타입이 불리언일 때 ● object : 데이터 타입이 함수, 배열 등 객체일 때 ● function : 변수의 값이 함수일 때 ● symbol : 데이터 타입이 심볼일 때 데이터 유형을 검사 할 때 typeof를 잘 사용합시다! 2019. 7. 22.
[JavaScript] 모듈 1. 모듈화란? 순수한 자바스크립트에서는 모듈(module)이라는 개념이 분명하게 존재하지는 않습니다. 하지만 자바스크립트가 구동되는 호스트 환경에 따라서 서로 다른 모듈화 방법이 제공되고 있습니다. 자바스크립트의 대표적인 호스트 환경인 웹브라우저에서 로직을 모듈화하는 방법에 대해서 알아보겠습니다. * 호스트 환경이란? 호스트 환경이란 자바스크립트가 구동되는 환경을 의미합니다. 자바스크립트는 브라우저를 위한 언어로 시작했지만, 더 이상 브라우저만을 위한 언어가 아닙니다. 예를들어 node.js는 서버 측에서 실행되는 자바스크립트입니다. 이 언어는 자바스크립트의 문법을 따르지만 이 언어가 구동되는 환경은 브라우저가 아니라 서버측 환경입니다. 또 구글의 제품 위에서 돌아가는 Google Apps Script.. 2019. 5. 28.
[JavaScript] 객체 1. 자바스크립트에서의 객체 앞에서 살펴본 배열은 아이템에 대한 식별자로 숫자를 사용했습니다. 데이터가 추가되면 배열 전체에서 중복되지 않는 인덱스가 자동으로 만들어져서 추가된 데이터에 대한 식별자가 됩니다. 이 인덱스를 이용해서 배열안에 저장되어 있는 데이터를 가져올 수 있습니다. 만약 인덱스로 문자를 사용하고 싶다면 객체(dictionary)를 사용해야 합니다. 다른 언어에서는 연관배열(associative array) 또는 맵( map), 딕셔너리(Dictionary)라는 데이터 타입이 객체에 해당합니다. 2. 객체의 생성 다음은 객체를 만드는 방법입니다. var grades = {'egoing': 10, 'k8805': 6, 'sorialgi': 80}; var grades = {}; grades.. 2019. 5. 28.
[JavaScript] 자바스크립트 배열 1. 배열이란? 배열(array)이란 연관된 데이터를 모아서 통으로 관리하기 위해서 사용하는 데이터 타입니다. 변수가 하나의 데이터를 저장하기 위한 것이라면 배열은 여러 개의 데이터를 하나의 변수에 저장하기 위한 것이라고 할 수 있습니다. 아래의 예제를 보겠습니다. 변수 name에는 문자 egoing이 할당되었습니다. 이제부터 name을 호출하면 문자 egoing을 사용할 수 있습니다. var name = 'egoing' alert(name); 2. 배열의 생성 그렇다면 여러 개의 데이터를 하나의 변수에 담아서 관리할 수 있는 방법은 없을까요? 배열을 쓰면 됩니다. 변수 member에 회원정보를 담아봅시다. 대괄호([])는 배열을 만드는 기호입니다. 대괄호 안에 데이터를 콤마(,)로 구분해서 나열하면 배.. 2019. 5. 23.

티스토리툴바