(24) JavaScript - 객체 / 객체 다루기(수정,추가,삭제,in연산자)
·
JS
객체를 자유자재로 다루기 위해 객체의 프로퍼티를 수정하고, 추가하고, 삭제해보자객체의 프로퍼티 수정하기객체를 수정하는 방법은 해당 프로퍼티에 접근해서 새로운 값을 할당해 주면 되는데마치 변수의 값을 재할당하는 모습과 같다. 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..
(23) JavaScript - 객체 / 객체에서 데이터 접근
·
JS
객체를 생성했으니 이제 어떻게 다루는지 자세히 살펴보자면..객체도 결국 값이기 때문에 객체를 다루기 위해서는 ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ먼저 변수에 할당해 주면서 이름을 만들어 줘야한다. let exp = { Name : '섭이', Year : 2024, areYouLame: true, goodDay: null, bestFace: { title:'차은우는 사람일까 신일까', } }▲ 변수 'exp'를 생성하고..객체의 프로퍼티에 접근하기 위한 2가지 방법이 있다. 객체에서 데이터 접근하기▷ 점 표기 법 (objectName.propertyName)점 표기법은 객체의 ..
2024.09.25-26 (Day 14,15) - JavaScript OOP / 프로토 타입
·
BootCamp Review
프로토타입? • 실제 면접에서 자바스크립트에 대해 물어보는 대표적인 질문인 “프로토타입”이라는 단어는일반적인 의미로 보면 어떤 제품을 만들기 전의 시제품이라는 의미가 있는데 자바스크립트 객체의 시제품 정도로 이해하면 된다.자바스크립트에서 함수를 선언하면 자동으로 그 함수를 위한 프로토타입 객체가 만들어 지는데여기서 중요한 점은 함수를 이용해 객체를 생성해야 만들어지는 것이 아니라 함수를 선언하는 것만으로자동으로 프로토타입 객체가 만들어 지는 것이다.• 프로토타입 객체에 자동으로 constructor 라는 생성자가 추가되어 있다.자바스크립트에서 함수를 이용해 객체를 생성한다는 의미는 사실 내부적으로 프로토타입의 생성자를 이용하는 것이며 User 라는 이름의 함수가 있고 이 함수를 이용해 new User()..
(22) JavaScript - 객체 / 객체(Object)와 프로퍼티(Property)
·
JS
객체(Object) 지금까지 변수에 문자열 하나, 숫자하나, 불린 하나 등 이런 식으로 값을 하나씩 저장했었다.만약 여러가지 값을 한번에 저장하고 싶다면  '객체'를 사용해야한다."자바스크립트의 모든 것이 다 객체" 라는 말이 있을 정도로 객체는 자바스크립트의 거의 모든 문법에 녹아있는 개념이다. 객체 (Object)객체는 중괄호 {} 를 통해 만들며 중괄호 안에는 여러가지 다양한 값들을 쉼표(,)로 구분해서 저장할 수 있다.객체는 다양한 값들이 들어갈 수 있기 때문에 각 값들을 좀 더 명확하게 하기위해콜론(:)과 함께 값의 이름을 붙여 줘야한다. ▽ { Name : '섭이', Year : 2024, areYouLame: true, goodDay: ..
(21) JavaScript - 제어문 / break와 continue
·
JS
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; ..
(20) JavaScript - 제어문 / while 반복문
·
JS
자바스크립트에서 반복문은 for 반복문 외에도 while 반복문이라는 것이 있다.while 반복문while 반복문의 기본 구조는 다음과 같다. while (조건부분){ 동작부분 }▲구조만 보면 for문보다 훨씬 더 if문과 비슷한 모양으로 보이는데 동작하는 방식도 if문과 닮아있다.if문과 다른 점은 당연히 for문과 마찬가지로 반복문이니까 한번 실행하기 시작하면 조건 부분이 충족되지 않을 때까지 동작 부분을 계속 반복한다.또한 특별한 경우가 아니라면 while문과 for문은 대부분 서로 대체가 가능하다.한번 이전 글에 사용했던 for문을 가져와서 while문으로 바꿔보자면..  let i = 1 for (let i = 1; i ▲while문은 for문과 달리 초기화 부..
(19) JavaScript - 제어문 / for 반복문
·
JS
만약에 '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 (초기화부분; 조건부분; 추가동작부분){ 동작부..
(18) JavaScript - 제어문 / switch문
·
JS
switch문 (switch statement)switch문은 어떤 값을 입력했는지에 따라 다르게 동작하는 문법이다.if문과 비슷하지만 동작하는 방식은 조금 다른데, 기본 구조는 다음과 같다.  switch (비교할_값) { case 조건값_1: ▲ switch라는 키워드를 작성한 다음에 소괄호를 열어서 비교할 값을 작성해주고중괄호를 열어서 그 안에 case라는 키워드 다음에 조건값을 쓰고 콜론(:)을 입력한다.  switch (비교할_값) { case 조건값_1: 동작부분 break;▲ 그리고 비교할 값과 조건값이 서로 일치할 때 동작할 코드를 작성한 다음 break 라는 키워드를 입력해준다.(이 break는조건값에 대한 동작을 마쳤..
(17) JavaScript - 제어문 / if문 (if statement)
·
JS
https://purrfect-gargoyle-935.notion.site/if-10be9530b3e1801692aad8da430a405f?pvs=25if문 (if statement)if문은 어떤 특별한 조건에 따라서 코드를 실행할지 말지 결정할 수 있는 문법이다.즉 조건을 충족하지 못하면 실행 하지 않을 수도 있다는 뜻. if (조건부분) { 동작 부분 } 자바 스크립트에서 if문은 문자 그대로 if라는 키워드를 사용하며 뒤에 소괄호를 열고 조건 부분을 작성한 다음중괄호를 또 열어서 동작 부분을 작성한다.if는 만약이라는 뜻을 가지고 있으며 풀어서 해석하면 '만약 조건 부분이 충족되면 동작 부분을 수행하라' 이다. 물이 어는 점을 0도라고 하고 'temperature' 변수를..
2024.09.24 (Day 13) - JavaScript OOP / 생성자 함수
·
BootCamp Review
생성자란? • 객체지향 프로그래밍에서 중요한 용어이다.한마디로 정의하면 어떤 객체의 모형이 있고 그 모형으로 객체를 만들어주는 역할자를 생성자라고 한다.소프트웨어 언어마다 객체의 모형을 정의하고 이 모형을 통해 객체를 만드는 방법에는 차이가 있지만모든언어에서 이 객체를 만드는 작업을 “객체를 생성한다” 라는 표현을 하고그 객체 생성 역할을 하는 것을 “생성자”라고 한다. 생성자 함수▼ 객체 모형을 이용한 객체 생성• 동일한 멤버로 구성되는 객체를 여러 개 만드는 경우에는 객체를 만드는 모형이 하나 선언하고 그 모형을이용해 여러 개의 객체를 쉽게 만드는 방법이 있으면 쉬울 것 이다.객체를 만드는 모형을 선언하고 그 모형을 이용해 객체를 생성하는 방법은 2가지가 있으며 생성자 함수를 이용해 객체 생성 하거나..