러닝 자바스크립트 스터디 자료 - CHAPTER 10. 맵과 셋

ES6에서 도입 키와 값을 연결한다는 점에서 객체와 비슷
중복을 허용하지 않는다는 점만 제외하면 배열과 비슷

키와값을 연결할때 객체를 사용하면 발생하는 단점

프로토타입 체인 때문에 의도하지 않은 연결이 생길 수 있다.
객체 안에 연결된 키와 값이 몇 개나 되는지 쉽게 알아낼 수 있는 방법이 없다.
키는 반드시 문자열이나 심볼이어야 하므로 객체를 키로 써서 값과 연결 할수 없다.
객체는 프로퍼티 순서를 전혀 보장하지 않는다.
Map 객체는 이들 결함을 모두 해결, 키와 값을 연결할 목적이라면 객체보다 나은 선택이다.

러닝 자바스크립트 스터디 자료 - CHAPTER 9. 객체와 객체지향 프로그래밍

객체

배열과 마찬가지로 자바스크립트 객체 역시 컨테이너지만, 크게 보면 다음 두 가지 측면에서 배열과 다릅니다.
배열은 값을 가지며 각 값에는 숫자형 인덱스가 있습니다. 객체는 프로퍼티를 가지며 각 프로퍼티에는 문자열이나 심볼 인덱스가 있습니다.
배열에는 순서가 있습니다. 즉 arr[0] 는 항상 arr[1]보다 앞에 있습니다. 반면 객체에는 그런 순서가 보장 되지 않습니다.
obj.a가 obj.b보다 앞에 있다고 말할 수는 없습니다.

프로퍼티는 키(문자열 또는 심볼)과 값으로 구성됩니다. 객체의 특징은 키를 통해 프로퍼티에 접근할 수 있다는 점입니다.

러닝 자바스크립트 스터디 자료 - CHAPTER 8. 배열과 배열처리

배열의 기초

  • 배열은 객체와 달리 본질에서 순서가 있는 데이터 집합이며 0으로 시작하는 숫자형 인덱스를 사용합니다.
  • 자바스크립트의 배열은 비균질적입니다. 즉 한 배열의 요소가 모두 같은 데이터 타입일 필요는 없습니다. 배열은 다른 배열이나 객체도 포함 할 수 있습니다.
  • 배열 리터럴은 대괄호로 만들고, 배열 요소에 인덱스로 접근 할 때도 대괄호를 사용합니다.
  • 모든 배열에는 요소가 몇 개 있는지 나타내는 length 프로퍼티가 있습니다.
  • 배열에 배열 길이보다 큰 인덱스를 사용해서 요소를 할당하며 배열을 자동으로 그 인덱스에 맞게 늘어나며, 빈자리는 undefined로 채워집니다.
  • Array 생성자를 써서 배열을 만들수도 있습니다.

러닝 자바스크립트 스터디 자료 - CHAPTER 7. 스코프

스코프는 변수와 상수, 매개변수가 언제 어디서 정의되는지 결정합니다.

변수가 존재하지 않으면 그 변수는 스코프안에 ‘있지않음’을 직관적으로 알수 있다.
즉 아직 선언하지 않은 변수나 함수가 종료되면서 존재하지 않게 된 변수는 분명 스코프안에 ‘있지 않다’

스코프존재를 구별해야 한다.
가시성이라고도 불리는 스코프는 프로그램의 현재 실행 중인 부분, 즉 실행 컨텍스트에서 현재 보이고 접근 할 수 있는 식별자들을 말한다. 반면 존재한다는 말은 식별자가 메모리에 할당된 무언가를 가리키고 있다는 뜻이다.

러닝 자바스크립트 스터디 자료 - CHAPTER 6. 함수

함수(function)는 하나의 단위로 실행되는 문의 집합, 일종의 부속프로그램으로 볼 수도 있다.
함수를 호출 할 때는 이름 다음에 괄호를 쓴다.

반환값

함수 바디 안에 return키워드를 사용하면 함수를 즉시 종료하고 값을 반환한다.
return을 명시적으로 호출하지 안으면 반환값은 undefined가 됩니다.
함수는 어떤 타입의 값이라도 반환 할 수 있습니다.

러닝 자바스크립트 스터디 자료 - CHAPTER 5. 표현식과 연산자

이번 챕터에서는 표현식과 연산자에 대해 알아보는 챕터였다. 실습보다는 이론적인 부분들이 많았다.

