본문 바로가기

분류 전체보기

 (216)
JavaScript - 기본 자료형과 객체의 차이점 이전에 배운 내용으로 자바스크립트의 자료형은 총 6가지가 있다. 자료형 설명 Number 숫자 String 문자열 Boolean 불린(true / false) Null null / Null Undefined undefined / Undefined Object 객체 또한 배열(Array)은 객체에 포함이 된다. Object를 제외한 Number, String, Boolean 등은 기본 자료형(Primitive data)에 해당이 되고 객체인 Object와는 다르다. 속성(Property)과 메서드(Method)는 객체가 가질 수 있는 특성이다. 하지만 기본 자료형에서도 속성과 메서드는 있으나, 이것은 기본 자료형의 속성이나 메서드를 사용하면 기본 자료형은 객체로 변환되기 때문에 일어나는 일이다. 1 2 3..
2019 December 11th Monthly Record 보호되어 있는 글입니다.
2019년 12월 10일 스터디 기록 1. 캡슐화 : https://miyakita.tistory.com/93 JavaScript - 캡슐화 캡슐화는 잘못 사용될 수 있는 객체의 특정 부분을 사용자가 사용할 수 없게 막는 기술이다. 자바스크립트에서 캡슐화를 구현할 때는 클로저를 활용한다. 생성자 함수를 이용한 사각형의 넓이를 출력하는 코드 fu.. miyakita.tistory.com 2. 상속 : https://miyakita.tistory.com/94 JavaScript - 상속 상속은 기존의 생성자 함수나 객체를 기반으로 새로운 생성자 함수나 객체를 쉽게 만드는 것을 뜻한다. 기존의 객체를 기반으로 생성하기 때문에 새로 만들어지는 객체에는 기존 객체의 특성이 들어가 있다. 이것.. miyakita.tistory.com 3. 생성자 함수..
JavaScript - 생성자 함수 연습문제 속성 값 이름 삼겹살 무게 100g 가격 1690원 메서드 설명 calculator() 무게를 기반으로 가격을 계산 생성자 함수 이름을 Product로 가지고 product.calculate(200)을 입력할 때 3380을 출력하는 생성자 함수를 만들어라 더보기 생성자 함수 function Product(name, weight, price){ this.name=name; this.weight=weight; this.price=price; this.calculate=function(weight){ return this.price*(weight/this.weight); } } let product=new Product('삼겹살', 100, 1690); alert('가격은 '+product.calculate(..
JavaScript - 상속 상속은 기존의 생성자 함수나 객체를 기반으로 새로운 생성자 함수나 객체를 쉽게 만드는 것을 뜻한다. 기존의 객체를 기반으로 생성하기 때문에 새로 만들어지는 객체에는 기존 객체의 특성이 들어가 있다. 이것을 기존의 객체에서 유산(속성과 메서드)을 물려받는 것과 비슷하다고 해서 상속이라고 부른다. Rectangle의 프로토타입을 Square에 상속한다. // Rectangle의 넓이를 구하는 함수 function Rectangle(w, h){ let width=w; let height=h; this.getWidth=function(){ return width; } this.getHeight=function(){ return height; } this.setWidth=function(value){ if(value
JavaScript - 캡슐화 캡슐화는 잘못 사용될 수 있는 객체의 특정 부분을 사용자가 사용할 수 없게 막는 기술이다. 생성자 함수를 이용한 사각형의 넓이를 구하는 코드 function Rectangle(width, height){ this.width=width; this.height=height; } Rectangle.prototype.getArea=function(){ return this.width*this.height; } let rectangle = new Rectangle(5,7); alert('넓이 : '+rectangle.getArea()); 위에 경우는 실행할때는 문제가 없지만, 길이에 음수를 넣을 수 있다. 제작자는 당연히 길이에 음수가 들어갈 수 없다는 것을 알고 있지만 사용자들 중에는 넣을 수 있기 때문이다. ..
JavaScript - 계산기
2019년 12월 9일 스터디 기록 1. 객체와 배열을 사용한 데이터 관리 : https://miyakita.tistory.com/85 JavaScript - 객체와 배열을 사용한 데이터 관리 현실에 있는 객체를 모두 모방하는 것이 아니라 프로그램에 필요한 속성만을 가져와서 객체화 하는 것을 추상화 라고 한다. 학생들의 성적 총점과 평균을 계산하는 경우를 예로 들수 있다. // 데이터를 통합할 배.. miyakita.tistory.com 2. 객체 연습문제 : https://miyakita.tistory.com/87 JavaScript - 객체 연습문제 1. 다음의 표를 객체로 만들어라 속성 값 이름 Nature of Code 가격 30000원 저자 Deniel Shifman ISBM 9788968481901 페이지 620 더보기 let ..

티스토리툴바