목록성실 (23)
함께 성장하는 프로독학러
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 배열의 원소를 삭제하거나 삭제하고 새로운 원소들을 추가하는 메서드인 splice 메서드에 대해서 알아보겠습니다. 표현식은 다음과 같습니다. array.splice(start) array.splice(start, deleteCount) array.splice(start, deleteCount, item1, item2, ...)splice의 메서드의 인자로 들어오는 값은 차례로 start, deleteCount, items 입니다. start는 삭제할 배열의 요소의 index 번호를 의미합니다.그리고 뒤에 나오는 deleteCount 인자는 start 부터 몇 개의 요소를 삭제할지 결정하는 숫자입니다.즉, start 인덱스부터 deleteCount 갯수만큼 ..
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 ES6의 method shorthand에 대해서 알아보겠습니다. 표현식부터 살펴보도록 하겠습니다. // 단축 메서드명 (ES6) var o = { property([parameters]) {}, get property() {}, set property(value) {}, * generator() {} };위와 같이 객체 안에서 메서드를 지정할 때 function을 생략할 수 있습니다. 이해를 돕기위해 예제를 살펴보겠습니다. 1234567891011var obj = { add: function (a, b){ return a+b; }, mult: function (a, b){ return a*b; }} console.log(obj.add(10, 5)); //..
안녕하세요, 프로독학러 입니다. 오늘은 배열과 문자열에서 사용 가능한, 검색을 위한 메서드인 indexOf 메서드에 대해서 알아보도록 하겠습니다. 먼저, 표현식부터 살펴 보겠습니다. arr/str.indexOf(searchElement/searchValue[, fromIndex])메서드의 첫 번째 인자로는 검색할 대상이 들어옵니다.(배열일 경우 검색할 엘리먼트, 문자열일 경우 검색할 문자)그리고 생략 가능한 두 번째 인자는 검색을 시작할 index입니다.만약 배열이라면 배열의 index값 (0 부터 시작해서 하나씩 증가)을 의미하며,문자열이라면 문자열 각각의 문자 하나하나를 의미합니다. (마찬가지로 첫 번째 글자부터 0, 1, 2, 3 ...) indexOf 메서드의 리턴값은 배열일 경우에 검색된 엘리먼..
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 배열의 원소를 정렬하는 메서드인 sort 메서드에 대해서 알아보도록 하겠습니다. 표현식은 다음과 같습니다. arr.sort([compareFunction])sort메서드의 인자로는 배열의 원소를 비교하는 함수가 들어옵니다.만약 함수가 생략되면 각 문자의 유니코드 포인트 값에 따라 정렬됩니다.*유니코드 값에 대한 설명 - 네이버 지식백과 만약 함수가 생략되지 않는다면 compareFunction은 두 개의 인자를 받습니다.각각의 인자는 배열안의 비교대상인 a와 b입니다.그리고 sort 메서드의 정렬되는 기준은 compareFunction의 리턴값이 양수, 음수, 0 이냐에 따라 달라집니다. 이를 예제와 함께 알아보도록 하겠습니다. 12var arr = [2..
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 객체를 병합하는 메서드인 object.assign 메서드에 대해서 알아보도록 하겠습니다. 먼저 표현식 부터 보시겠습니다. Object.assign(target, ...sources)object.assign 메서드의 첫 번째 인자는 타겟입니다.두 번째 인자부터 마지막 인자까지는 소스 오브젝트입니다.소스 오브젝트는 타겟 오브젝트에 병합됩니다.그리고 리턴값으로 타겟오브젝트를 반환합니다. 이해를 돕기 위해 예제를 보겠습니다. 123var obj = {a:1};var copy = Object.assign({}, obj);console.log(copy); // {a: 1}cs 위의 예제에서 obj는 a라는 프로퍼티 하나를 가진 객체입니다.그리고 copy라는 변수에 ..
안녕하세요, 프로독학러 입니다. 이번 포스팅에서는 함수를 정의하는 단계에서 파라메터(*파라메터=매개변수)의 기본값을 설정하는 것에 대해서 알아보겠습니다. 먼저 표현식을 보겠습니다. function [name]([param1[ = defaultValue1 ][, ..., paramN[ = defaultValueN ]]]) { statements }함수의 이름을 정하는 name뒤에 오는 괄호안에 매개변수를 지정합니다. 이 때, 기본 값을 할당할 수 있습니다. 예제를 통해 이해해 봅시다. 123function add (a=0, b=10){ return a+b;}cs 위의 예제에서 add라는 함수를 정의할 때 파라메터를 적는 부분에 a=0, b=10이라고 정의 했습니다.값으로 들어오는 a와 b에 대해서 기본값을..
안녕하세요, 프로독학러 입니다. 제가 최근에 런닝할 때 무릎이 아프다고 했었는데요, 그 원인 중 하나는 아래의 이 사망하신 운동화 입니다... (고화의 명복을...) 메쉬 부분도 사망, 쿠션도 사망, 덩달아 저의 무릎도... 해서 쿠션이 좋은 런닝화를 검색해 봤습니다. 저의 선택 조건은 두 가지였습니다. 1. 쿠션이 빵빵해야 한다.2. 가성비가 좋아야 한다. 이 기준으로 찾아본 결과, 아식스 gt2000 5버전이 눈에 들어왔습니다. 가성비 좋은 가격에 준수한 쿠셔닝! 그리고 고대하던 택배가 오늘 도착했습니다! (예아! 소리벗고 팬티질러!!) 이미지 들어갑니다! 가장 설레는 순간이죠...오픈을 기다리는 너란 박스... 박스의 옆면에는 신발의 정보가 붙어있네요.아, 이 신발은 발 볼이 넓은 동양인들을 위해 ..
안녕하세요, 프로독학러입니다. 이번 포스팅에서는 ES6의 전개연산자에 대해서 알아보도록 하겠습니다. 전개연산자는 함수를 호출하는 인자로 배열을 사용하고 싶을 때나 배열을 정의하는 리터럴 내에서 사용할 수 있습니다.표현식은 아래와 같습니다. 1) 함수를 호출하는 인자로 배열을 사용할 때myFunction(...iterableObj);2) 배열 리터럴[...iterableObj, 4, 5, 6]2-1) 배열 리터럴 비구조화 (iterableObj를 선언하지 않고 할당)[a, b, ...iterableObj] = [1, 2, 3, 4, 5];1) 전개연산자의 함수호출용의 용도를 예제와 함께 알아보겠습니다. 12345function add(a, b, c){ return a+b+c;}var arr = [2, 4,..
안녕하세요, 프로독학러 입니다. 모던 자바스크립트라고 불리우는 ES6 (ECMAScript 6)에 대해서 차근차근 공부해 봅시다. * 공부에 도움이 된 자료들은 아래에 링크로 첨부하도록 하겠습니다. 오늘은 그 첫 번째 시간으로 ES6의 변수의 선언에 대해서 알아보도록 하겠습니다. 기존의 자바스크립트에서는 변수의 선언을 'var' 을 이용하여 하였습니다. 기존의 var 를 이용한 변수선언은 function scope입니다. function scope 란, 함수 안에서 변수에 접근할 수 있는 것을 뜻합니다. 이해를 돕기위해 아래 예제를 보겠습니다. 12345678function outter(){ var out = 'outter 함수 안에 사는 변수'; function inner(){ console.log(o..
안녕하세요, 프로독학러 입니다. 이 항목의 하위 카테고리에는 프로그래밍을 공부하며 나름대로 정리한 자료들을 포스팅 할 예정입니다. 문과출신의 비전공자로, 저와 같은 처지에 놓인 분들이 이해하기 쉽도록 최대한 풀어서 포스팅 하겠습니다. 너무 구구절절하다 느끼실 수도 있겠지만 저와 같은 사람들을 위해 적는 글이니 이해 부탁 드립니다. 고수님들. 그리고 혹여 제가 이해한 것이나 설명한 것 중 잘못된 것이 있다면 언제든지 덧글로 알려주시면 감사하겠습니다. 함께 성장하는 프로독학러가 되겠습니다. 감사합니다.