표현식

값으로 평가될 수 있는 문 즉 결과가 값인 문과, 표현식이 아닌 문의 차이를 이해한다.
표현식이 아닌 문은 일종의 지시라고 생각 할 수있고, 표현식은 무언가를 요청하는 것이라고 생각 할 수 있다.

표현식은 값이 된다. 그 결과를 다른 표현식에 결합해서 다른 값을 얻을 수 있다. 그 값을 또 다른 표현식에 결합해서 또 다른 값을 얻는 식으로 이어질 수 있다. 표현식이 아닌 문은 이런 식의 결합을 할 수 있다.

표현식은 값이 되므로 할당에 쓸 수 있다. 즉 표현식의 결과를 변수나 상수, 프로퍼티에 할당할 수 있습니다.

러닝 자바스크립트 스터디 자료 - CHAPTER 4. 제어문

이번챕터에서는 제어문에 대해서 나와 있었다. 제어문은 크게 조건문과 반복문으로 나눌 수 있다.
대표적으로 조건문에는 if…else 문,switch 문이 있고 반복문에는 for 문, while 문 등이 있다.
제어문을 시각적으로 나타내는 방법에는 순서도가 있다.

순서도

  • 순서도에서 마름모 모양은 예/아니오 인 결정이며 사각형은 행동입니다.
  • 시작과 끝은 원으로 나타냅니다.
  • 순서도를 프로그램으로 바꿀 때 중요한 것은 컴퓨터가 이해 할수 있는 말로 변환하는 것이다.

러닝 자바스크립트 스터디 자료 - CHAPTER 3. 리터널과 변수, 상수, 데이터 타입

CHAPTER3 은 데이터에 관한 내용들이었는데, 많은 부분들이 개념정도만을 이야기하고 나머지는 뒤에서 자세하게 설명한다고 생략되어있는 부분들이 많았다.
이번 포스팅에서도 간단하게 개념들만 정리하고 추후에 다시 언급하는 방법을 취하겠다.

변수와 상수

  • 변수 : 언제든지 변할 수 있는 값
  • 상수 : 한번 할당한 값을 바꿀 수는 없다.

변수 선언시 초기값을 할당하지 않으면 암묵적으로 undefined를 할당한다.
let, const 키워드는 ES6에서 새로 생겼다.
상수 이름에는 보통 대문자와 밑줄만을 사용하는데 절대적이지는 않다.

러닝 자바스크립트 스터디 자료 - CHAPTER 2. 자바스크립트 개발 도구

CHAPTER 2. 자바스크립트 개발 도구에서는 제목 그대로 개발도구들에 대해서 설명하고 세팅하는 방법에 대해서 나와있었다. 책에있는 개발도구들을 정리해보면 아래와 같다.

  1. Git : 컴퓨터 파일의 변경사항을 추적하고 여러 명의 사용자들 간에 해당 파일들의 작업을 조율하기 위한 분산 버전 관리 시스템
  2. node.js : 확장성있는 네트워크 애플리케이션 개발에 사용되는 소프트웨어 플랫폼
  3. npm(노드 패키지 매니저/Node Package Manage ) : 자바스트립트 프로그래밍 언어를 위한 패키지 관리자
  4. gulp : 반복작업을 자동화하는 빌드도구의 하나
  5. babel : ES6/ES7 코드를 ECMAScript5 코드로 트랜스파일링(transpiling) 하기 위한 도구
  6. ESlint : ES + Lint입니다. ES는 EcmaScript, 즉 자바스크립트를 의미. Lint는 보푸라기라는 뜻인데 프로그래밍 쪽에서는 에러가 있는 코드에 표시를 달아놓는 것을 의미. 자바스크립트 소스 코드가 코딩 규칭을 준수하는지 확인하기 위해 소프트웨어 개발에 사용되는 정적코드분석 도구

러닝 자바스크립트 스터디 자료 - CHAPTER 1. 첫 번째 애플리케이션

이 포스팅은 시리즈는 러닝 자바스크립트 스터디를 하면서 개인적으로 정리의 필요성을 느끼고 정리를 위해 나만의 방법으로 정리해 놓은 포스팅입니다.
저작권 문제가 발생시에 수정 될 수 있으며 해당 책없이는 의미가 없는 포스트 입니다. 책은 꼭 구매해서 봅시다. ^^

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×