본문 바로가기

전체 글

 (662)
5. Javascript 배열 (4) - 배열과 객체 비교 일반 객체와 배열 객체의 차이 아래와 같이, 배열 객체인 hiphopArray와 hiphopObj를 각각 생성하여 차이를 살펴보도록 합시다. 1. 객체의 생성 var hiphopArray = ['AOMG', 'IMJMWDP', 'VMC']; console.log(hiphopArray[0]); console.log(hiphopArray[1]); console.log(hiphopArray[2]); var hiphopObj = { '0' : 'AOMG', '1' : 'IMJMWDP', '2' : 'VMC' }; console.log(hiphopObj[0]); console.log(hiphopObj[1]); console.log(hiphopObj[2]); 위와 같이 배열 객체인 hiphopArray와 일반 객체..
스네이크 케이스 / 카멜 케이스 / 파스칼 케이스의 뜻을 알아봅시다 스네이크 케이스(snake case), 파스칼 케이스(pascal case), 카멜 케이스(camel case)에 대해서 알아보겠습니다. 이 용어들은 기본적으로 프로그래밍 언어 사용 시 레터링 규칙들을 의미합니다. 특히 이런 표현법의 경우 프로그래밍 언어에 따라 다르지만 대부분 강력한 규칙이라기 보다는 사용자간에 통용되는 약속에 가깝습니다. 하지만 그렇다고 해서 유연하게 적용해도 되는 것들은 아니고, 이 표현 규약에 따라서 변수/클래스 정의 등 중요한 프로그래밍 언어 규칙이 적용되기 때문에, 잘 이해하고 있어야 합니다. 프로그래머가 아니더라도, DB테이블 작성이나 여러 데이터의 key, value 작성시에도 통용될 수 있는 부분들입니다. 간혹 개발 이해도가 낮으신 신입 등의 경우에 이러한 파일명 규칙을 ..
5. Javascript 배열 (3) - 배열 push( ) 메소드 length 프로퍼티 기반 배열 표준 메소드 대부분의 배열 관련 표준 메소드는 length 프로퍼티를 기반으로 동작합니다. 그래서 length 프로퍼티의 유무 여부는 해당 객체가 배열인지의 여부와 거의 직접적인 관계가 있다고 해도 과언이 아닐 정도로 중요합니다. 단순히 배열 객체 안의 원소 개수만을 출력하는 기능이라고 가볍게 여겨서는 안되죠. 여기서는 간단하게 예시로 push( )메소드를 통해, 배열 표준 메소드의 동작 방식을 살펴보도록 하겠습니다. push( ) 메소드 배열 표준 메소드인 push( )는 인자로 넘어온 값을 해당 배열의 끝에 추가하는 메소드 입니다. 단, 여기서 '배열의 끝'의 기준은 해당 배열의 length가 됩니다. 요약해 정의하면, [현재 length 프로퍼티 값과 동일한 인덱스에..
"아이폰이랑 갤럭시 사이에서 고민중이야" 영어로 말해봅시다 요즘에는 갤럭시 폴드나 플립 출시 이후로 간혹 아이폰 사용자 중에서도 갤럭시로 갈아타는 분들도 나오는 편이고, 반대로 충성 갤럭시 유저들 중에서도 아이폰으로 옮기는 분들도 많아졌습니다. 저 역시 갤럭시와 아이폰, 그리고 맥북과 윈도우, 아이패드와 갤럭시 탭을 오고가며 사용하는 유저이지만 각각의 장단점이 명확하다보니 언제나 고민에 빠지게 됩니다. 오늘은 아이폰과 갤럭시 신제품 출시에 맞춰 관련된 표현을 한 번 살펴보도록 하겠습니다. "아이폰이랑 갤럭시 사이에서 고민중이야" 라는 표현. 어떻게 할 수 있을까요? 비단 스마트폰 뿐만이 아니라, 삼성과 LG 사이에서 모니터나 가전제품을 고민하는 경우에도 자주 사용하게 되는 표현입니다. [A와 B 사이에서 고민하고 있다]는 표현 지금 머리속에 어떤 표현이 떠오르고..
5. Javascript 배열 (2) - 배열의 length 배열 length 프로퍼티의 특성 배열의 length 프로퍼티는 기본적으로 배열의 원소의 개수를 표현하지만, 반드시 원소의 개수와 일치하지는 않습니다. Javascript 배열의 특징 중 하나인데요, 배열 내의 인덱스 값 중 가장 큰 인덱스 값을 기준으로 산출하는 프로퍼티 입니다. 사실상 배열의 length에 대해서는 아래와 같이 정의할 수 있습니다. [배열의 인덱스 값 중 가장 큰 인덱스 + 1] 즉, 다음 예제와 같이 동적으로 배열의 원소를 할당하고 난 후 해당 배열의 length 값을 출력해보면 위의 정의가 쉽게 이해될 것입니다. var newArr =[]; console.log(newArr.length); newArr[0] = 10; newArr[1] = 20; newArr[99] = 999; c..
5. Javascript 배열 (1) - 배열의 특성 Javascript 배열의 특징과 배열 리터럴 자바스크립트의 배열은 타 언어의 배열과 달리 크기 지정이 필요 없고, 저장 위치에서 자유롭습니다. 우선 이에 따라 기본적인 배열 생성 방식에 대해 알아보겠습니다. 앞서 살펴본 객체 리터럴과 마찬가지의 방법으로, 배열 리터럴을 통해 배열을 생성할 수 있습니다. 배열 리터럴은 객체와 달리 대괄호( '[ ]' )를 사용합니다. 배열 리터럴을 통해 원소 3개를 가진 배열을 선언하고, 각 원소를 출력해 보겠습니다. var newArr = [ 'one', 'two', 'three' ]; console.log(newArr[0]); console.log(newArr[1]); console.log(newArr[2]); 대괄호를 이용해 각 원소를 선언하고, 이후에 인덱스 넘버..
4. Javascript 프로토타입([[Prototype]]) Javascript의 프로토타입 자바스크립트의 모든 객체는 프로토타입 객체를 갖습니다. 이는, 일반적인 객체지향 언어에서의 상속 개념과 거의 동일하고 부모 객체의 프로퍼티를 그대로 사용할 수 있다는 특성을 보여줍니다. 이 프로토타입은 Javascript에서 객체가 생성되는 시점에 일정한 규칙에 따라 정해집니다. 객체가 생성되는 방식도 여러가지 경우의 수가 존재하기 때문에, 이에 따른 생성 규칙은 추후에 알아보겠습니다. 우선은 객체 리터럴 방식으로 객체를 생성한 후, 프로토타입에 대해서 알아보겠습니다. var newObj = { age : 20, name : 'John Doe' }; console.log(newObj.toString()); console.dir(newObj); 위와 같이 newObj 객체를..
"매출이 작년보다 떨어졌어요." 영어로 표현해 봅시다. 프레젠테이션이나 각종 보고에서 기본적인 지표에 대해서 설명할 때 가장 많이쓰게 되는 표현은 아마 매출(또는 기타 지표)이 떨어지거나 올랐다는 표현일 것 같습니다. 이는 자료에 대한 해석이나 전략에 대한 표현 이전의 아주 기본적인 표현이죠. 그래서, 왠지 다들 잘 알고 있을 것 같지만 의외로 확신을 갖고 표현하지 못하는 내용이기도 합니다. 자, 그럼 한 번 표현해 볼까요? 아래 표현을 각자 영어로 떠올려 봅시다. "우리의 매출액이 작년에 비해 감소했다." 자, 영문으로 PPT를 작성한다고 생각하고 한 번 표현을 생각해 보셨나요? 일상 언어보다 쉽게 접하는 표현이라고 생각해서 잘 나올 것 같았지만, 어려웠나요? 어쨌든, 대충 이러한 표현이 나왔을 것으로 예상합니다. "Our sales have decreas..

티스토리툴바