mingmong's devlog

자바스크립트에서 배열을 정렬하는 sort() 함수에 대하여 알아보자. 1) sort()문법:arr.sort([compareFunction]) - compareFunction이 생략될 경우, 배열의 요소들은 모두 문자열 취급되며, 유니코드 값 순서대로 정렬된다. 🔶 compareFunction : 정렬 순서를 정의하는 함수이 함수는 두 개의 배열 요소를 파라미터로 입력 받음.함수가 두 개의 배열 요소(a, b)로 입력 받을 경우a > b => return 1 // return value>0이므로 a는 b 뒤에 위치a return -1 // return valuea = b => return 0 // a와 b의 순서 변함 없음 2) 문자 정렬예시)let arr = ["a", "f", "r", "d", "o..

자바스크립트에서 배열을 다룰 때 자주 사용하게되는 함수 중에서 이름이 상당히 비슷한 slice()와 splice()가 있다.그 중에서도 먼저 slice 함수에 대해 알아보자. 1) slice(): 배열로부터 특정 범위를 복사하여 새로운 배열을 만들 수 있는 함수이다.arr.slice([begin [, end]])begin: 시작 인덱스(index)end: 종료 인덱스(생략 가능) 2) 예시예시 1)let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];console.log(arr.slice(2, 4));결과 1)> (2) [3, 4]예시 2)let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];let arr2 = arr.slice(5);console.log(arr);consol..

자바스크립트에서 Date 타입을 사용할 때, 원하는 포맷에 맞게 활용할 수 있는 방법에 대해 소개해보겠다. 1) new Date: 현재 날짜와 시간을 Date 객체로 반환한다. 2) 날짜를 포맷에 맞게 출력const now = new Date();console.log(now.getFullYear());console.log(now.getMonth() + 1); // month: 0~11console.log(now.getDate());console.log((now.getMonth() + 1).toString().padStart(2, '0'));console.log(now.getDate().toString().padStart(2, '0')); 결과값  [reference]https://hianna.tistor..

자바스크립트에서 자주 사용하는 JSON 이라는 데이터 유형과,이를 활용할 때 사용하는 stringify, parse 사용법에 대해 알아보자. 1) JSON?: JavaScript Object Notation 의 약자로 "자바스크립트 객체 표기법"을 뜻한다.텍스트 기반으로 데이터를 쉽게 교환하고 저장하기 위한 데이터 타입이다.Ajax로 서버와 통신텍스트(문자) 기반 2) JSON의 구조JSON의 자료형은 string, number, true, false, null, object, array가 올 수 있다.key : value 형태의 구조를 가지고 있다.중괄호 {} 로 감싸게 되며, 이는 객체(Object)를 의미한다.key 값은 문자열이기 때문에 쌍따옴표 "" 를 붙여줘야 하고, value에는 기본 자료형..

자바스크립트에는 배열을 합치는 함수인 concat 함수가 있다.이 concat 함수에 대하여 알아보자. 1) concat?: 연결하다(concatenate)를 의미하는 함수로,  하나의 배열에 다른 배열을 합칠 수 있다. 2) concat 문법array.concat([value1[, value2[, ...[, valueN]]]])인자로 계속해서 배열을 넘겨서 합칠 수 있다. 3) concat 예시3-1) 인자가 하나인 경우var arr1 = [1, 2, 3];var arr2 = [4, 5];arr1 = arr1.concat(arr2);console.log(arr1);결과값[1, 2, 3, 4, 5] 3-2) 인자가 여러개인 경우var arr1 = [1, 2, 3];var arr2 = [4, 5];var ..

자바스크립트에는 문자열(String)을 대,소문자로 각각 변환해주는 함수가 있다.문자열을 대문자로 변환하는 함수는 toUpperCase(), 소문자로 변환하는 함수는 toLowerCase()인데, 이 함수들에 대하여 알아보자. 1) toUpperCase(): 문자열 내의 모든 문자를 대문자로 변환해준다.사용법: str.toUpperCase()var str = "Hello JavaScript!";console.log("결과값: " + str.toUpperCase()); 2) toLowerCase(): 문자열 내의 모든 문자를 소문자로 변환해준다.사용법: str.toLowerCase()var str = "Hello JavaScript!"; console.log("결과값: " + str.toLowerCase(..

자바스크립트에서 문자 또는 문자열의 위치를 검색하기 위해 사용하는 함수들이 있다.그중에서 indexOf 함수에 대해 알아보자.1) indexOf?: 지졍한 문자열을 앞에서부터 검색하여 최초로 발견한 문자열의 위치를 반환한다.이 때 시작 위치(시작 index)를 지정하면 해당 위치부터 찾기 시작한다.지정한 문자열이 발견되지 않으면 -1을 반환한다.** 문법: str.indexOf(searchValue[, fromIndex]) **searchValue: 찾을 문자 or 문자열fromIndex: 해당 위치부터 문자열을 찾음2) indexOf 사용법2-1) 기본 사용법: indexOf 함수의 기본 사용법은 str.indexOf("찾을 문자열")의 형태로 사용한다. 해당 표를 참고하여 아래 예시들을 확인해보자. ..

객체의 빈값 여부를 찾는 방법은 여러 가지가 있는데,그 중에서 jQeury에서 제공해주는 isEmptyObject 함수에 대해 알아보자. 1) 문법jQuery.isEmptyObject(object)$.isEmptyObject(object)     => 위의 두 가지는 같은 의미를 가진다.isEmptyObject 함수는 Object 객체(json)의 빈값(null) 여부를 체크한다.결과는 true 혹은 false로 반환한다. 2) 예시$.isEmptyObject({});$.isEmptyObject({ foo: "bar" }); 결과  [reference]https://api.jquery.com/jquery.isemptyobject/

파일 업로드 기능을 개발하던 중에 문자열로 저장되어 있는 파일명에 대하여 확장자를 구해야하는 상황이 발생하였다.JavaScript에서 endsWith 함수를 활용하여 확장자를 체크하는 기능을 구현할 수 있었다.endsWith 함수에 대하여 알아보자. 1) 문법: str.endsWith(searchString[, length])searchString: 문자열의 끝이 특정 문자열로 끝나는지 찾기를 원하는 문자열이다.length:옵션 파라미터로, 찾고자 하는 문자열의 길이값이다.기본값은 문자열 전체 길이이고, 문자열의 전체 길이보다 작은 값을 입력하여야 한다..endsWith()는 문자열이 특정 문자열로 끝나는지 확인한다.결과는 true 혹은 false로 반환한다. 2) 예시var fileName1 = "ap..

서버와 데이터를 주고받는 방식에는 Ajax와 form 두 가지 방식이 있다.Ajax는 비동기 방식으로, form은 동기 방식이라는 차이점이 있다.이 차이점에 대하여 알아보자. 동기(Synchronous)방식 - 서버에 요청을 보냈을때 응답이 돌아와야 다음 동작을 수행할 수 있음비동기(Asynchronous)방식 - 요청을 보내고 응답을 기다리지 않고 다음 동작을 수행할 수 있음 1) ajax: ajax는 서버와 통신하는 비동기적인 방법이다.$.ajax({ type : "POST", url : "/DataJson.jsp", data : params, dataType : "json", success: function (data){ }, ..