본문 바로가기

객체5

Lv.1 - 완주하지 못한 선수 (해시) 안녕하세요. 좋아요요정입니다! 스터디에서 자료구조를 시작했습니다 예~~ 🙌 숙제로 프로그래머스를 시작합니다. Lv.1. 완주하지 못한 선수 문제 요약 수많은 마라톤 선수들이 마라톤에 참여. 단 한명의 선수를 제외하고는 완주. 마라톤에 참여한 선수들의 이름이 담긴 배열과 완주한 선수들의 배열이 주어졌을 때 완주하지 못한 단 한명의 선수를 반환하는 함수를 작성. 제한 사항 마라톤 경기에 참여한 선수의 수는 1명 이상 100,000명 이하입니다. completion의 길이는 participant의 길이보다 1 작습니다. 참가자의 이름은 1개 이상 20개 이하의 알파벳 소문자로 이루어져 있습니다. 참가자 중에는 동명이인이 있을 수 있습니다. 입출력 예 participant completion return ["l.. Study-Note/프로그래머스 2022. 2. 17.
03. 원시 값과 객체는 메모리에 어떻게 저장되는가? 객체의 복제란? 안녕하세요. 좋아요요정입니다! 지난 스터디에서 자바스크립트의 자료형은 크게 원시 타입과 참조 타입으로 구분되고, 참조 타입의 객체에 관해 자세하게 알아보았습니다. 이번에는 원시 타입과 객체 타입의 차이점과 메모리에 어떻게 저장이 되어지는지 구체적으로 살펴보겠습니다. 그리고 객체가 메모리에 저장되는 특징으로 인한 객체의 얕은 복제, 깊은 복제에 대해 이해해보는 시간을 갖겠습니다. 원시타입과 객체타입의 가장 큰 차이점을 말하자면 변경이 가능한지에 대한 여부입니다. 원시 타입은 변경이 불가능한 값, Immutable type이고, 객체 타입은 변경이 가능한 가변성을 가진 mutable type입니다. 원시 값은 메모리에 어떻게 저장될까요? 먼저 원시 값이 메모리에 어떻게 저장되는 지 살펴보겠습니다. let n.. Study-Note/JavaScript 2021. 12. 26.
02. 객체 리터럴, 프로퍼티 접근과 갱신, ES6 활용 방법 객체 리터럴 객체 리터럴에 의한 객체 생성 리터럴(literal)이란 단순하게 우리가 특정 데이터의 모양을 직접 구현해 만든 데이터를 뜻합니다. 자바스크립트는 literal 또는 initializer 표기법으로 객체를 생성할 수 있습니다. 중괄호 안에 프로퍼티를 갖는 객체를 빠르게 생성할 수 있습니다. 중괄호{} 안에 넣고 콤마로 구분해 key: value의 목록을 작성하면 됩니다. 객체 리터럴은 특정한 지표 없이 우리가 직접 만들어낸 객체를 뜻합니다. 객체 리터럴은 자바스크립트 개발자들에게 상당히 편리한 개발을 할 수 있게 도와줍니다. 클래스 기반의 언어인 경우(C++, Java) 객체를 활용하기 위해서 해당 객체가 어떤 모양일지 사전에 필수로 설명서를 작성해야 합니다. 객체를 생성하기 위한 클래스를 .. Study-Note/JavaScript 2021. 12. 24.
01. 자바스크립트의 필수! 객체와 프로퍼티, 메서드의 정의 안녕하세요. 좋아요요정입니다. 프로그래밍 언어에는 다양한 자료형이 존재합니다. 자료형은 크게 원시 타입(Primitive Data Type)과 참조 타입(Reference Data Type)으로 구분됩니다. 자바스크립트는 원시값( string, Number, Bigint, Booliean, Undefined, Symbol, Null )을 제외한 모든 것은 값의 메모리 주소를 참조하는 참조 타입의 객체로 이루어져 있습니다. 자바스크립트에 필수인 객체와 메서드가 무엇인지, 프로퍼티가 무엇이고 또 어떻게 사용하는지 알아보겠습니다. 객체 객체란? const cat = { name : 'cookie', color : '삼색이', age : 2, } 객체(Object)란 키와 값들을 그룹으로 묶은 데이터 모음입니다.. Study-Note/JavaScript 2021. 12. 24.
[react] object 깊은 복사하는 함수 안녕하세요! 좋아요요정입니다 :) 오늘은 object 깊은 복사를 진행했습니다. 테이블에 입력되는 column을 복제해서 일부 값을 수정하고 반환 수정하는데 setState를 선언하지 않았음에도 변경되었습니다. 이유는 { ... } 은 shallow copy를 하기 때문! const object = { a: 'aa', b: 'bb', c: ['c','cc'] } const copy = { ...object } 이 경우, object에는 데이터가 저장되는 것이 아니라 데이터의 값을 가리키는 참조값이 저장됩니다. 그 참조값을 복사해 데이터를 수정하니, 결국 그 내부의 값이 변경된 것입니다. 복사 전 변수도, 복사한 변수도 결국 같은 데이터를 가리키고 있던 것이죠. 깊은 복사하는 방법1 - JSON객체를 이용.. Journal/개발일기 2021. 12. 14.

티스토리툴바