object (6) 썸네일형 리스트형 Detail of prototype in Javascript 자바스크립트는 객체지향언어이고 상속은 객체지향 프로그래밍의 핵심 개념입니다. 자바스크립트는 프로토타입을 기반으로 상속을 구현하여 불필요한 중복을 제거할 수 있습니다. 즉 class기반 언어의 상속을 흉내 낼 수 있는 것입니다. (ES6에서 class 문법이 추가되었습니다만 자바스크립트가 클래스 기반 언어로 바뀐 것은 아닙니다.) function Person(name, age){ this.name = name; this.age = age; this.speak = function(){ return `Hi, ${name} I'm ${age} years old` }; } const person1 = new Person('justin', 12); const person2 = new Person('dave', 14.. [번역] prototypes in JavaScript 자바스크립트에서의 프로토타입 소개 자바스크립트는 프로토타입 기반 언어이며, 상속을 통한 프로퍼티, 메서드 조회 및 코드 재사용성을 위해 프로토타입을 사용합니다. 이번 글에서는 프로토타입과 프로토타입 체인, 프로토타입의(을 통한) 상속에 대해 알아보겠습니다. 프로토타입과 프로토타입 체인 자바스크립트에서는 원시타입(numbers, strings, boolean 등)과 참조타입(arrays, object, function) 두가지의 데이터 타입이 있습니다. 원시타입과 참조타입 둘 다 각각 object로 감싸여져있습니다. (Both the primitive and the object types are wrapped by their respective objects.) 숫자는 `Number`로, 문자열은 `String`로, 부울은 `Bool.. 2021년 7월 21일 FIRST PROJECT DAY3(project upload page 이미지, desc formData 전달 형태 구성 및 modal로 project 미리보기 기능 구현 착수) DEV LOG 오늘의 스케쥴 KPT reflection sharing project upload page 이미지, desc formData 전달 형태 구성(solo) API docs 개선/보완(with BE) modal로 project 미리보기 page 구현 착수 오늘은 어떻게 프로젝트에 기여했나요? 파일 upload page 이미지 upload관련 기능 완료 이미지, 이미지 각각의 desc formdata 전달 형태 구성 및 사용자가 입력한 desc 정보 가져오기 //기존 계획 api문서 작성 시 // project_content: // [ {text: ~~~~ , image: buffer }, {text: ~~~~ , image: buffer }, {text: ~~~~ , image: buffer }.. 2021년 5월 10일 코드스테이츠 DAY-36 객체 지향 프로그래밍 정리 객체 지향 프로그래밍의 특징 4가지 캡슐화 : 실제 객체 모습의 추상화를 위하여 데이터와 기능을 모았다. 추상화 : 메소드로 예를 들면 내부에 어떤 로직이 있는지 자세히 몰라도 메소드의 이름만 보고도 기능을 짐작할 수 있게하는 것 상속 : 자식 클래스에서 부모 클래스의 속성과 메소드를 활용할 수 있다. 다향성 : 클래스는 하나더라도 인스턴스는 다양한 다른 키 값을 갖는다. 객체 지향과 자바스크립트 자바스크립트는 객체 지향 언어인가? 아니다. 자바스크립트는 객체 지향 프로그래밍을 할 수 있는가? 맞다. 면접 질문 시 예상 대답 : "자바스크립트는 객체 지향 언어는 아니고 프로토타입 지향 언어라고 들었습니다. 프로토타입에 대해서 깊게 알고 있지는 않지만, 다르다는 점을 알고 있습니다. 자바스크립트에서 객체 .. 2021년 5월 9일 클래스를 이용한 모듈화, 프로토 타입 예습 내일의 일정을 확인해보니 클래스를 이용한 모듈화, 프로토 타입이라는 것을 공부해야하는 것으로 나와있었다. UR클래스에는 아직 강좌가 열리지 않아서 확인을 못했지만 해당 내용은 코드스테이츠를 수강하기 전에 객체를 공부하며 함께 본 기억이 있었기에 그때 공부했던 자료를 찾아보기 시작했다. 그당시 중요하다고 생각한 내용을 적어 놨었는데 아래와 같다. 객체에 추가된 값으로 정의되는 속성을 property라고 한다. 속성들 중에 값이 함수인 것들을 method(동작, 기능)라고 한다. this란? 객체가 메서드를 실행했을때 메서드를 실행한 주체 객체, 자바스크립트 함수 안에서 this는 함수가 실행되는 context에 따라 값이 바뀐다. 생성자(constructor) 함수란 객체를 생성해내는 함수. functio.. 2021년 4월 20일 코드스테이츠 DAY-16(객체 코플릿) + twittler mock-up 계획(wireframe) + figma 사용법 숙지(인강) 2021년 4월 19일 코드스테이츠 DAY-15(배열, 객체) 배열, 배열의 반복, 배열 기초(Chapter) 코플릿 - 배열(Pair) 객체(Lesson) 배열, 객체(checkpoint) 코플릿 - 배열(Pair) / 객체(Object) 개인적으로 javascript에서 가장 중요한 부분이라고 생각하는 배열과 객체.. bedeveloper.tistory.com Checkpoint Solution(Zoom) 코플릿-객체(Pair) Sprint Review(Zoom) + twittler mock-up준비(wireframe) figma 사용법 숙지 코플릿-객체(Pair) 어제 배열(Array)에 이어서 객체(Object)까지 동일한 Pair님과 코플릿을 진행하게 되었는데 함께 공부하면서 극강의 재미를 느낌.. 이전 1 다음
