객체 모던 자바스크립트 Day 12 & 13 객체란, 프로퍼티(키-값)로 구성된 집합이다. 객체 생성: 생성 방법에는 여러가지가 있지만, 객체 리터럴({})로 생성하는 것이 가장 일반적이다. 객체 지향 언어: 언어의 구성이 이처럼 대부분 객체들로 이루어진 언어를 "객체 지향 언어" 라고 한다. 객체 생성법에 따라 "클래스 기반 객체지향 언어"와 "프로토타입 기반 객체지향 언어"로 나뉜다. "프로토타입 기반 객체지향 언어" vs. "클래... 북클럽모던 자바스크립트객체객체 Java 프로그래밍 : 객체지향 (1) 자바의 특징 Windows, Android, MacOS, UNIX 등 다양한 환경에서 동작한다. Object-Oriented Programming, 조립식 프로그래밍. 자바의 장점 객체를 재사용할 수 있다. 프로그램 확장이 편리하다. 클래스와 객체 클래스(Class)는 자바 프로그래밍의 최소 단위이며, 객체(Object)를 만들기 위한 설계도라고 할 수 있다. 또한 오브젝트를 인스턴스라고 부... static자바클래스객체생성자메소드OOPJavaJava 📋 모던 자바스크립트 Deep Dive | 17장 생성자 함수에 의한 객체 생성 new 연산자와 Object 생성자 함수를 호출하면 빈 객체를 생성해서 반환한다. 생성자 함수란 new 연산자와 함께 호출하여 객체를 생성하는 함수를 말한다. 마치 객체(인스턴스)를 생성하기 위한 템플릿(클래스)처럼 생성자 함수를 사용하여 프로퍼티 구조가 동일한 객체 여러 개를 간편하게 생성할 수 있다. 일반 함수와 동일한 방법으로 생성자 함수를 정의하고 new 연산자와 함께 호출하면 해당 ... 자바스크리립트생성자 함수new객체new 클래스, 객체, 인스턴스, 객체지향 객체지향언어를 공부하면 중요하게 다루는 것 중 하나가 클래스(class)입니다. 📚 클래스(class) ✍ 클래스 안에 정의한 속성들을 데이터 멤버(data member)라고 부르고, IT관련 객체 지향 프로그래밍에서 사용하는 언어로서, 객체를 만들고 조작하며 객체끼리 관계를 맺음으로써 다수의 객체가 함께 수행될 수 있게 한다. ▶ 객체(object) 객체 지향 프로그래밍(OOP)이나 설계에... 클래스인스턴스객체객체지향언어OOPOOP List<String> a = new ArrayList<>(); 정말 사소하지만 사소하지 않게 궁금했던 미스테리 국비에서 어찌저찌 자료구조를 배우고, 실습 과제를 할 때 일이다. 국비학원에서는 디테일하게 코드를 봐주거나 하는 일이 별로 없었기 때문에, 조원들끼리 머리를 싸매고 유사 석기시대 마냥 코드를 짜고 있었더랬다. 그 때의 우리는, 막 ArrayList, HashMap 등을 배웠고, 그걸 활용해서 간단한 프로그램을 짜고 있었는데, 나는 너무 당연하게... 객체interfaceJava인터페이스자바Java [JS] Object, Array 자주 사용하는 순환 Method 정리 key, value 두 값에 접근할 땐 Object.entries() key에만 접근할 때는 Object.keys() : 객체의 key 로 이루어진 배열이 반환된다. for...of와 함께 쓰면 순환하면서 접근할 수 있다. value에만 접근할 때는 Object.values() for...of와 함께 쓰면 순환하면서 접근할 수 있다.** 특정 key 확인할 때는 hasOwnProperty 프... 객체자바스크립트배열메서드객체 [JS] 원시 값 vs 객체 원시 값을 변수에 할당하면 변수에는 실제 값이 저장된다. 객체를 변수에 할당하면 변수에는 참조 값이 저장된다. 원시 값을 가진 변수를 다른 변수에 할당하면 변수에는 원시 값이 복사된다. 객체를 가리키는 변수를 다른 변수에 할당하면 원본의 참조 값이 복사된다. 불변성을 갖는 원시 값을 할당한 변수는 재할당 이외에 변수 값을 변경할 수 있는 방법이 없다. 🔰 Pass By Value(값에 의한 ... 원시 값frontendImmutabledeep copyTILpass-by-referencemutableshallow copy객체jspass by valueImmutable 02 객체 지향의 사실과 오해 행동의 결과는 상태에 의존적이며 상태를 이용해 서술할 수 있다. 객체는 구별 가능한 식별자, 특징적인 행동, 변경 가능한 상태를 가진다. 상태를 이용하면 과거의 모든 행동을 이력을 설명하지 않고도 행동의 결과를 쉽게 예측하고 설명할 수 있다. 다시 말해 단순한 값은 다른 객체의 상태를 표현하는 수단으로 사용된다. 위의 예시 처럼 객체도 다른 객체의 상태를 표현하는데 사용될 수 있다. 결론적으... 객체객체 TIL [객체를 만드는 방법] [리액트에서 쓰는 중요한 방법] 1. 기존의 객체를 만드는 방법 2. 기존의 HTML + JavaScript 에서 이벤트를 실행할 때 HTML에서 이렇게 인라인 이벤트 모델을 실행할 때는 큰따옴표 안에 실행할 코드를 넣었다. 3. 리액트에서 이벤트를 실행할 때 리액트에서는 함수 형태의 객체를 바로 전달한다. 함수는 바로 만들어서 전달해도 되고, 렌더링 부분 외부에 미리 만들어서 전달해도 된다. 4. 기존의 객체를 만드는 방... ReactJavaScript객체JavaScript Ch03: Introduction to Classes, Objects, Methods and Strings 클래스의 객체는 각각의 클래스의 인스턴스 변수의 복사본을 가진다. 접근 지정자 private 로 선언된 변수나 메소드는 오직 선언된 클래스의 메소드를 통해 접근 가능하다. 보통, 클래스의 바디에 인스턴스 변수를 가장 먼저 적는 것을 선호하지만 사실 메소드 선언 밖이라면 어디서든지 적을 수 있다. 다른 클래스의 객체를 형성하고, 그 객체의 메소드를 호출하는 클래스이다. 생성자는 메소드와 비슷하... 메소드객체클래스자바StringString [CS] 객체 Day-13 각기 다른 값을 가지지만, 입력해야하는 데이터의 종류가 동일한 경우 객체를 사용하여 데이터를 쉽게 관리할 수 있습니다. 이렇게 공통적인 속성을 가지는 경우 객체를 사용합니다. 객체의 핵심 포인트 객체 속성(property)의 추가, 조회, 변경, 삭제를 자유롭게 할 수 있어야한다. 객체 속성 조회법 두 가지, dot notation 과 bracket notation의 차이를 이해해야 한다. ... 객체 값 추가하기객체객체 값 삭제dot notationbracket notation객체 키 확인하기객체 값 추가객체 값 삭제하기객체 값 확인bracket notation [ Java ] 7장. 객체, 인스턴스화 ( + 자바 특징 ) 객체화(인스턴스화)는 코드를 실제 세계의 사물들로 표현하는 것 객체마다 고유한 특성과 행동을 지님 다른 객체와 정보를 주고 받고 상호작용을 함 컴퓨터에서 객체는 테트리스의 블록이나 한글 프로그램의 메뉴나 버튼들을 의미 [ 캡슐화 ] 자바의 가장 근본적인 특징 외부의 접근으로부터 객체를 보호 클래스 : 객체 모양을 선언하는 틀 객체 : 생성된 실체(인스턴스) - 클래스내에 메소드와 필드 구현 ... 인스턴스Java객체Java DEEP DIVE 한 장 요약 (객체) 원시 타입(primitive type) 은 단 하나의 값만 나타내지만 객체 타입(object/reference type) 은 다양한 타입의 값(원시 값 또는 다른 객체)을 하나의 단위로 구성한 복합적인 자료구조(data structure) 이다. 또한 원시 타입의 값, 즉 원시 값은 변경 불가능한 값이지만 객체 타입의 값, 즉 객체는 변경 가능한 값이다. 자바스크립트에서 사용할 수 있는 모든... JavaScriptobjectjs객체deep dive프로퍼티메서드JavaScript [JAVASCRIPT] 객체 지향 프로그래밍 OOP 02 우선 객체가 클래스의 인스턴스라고 했으니 클래스를 알아보자. : 객체를 생성하기 위한 템플릿, 나는 이전에 동물과 강아지를 Class 와 Object에 비유된 설명을 올려놨었는데, 그럼 객체를 생성하기 "위한" 템플릿이란 것은. 강아지라는 객체를 생성하기 위해서, 동물이라는 클래스를 '선언'해 주고, 동물 클래스를 통해서, 강아지 객체를 만들어 준다고 생각하면 된다. 클래스는 하나의 '함수'... JavaScript객체객체지향프로그래밍objectJavaScript
모던 자바스크립트 Day 12 & 13 객체란, 프로퍼티(키-값)로 구성된 집합이다. 객체 생성: 생성 방법에는 여러가지가 있지만, 객체 리터럴({})로 생성하는 것이 가장 일반적이다. 객체 지향 언어: 언어의 구성이 이처럼 대부분 객체들로 이루어진 언어를 "객체 지향 언어" 라고 한다. 객체 생성법에 따라 "클래스 기반 객체지향 언어"와 "프로토타입 기반 객체지향 언어"로 나뉜다. "프로토타입 기반 객체지향 언어" vs. "클래... 북클럽모던 자바스크립트객체객체 Java 프로그래밍 : 객체지향 (1) 자바의 특징 Windows, Android, MacOS, UNIX 등 다양한 환경에서 동작한다. Object-Oriented Programming, 조립식 프로그래밍. 자바의 장점 객체를 재사용할 수 있다. 프로그램 확장이 편리하다. 클래스와 객체 클래스(Class)는 자바 프로그래밍의 최소 단위이며, 객체(Object)를 만들기 위한 설계도라고 할 수 있다. 또한 오브젝트를 인스턴스라고 부... static자바클래스객체생성자메소드OOPJavaJava 📋 모던 자바스크립트 Deep Dive | 17장 생성자 함수에 의한 객체 생성 new 연산자와 Object 생성자 함수를 호출하면 빈 객체를 생성해서 반환한다. 생성자 함수란 new 연산자와 함께 호출하여 객체를 생성하는 함수를 말한다. 마치 객체(인스턴스)를 생성하기 위한 템플릿(클래스)처럼 생성자 함수를 사용하여 프로퍼티 구조가 동일한 객체 여러 개를 간편하게 생성할 수 있다. 일반 함수와 동일한 방법으로 생성자 함수를 정의하고 new 연산자와 함께 호출하면 해당 ... 자바스크리립트생성자 함수new객체new 클래스, 객체, 인스턴스, 객체지향 객체지향언어를 공부하면 중요하게 다루는 것 중 하나가 클래스(class)입니다. 📚 클래스(class) ✍ 클래스 안에 정의한 속성들을 데이터 멤버(data member)라고 부르고, IT관련 객체 지향 프로그래밍에서 사용하는 언어로서, 객체를 만들고 조작하며 객체끼리 관계를 맺음으로써 다수의 객체가 함께 수행될 수 있게 한다. ▶ 객체(object) 객체 지향 프로그래밍(OOP)이나 설계에... 클래스인스턴스객체객체지향언어OOPOOP List<String> a = new ArrayList<>(); 정말 사소하지만 사소하지 않게 궁금했던 미스테리 국비에서 어찌저찌 자료구조를 배우고, 실습 과제를 할 때 일이다. 국비학원에서는 디테일하게 코드를 봐주거나 하는 일이 별로 없었기 때문에, 조원들끼리 머리를 싸매고 유사 석기시대 마냥 코드를 짜고 있었더랬다. 그 때의 우리는, 막 ArrayList, HashMap 등을 배웠고, 그걸 활용해서 간단한 프로그램을 짜고 있었는데, 나는 너무 당연하게... 객체interfaceJava인터페이스자바Java [JS] Object, Array 자주 사용하는 순환 Method 정리 key, value 두 값에 접근할 땐 Object.entries() key에만 접근할 때는 Object.keys() : 객체의 key 로 이루어진 배열이 반환된다. for...of와 함께 쓰면 순환하면서 접근할 수 있다. value에만 접근할 때는 Object.values() for...of와 함께 쓰면 순환하면서 접근할 수 있다.** 특정 key 확인할 때는 hasOwnProperty 프... 객체자바스크립트배열메서드객체 [JS] 원시 값 vs 객체 원시 값을 변수에 할당하면 변수에는 실제 값이 저장된다. 객체를 변수에 할당하면 변수에는 참조 값이 저장된다. 원시 값을 가진 변수를 다른 변수에 할당하면 변수에는 원시 값이 복사된다. 객체를 가리키는 변수를 다른 변수에 할당하면 원본의 참조 값이 복사된다. 불변성을 갖는 원시 값을 할당한 변수는 재할당 이외에 변수 값을 변경할 수 있는 방법이 없다. 🔰 Pass By Value(값에 의한 ... 원시 값frontendImmutabledeep copyTILpass-by-referencemutableshallow copy객체jspass by valueImmutable 02 객체 지향의 사실과 오해 행동의 결과는 상태에 의존적이며 상태를 이용해 서술할 수 있다. 객체는 구별 가능한 식별자, 특징적인 행동, 변경 가능한 상태를 가진다. 상태를 이용하면 과거의 모든 행동을 이력을 설명하지 않고도 행동의 결과를 쉽게 예측하고 설명할 수 있다. 다시 말해 단순한 값은 다른 객체의 상태를 표현하는 수단으로 사용된다. 위의 예시 처럼 객체도 다른 객체의 상태를 표현하는데 사용될 수 있다. 결론적으... 객체객체 TIL [객체를 만드는 방법] [리액트에서 쓰는 중요한 방법] 1. 기존의 객체를 만드는 방법 2. 기존의 HTML + JavaScript 에서 이벤트를 실행할 때 HTML에서 이렇게 인라인 이벤트 모델을 실행할 때는 큰따옴표 안에 실행할 코드를 넣었다. 3. 리액트에서 이벤트를 실행할 때 리액트에서는 함수 형태의 객체를 바로 전달한다. 함수는 바로 만들어서 전달해도 되고, 렌더링 부분 외부에 미리 만들어서 전달해도 된다. 4. 기존의 객체를 만드는 방... ReactJavaScript객체JavaScript Ch03: Introduction to Classes, Objects, Methods and Strings 클래스의 객체는 각각의 클래스의 인스턴스 변수의 복사본을 가진다. 접근 지정자 private 로 선언된 변수나 메소드는 오직 선언된 클래스의 메소드를 통해 접근 가능하다. 보통, 클래스의 바디에 인스턴스 변수를 가장 먼저 적는 것을 선호하지만 사실 메소드 선언 밖이라면 어디서든지 적을 수 있다. 다른 클래스의 객체를 형성하고, 그 객체의 메소드를 호출하는 클래스이다. 생성자는 메소드와 비슷하... 메소드객체클래스자바StringString [CS] 객체 Day-13 각기 다른 값을 가지지만, 입력해야하는 데이터의 종류가 동일한 경우 객체를 사용하여 데이터를 쉽게 관리할 수 있습니다. 이렇게 공통적인 속성을 가지는 경우 객체를 사용합니다. 객체의 핵심 포인트 객체 속성(property)의 추가, 조회, 변경, 삭제를 자유롭게 할 수 있어야한다. 객체 속성 조회법 두 가지, dot notation 과 bracket notation의 차이를 이해해야 한다. ... 객체 값 추가하기객체객체 값 삭제dot notationbracket notation객체 키 확인하기객체 값 추가객체 값 삭제하기객체 값 확인bracket notation [ Java ] 7장. 객체, 인스턴스화 ( + 자바 특징 ) 객체화(인스턴스화)는 코드를 실제 세계의 사물들로 표현하는 것 객체마다 고유한 특성과 행동을 지님 다른 객체와 정보를 주고 받고 상호작용을 함 컴퓨터에서 객체는 테트리스의 블록이나 한글 프로그램의 메뉴나 버튼들을 의미 [ 캡슐화 ] 자바의 가장 근본적인 특징 외부의 접근으로부터 객체를 보호 클래스 : 객체 모양을 선언하는 틀 객체 : 생성된 실체(인스턴스) - 클래스내에 메소드와 필드 구현 ... 인스턴스Java객체Java DEEP DIVE 한 장 요약 (객체) 원시 타입(primitive type) 은 단 하나의 값만 나타내지만 객체 타입(object/reference type) 은 다양한 타입의 값(원시 값 또는 다른 객체)을 하나의 단위로 구성한 복합적인 자료구조(data structure) 이다. 또한 원시 타입의 값, 즉 원시 값은 변경 불가능한 값이지만 객체 타입의 값, 즉 객체는 변경 가능한 값이다. 자바스크립트에서 사용할 수 있는 모든... JavaScriptobjectjs객체deep dive프로퍼티메서드JavaScript [JAVASCRIPT] 객체 지향 프로그래밍 OOP 02 우선 객체가 클래스의 인스턴스라고 했으니 클래스를 알아보자. : 객체를 생성하기 위한 템플릿, 나는 이전에 동물과 강아지를 Class 와 Object에 비유된 설명을 올려놨었는데, 그럼 객체를 생성하기 "위한" 템플릿이란 것은. 강아지라는 객체를 생성하기 위해서, 동물이라는 클래스를 '선언'해 주고, 동물 클래스를 통해서, 강아지 객체를 만들어 준다고 생각하면 된다. 클래스는 하나의 '함수'... JavaScript객체객체지향프로그래밍objectJavaScript