JavaScript

자바스크립트 - private 속성

private 속성 자바스크립트의 private 속성을 알아볼 것이다. 먼저 정사각형의 넓이와 둘레를 구하는 class를 만들어 볼 것이다. 정사각형의 변을 length라고 하고, 넓이를 구하는 함수는 getArea(), 둘레를 구하는 함수는 getPerimeter()로 메소드를 만들 것이다. // 정사각형을 나타내는 객체 class Square { constructor(length) { this.length = length; } getArea() { return this.length * this.length; } getPerimeter() { return 4 * this.length; } } const square = new Square(10); console.log(square.getArea());/..

자바스크립트 - Class 도입

클래스를 알기 전에 추상화라는 개념을 먼저 알아야 된다. 위키백과에서 추상화는 복잡한 자료, 모듈, 시스템 등으로부터 핵심적인 개념 또는 기능을 간추려 내는 것이라고 나와있다. 사람을 데이터로서 표현한다면 키, 몸무게, 얼굴 둘레, 눈썹 길이, 눈 크기, 입술 주름 개수 등 모든 복잡한 정보를 입력해야 할 것이다. 하지만 프로그램을 만들 때 모든 정보가 필요하지 않다. 예를 들어 멤버십 카드를 만들 때 그 사람의 이름, 전화번호와 같은 정보만 알면 된다. 그래서 이해하기 쉽게 정리해보자면 추상화는 어떤 대상에서 나에게 필요한 것만 추출해 내는 것이라고 할 수 있다. 그렇다면 이제 클래스를 왜 사용하는지 알기 위한 예시들을 살펴보자. 학생을 추상화 해서 아래와 같이 학생들의 성적을 객체로 만들어 배열에 담..

자바스크립트 - 객체의 기본 속성 지정하기

객체의 기본 속성 지정하기 일반적인 함수 const test1 = function (name, age, color) { return `${name} : ${age} : ${color}` } console.log(test1('구름', 7, '갈색')) 현대적인 형태의 함수 const test2 = function (object) { return `${object.name} : ${object.age} : ${object.color}` } console.log(test2({ name: '구름', age: 7, color: '갈색' })) 위와 같은 강아지의 이름과 나이와 색깔을 받는 함수를 만들고 console.log를 찍었을 때 test1과 test2 함수의 출력값은 동일하다. 그렇지만 두 번째로 만든 함..

항해99 - [Chapter 2] 프로그래밍 기초 (W2)

Week 2 JavaScript 스터디 & 알고리즘 문제풀이 기간: 11/18 - 11/24 Tasks: JS Assignment (Due 11/18 by 11:59PM KST) JS Algo Session (11/19 10:00AM KST) JS Study Group Initial Session (11/21 9:00AM KST) Algo Mock Exam (11/22 10AM - 2PM KST) Algo Exam (11/24 10AM - 2PM KST) JS Study Group Meeting Hours (TBD) 11/21 11/22 11/23 11/24 Onwards? Javascript 1. JavaScript의 자료형과 JavaScript만의 특성은 무엇일까 ? ▷ 느슨한 타입(loosely t..

자바스크립트 - 객체의 기본

객체 객체는 한 마디로 정의하면 '실제로 존재하는 사물'을 의미하고 '이름(name)과 값(value)으로 구성'된 속성(property)을 가진 자바스크립트의 기본 데이터 타입으로 말할 수 있다. const product = { 제품명: '7D 건조 망고', 유형: '당절임', 성분: '망고, 설탕 , 메타중아황산나트륨, 치자황색소', 원산지: '필리핀' } 위와 같이 객체를 선언 했을 때 객체의 요소에 접근하는 방법은 두 가지가 있다. 첫 번째는 객체 뒤에 대괄호를 사용하고 키를 입력하면 된다. - product['키값'] 두 번째는 대괄호 대신 온점을 사용할 수도 있다. - product.키값 더보기 식별자로 사용할 수 없는 단어를 키로 사용할 경우 문자열을 사용해야 한다. 그리고 식별자가 아닌 문..

자바스크립트 - 함수

용어 정리 함수를 사용하는 것을 함수 호출이라고 하고 함수를 호출할 때 괄호 내부에 여러가지 자료를 넣는데, 이러한 자료를 매개변수라고 부른다. 그리고 함수를 호출해서 최종적으로 나오는 결과를 리턴값이라고 부른다. 가변 매개변수 함수란 호출할 때 매개변수의 개수가 고정적이지 않은 함수를 말한다. 나머지 매개변수(...)를 활용해서 만든다. 전개 연산자란 배열을 함수의 매개변수로써 전개하고 싶을 때 사용한다. └ 배열 앞에 마침표 3개(...)를 붙이는 형태로 사용 기본 매개변수란 매개변수에 기본값이 들어가게 하고 싶을 때 사용한다. 콜백 함수란 매개변수로 전달하는 함수를 말한다. 메소드 체이닝이란 어떤 메소드가 리턴하는 값을 기반으로 해서 함수를 줄줄이 사용하는 것 화살표 함수란 익명 함수를 간단하게 사..