[JAVASCRIPT] 코딩 입문 - 하다 보니 알게 되는 자바스크립트 (5,6강 명함 만들기)

https://www.inflearn.com/course/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EA%B8%B0%EC%B4%88

[무료] 코딩 입문 - 하다 보니 알게 되는 자바스크립트 - 인프런 | 강의

 

코딩 입문 - 하다 보니 알게 되는 자바스크립트
5강 명함 만들기(상) (5/15)

- 명함 : 이름과 소개가 들어있는 종이
- 변수 : 값을 저장하는 공간이며 계속 변하는 값

function 명함(){
    console.log("이름 : 손당근");
    console.log("직업 : 개발자");
	console.log("손당근은 내 별명입니다.");
}

//변수적용
function 명함(){
	let 이름 = "손당근";
    console.log("이름 : "+이름);
    console.log("직업 : 개발자");
	console.log(이름+"은 내 별명입니다.");
}

//출력
명함()
//결과
이름 : 손당근
직업 : 개발자
손당근은 내 별명입니다.

 

 

6강 명함 만들기(하) (6/15)
- 객체 : 데이터 또는 함수의 집합으로 속성과 행위를 담고 있다.
- 명함 => 변수들을 알맞게 조합해서 출력하는 일

// 객체 선언
let 명함 = {}
// 출력
console.log(명함);
// 결과 => object속성을 가지고 있다.
{}

// 객체로 명함 만들기
// 객체선언 => 이름,나이,직업의 속성과 출력함수를 가지고 있는 객체 생성
let 명함 = {
  이름:"손당근",
  나이:50,
  직업:"개발자",
  출력(){
    console.log("이름 : "+이름);
    console.log("나이 : "+나이);
  }
}
// 객체안에 있는 속성 출력방법
console.log(명함.이름);
// 결과
손당근

// 객체안에 있는 함수 출력방법
명함.출력();
// 결과
Uncaught ReferenceError: 이름 is not defined
    at Object.출력 (<anonymous>:6:23)
    at <anonymous>:1:4

//원인
-출력 함수 안에 사용하는 이름과 나이의 변수가 선언되지 않았기 때문에 에러가 발생
-명함 안에 있는 이름은 변수가 아니라 명함의 속성이기 때문에 변수명만 선언하여 가져올 수 없다.

//수정
let 명함 = {
  이름:"손당근",
  나이:50,
  직업:"개발자",
  출력(){
    console.log("이름 : "+this.이름);
    console.log("나이 : "+this.나이);
  }
}
//출력
명함.출력();
//결과
이름 : 손당근
나이 : 50