[ JavaScript ] 자바스크립트 기본 문법 | 객체(Object) 생성| this란 무엇인가 | 객체 for 문 | for in
·
Archive/Develop
해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 :: 객체(Object) 배열은 아이템에 대한 식별자로 숫자를 사용했습니다. 데이터가 추가되면 배열 전체에서 중복되지 않는 인덱스가 자동으로 만들어지기 때문에 추가된 데이터에 대한 식별자가 됩니다. 이렇게 배열은 이 인덱스를 이용해서 데이터를 가져오게 되는데, 만약 인덱스로 문자를 사용하고 싶다면 객체(dictionary)를 사용해야 합니다. 다른 언어에서는 연관배열(associative array) 또는 맵( map), 딕셔너리(Dictionary)라는 데이터 타입이 자바스크립트의 객체에 해당합니다. 자바스크립트 기본 문법 :: 객체의 생성 자바스크립트에서 객체를 만드는 방법은..
[ JavaScript ] 자바스크립트 기본 문법 | 배열(Array) 제어(push, concat, pop, unshift,splice, shift, sort) | 정렬, 추가, 삭제
·
Archive/Develop
해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 :: 배열(Array)이란? 배열(array)이란 연관된 데이터를 모아서 통으로 관리하기 위해서 사용하는 데이터 타입입니다. 변수가 하나의 데이터를 저장하기 위한 것이라면, 배열은 여러 개의 데이터를 하나의 변수에 저장하기 위한 것이라고 할 수 있겠죠. 대괄호([])는 배열을 만드는 기호입니다. 대괄호 안에 데이터를 콤마(,)로 구분해서 나열하면 배열이 됩니다. 예시를 보면 바로 쉽게 이해가 되실거예요. var member = ['hi', 'hello', 'hoho'] console.log(member); 배열에 담겨져 있는 각각의 데이터는 원소(Element)이라고 불립니다. ..
[ JavaScript ] 자바스크립트 기본 문법 | 함수(function) return, 인자, 파라미터, 익명 함수
·
Archive/Develop
해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 함수(function)란 하나의 로직을 재실행 할 수 있도록 하는 것으로 코드의 재사용성을 높여줍니다. 자바스크립트 기본 문법 :: 함수 함수의 형식은 아래와 같습니다. function 함수명( [인자...[,인자]] ){ 코드 return 반환값 } 함수는 function 뒤에 함수의 이름이 오고, 소괄호가 따라옵니다. 소괄호에 인자라는 값이 차례로 들어오는데, 이 값은 함수를 호출할 때 함수의 로직으로 전달될 변수입니다. 인자는 생략 가능합니다. 함수를 호출 했을 때 실행하게 될 부분이 중괄호 안쪽에 오게됩니다. 예시로 살펴보도록 하겠습니다. function test(){ i = 0; while(i..
[ JavaScript ] 자바스크립트 기본 문법 | 반복문의 제어(break, continue)
·
Archive/Develop
해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 :: break 반복 작업을 중간에 중단하고 싶을 때 사용하는 것입니다. 예시로 살펴보도록 하겠습니다. for(var i = 0; i < 10; i++){ if(i === 5) { break; } console.log('test'+i); } 위의 예제를 실행시키면, 그림과 같은 결과가 나오게됩니다. i 가 5일때 break 를 만나 반복문을 빠져나가게(반복문 중지) 되어 더이상 test 를 출력시키지 않습니다. 자바스크립트 기본 문법 :: Continue 그럼 실행을 즉시 중단 하면서 반복은 지속되게 하려면 어떻게 해야 할까요? 이때 사용되는 것이 Continue 입니다. 이 또..