typeof, instanceof• typeof 연산자는 타입을 확인하기 위한 연산자이다. • instanceof 는 객체의 타입이 특정 타입인지를 판단하기 위한 연산자이며instanceof 왼쪽에 객체를, 오른쪽에 타입을 명시해서 왼쪽 객체의 타입이오른쪽에 명시한 타입인지를 판단하는 연산자이고 연산의 최종 결과는 true/false 이다.instanceof 는 생성자를 가지고 판단하는 연산자이기도 한다. ▶ 다른 함수의 프로토타입을 그대로 자신의 프로토타입으로 지정하는 경우의 instanceof  ▶ 상위 객체를 생성해서 하위 프로토타입으로 지정하는 경우의 instanceof "use strict"function User(){}let user1 = new User()//typeofconsole.log(..

for...in 반복문은 객체를 다루는 for문이며 객체 안에 있는 프로퍼티들들 가지고반복적인 동작을 수행할 때 사용한다.객체의 프로퍼티 네임을 가져오는 반복문이기 때문에 일반적은 for문으로 대체할 수 없는 특별한 반복문이라고 보면 된다. for...in 반복문 for (변수 in 객체) { 동작부분 } ▲ 기본 구조부터 살펴보면 일반적인 for문과 비슷하지만 소괄호 내부가 조금 다르다.소괄호 내부에서 특정한 변수를 만들고 in이라는 키워드 다음에 반복할 객체를 넣어주면  그 객체에 프로퍼티 네임이 변수에 할당되고 객체에 프로퍼티 개수만큼 반복 동작을 하게 된다.  let exp = { name : '섭이', Year : 2024, ar..

연관된 여러 값을 하나로 묶고 싶을 때 객체를 활용했던 것처럼연관성이 있는 여러 함수들을 하나로 묶고 싶은 경우도 있을텐데이럴 때에도 객체를 사용하면 된다. 메소드 (Method)객체의 프로퍼티는 어떤 자료형이든 저장할 수가 있기 때문에프로퍼티 값으로 함수를 넣어 주면 된다.이런 함수를 객체의 메소드라고 부른다. //메소드(Method) let greetings = { sayHello: function () { console.log('안녕하세요'); }, sayHi: function () { console.log('안녕'); }, sayBye: function () { co..

객체를 자유자재로 다루기 위해 객체의 프로퍼티를 수정하고, 추가하고, 삭제해보자객체의 프로퍼티 수정하기객체를 수정하는 방법은 해당 프로퍼티에 접근해서 새로운 값을 할당해 주면 되는데마치 변수의 값을 재할당하는 모습과 같다. let exp = { Name : '섭이', Year : 2024, areYouLame: true, 'good Day': null, bestFace: { title:'차은우는 사람일까 신일까', } } //객체의 프로퍼티 수정하기 console.log(exp.Name); exp.Name = 'SeopE' console.log(exp.Name);▲exp의 Nam..

객체를 생성했으니 이제 어떻게 다루는지 자세히 살펴보자면..객체도 결국 값이기 때문에 객체를 다루기 위해서는 ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ먼저 변수에 할당해 주면서 이름을 만들어 줘야한다. let exp = { Name : '섭이', Year : 2024, areYouLame: true, goodDay: null, bestFace: { title:'차은우는 사람일까 신일까', } }▲ 변수 'exp'를 생성하고..객체의 프로퍼티에 접근하기 위한 2가지 방법이 있다. 객체에서 데이터 접근하기▷ 점 표기 법 (objectName.propertyName)점 표기법은 객체의 ..

프로토타입? • 실제 면접에서 자바스크립트에 대해 물어보는 대표적인 질문인 “프로토타입”이라는 단어는일반적인 의미로 보면 어떤 제품을 만들기 전의 시제품이라는 의미가 있는데 자바스크립트 객체의 시제품 정도로 이해하면 된다.자바스크립트에서 함수를 선언하면 자동으로 그 함수를 위한 프로토타입 객체가 만들어 지는데여기서 중요한 점은 함수를 이용해 객체를 생성해야 만들어지는 것이 아니라 함수를 선언하는 것만으로자동으로 프로토타입 객체가 만들어 지는 것이다.• 프로토타입 객체에 자동으로 constructor 라는 생성자가 추가되어 있다.자바스크립트에서 함수를 이용해 객체를 생성한다는 의미는 사실 내부적으로 프로토타입의 생성자를 이용하는 것이며 User 라는 이름의 함수가 있고 이 함수를 이용해 new User()..

객체(Object) 지금까지 변수에 문자열 하나, 숫자하나, 불린 하나 등 이런 식으로 값을 하나씩 저장했었다.만약 여러가지 값을 한번에 저장하고 싶다면  '객체'를 사용해야한다."자바스크립트의 모든 것이 다 객체" 라는 말이 있을 정도로 객체는 자바스크립트의 거의 모든 문법에 녹아있는 개념이다. 객체 (Object)객체는 중괄호 {} 를 통해 만들며 중괄호 안에는 여러가지 다양한 값들을 쉼표(,)로 구분해서 저장할 수 있다.객체는 다양한 값들이 들어갈 수 있기 때문에 각 값들을 좀 더 명확하게 하기위해콜론(:)과 함께 값의 이름을 붙여 줘야한다. ▽ { Name : '섭이', Year : 2024, areYouLame: true, goodDay: ..

break는 이미 switch문에서 한번 사용 했었다.간단하게 switch문을 복습 해보자면.. let myChioce = 2; switch (myChioce) { case 1: console.log('토끼를 선택하였습니다'); break; case 2: console.log('고양이를 선택하였습니다.'); break; case 3: console.log('코알라를 선택하였습니다.'); break; case 4: console.log('강아지를 선택하였습니다.'); break; ..

자바스크립트에서 반복문은 for 반복문 외에도 while 반복문이라는 것이 있다.while 반복문while 반복문의 기본 구조는 다음과 같다. while (조건부분){ 동작부분 }▲구조만 보면 for문보다 훨씬 더 if문과 비슷한 모양으로 보이는데 동작하는 방식도 if문과 닮아있다.if문과 다른 점은 당연히 for문과 마찬가지로 반복문이니까 한번 실행하기 시작하면 조건 부분이 충족되지 않을 때까지 동작 부분을 계속 반복한다.또한 특별한 경우가 아니라면 while문과 for문은 대부분 서로 대체가 가능하다.한번 이전 글에 사용했던 for문을 가져와서 while문으로 바꿔보자면..  let i = 1 for (let i = 1; i ▲while문은 for문과 달리 초기화 부..

만약에 'SeopE'라는 문자열을 10번 출력하고 싶다면 console.log를 10번 쓰면 될 것이다.console.log('SeopE')console.log('SeopE')console.log('SeopE')console.log('SeopE')console.log('SeopE')console.log('SeopE')console.log('SeopE')console.log('SeopE') 그런데 이런식으로 작성하게되면 잘못 적지는 않았는지 혹은 10번 전부 잘 입력이 되었는지 등단순한 반복적인 일 임에도 두 번 일을하게 되는 경우가 생긴다.이럴 때 사용하는 것이 반복문이라는 것이다. for 반복문for문의 기본 구조는 다음과 같다. for (초기화부분; 조건부분; 추가동작부분){ 동작부..