본문 바로가기

Programing/JavaScript64

[코드팩토리] 클래스 기본기 (Class basics) 정의 사전적 정의 클래스는 객체지향 프로그래밍에서 특정 객체(인스턴스)를 생성하기 위한 변수와 메소드(함수)를 정의하는 일종의 틀이다. 코드팩토리 정의 정보를 일반화해서 정리하는 방법이다. 상세설명 예를 들어 아이브 멤버들의 이름으로 안유진, 가을, 레이, 장원영, 리즈, 이서라는 것을 알고 있다. 그리고 출생년도가 각각 2003, 2002, 2004, 2004, 2004, 2007년이라는 것을 알고 있다. 이것을 보면 우리는 두 개의 데이터를 알 수 있는 것이다. 사람의 이름과 출생년도. 이 이름과 출생년도라고 카테고리를 만든 것이 클래스가 된다. 그리고 안유진, 2003년 출생이라는 두 개의 클래스가 모여서 실제 사람 안유진을 만들어내게 되는데 이렇게 클래스가 모여서 만들어낸 것을 객체(인스턴스)라고.. Programing/JavaScript 2024. 3. 5.
[코드팩토리] try...catch 기본 개념 error를 잡는데 사용한다. 사용 하는 키워드는 아래와 같다. throw : 에러를 발생 시킨다 ☞ 에러를 '던진다' catch : 에러를 명시적으로 인지한다 ☞ 에러를 '잡는다' throw로 에러를 던지면 그 다음 코드는 실행되지 않는다. function runner(){ console.log('hello'); throw new Error('큰 문제가 생겼습니다!'); console.log('world'); // 위에서 throw로 에러를 던졌기 때문에 이 코드는 실행되지 않음. } runner(); throw로 던진 에러를 catch로 잡을 수 있다. function runner() { try { console.log('hello'); throw new Error('큰 문제가 생겼습니다!.. Programing/JavaScript 2024. 3. 5.
[코드팩토리] 값 레퍼런스 복사 (Copy by value and reference) copy by value 값에 의한 전달 copy by reference 참조에 의한 전달 기본 특징 기본적으로 모든 primitive 값은 copy by value다. 객체는 copy by reference다. Primitive type(원시)타입과 Object type(객체)타입의 차이 primitive ype 원시타입은 한 번 생성되면 해당 값을 변경할 수 없다. 변수의 실제 값이 저장된다. 값에 대한 비교가 이루어진다. object type 객체타입은 값이 생성되더라도 나중에 객체 내의 속성을 추가하거나 수정, 제거할 수 있다. 변수에는 객체의 Reference(참조, 주소)가 저장된다. 참조에 대한 비교가 이루어진다. // 속성 수정 관련 차이점 // Primitive Type let numbe.. Programing/JavaScript 2024. 3. 5.
[코드팩토리] 객체 기본 (Object basics) 자바스크립트에서 객체(object)는 사용빈도가 가장 높고 정말 중요한 기능이다. 그리고 이 객체를 다루는 능력에 따라 코드의 품질과 개발자의 실력차가 뚜렷하게 드러나는 기능이다. 따라서 심도있게 공부하면 좋다. 객체(Object)는 속성들의 집합이고 비슷한 속성을 가진 값들을 묶는데 사용한다. 그리고 그 객체는 key : value가 쌍으로 중괄호 안에 묶여있다. 객체를 선언하는 방법 일반적인 방법 기본형 : let(const 등) 변수명 = { key : value }. let wonyoung = { name: '장원영', group: '아이브', }; console.log(wonyoung); 그런데 key : value에서 value에는 함수가 들어갈 수도 있다. let wonyoung = { na.. Programing/JavaScript 2024. 3. 5.
[코드팩토리] 어레이 함수 (Array Functions) Array 함수 타입은 Object 타입 다음으로 사용 빈도가 높은 함수이다. 이번 내용에서는 그 중에서도 사용빈도가 높은 어레이 함수에 대해 다룬다. 기본형 let 변수명 = ['인덱스0번에해당하는값', '2번값', '3번값'...]]; let iveMembers = [ '안유진', '가을', '레이', '장원영', '리즈', '이서' ]; console.log(iveMembers); 위와 같이 Array 기본형으로 구성하면 아래와 같이 콘솔에 출력된다. push() Array의 가장 마지막 인덱스에 값을 추가하는 함수 기본형 : 변수명.push('추가할값'); let iveMembers = [ '안유진', '가을', '레이', '장원영', '리즈', '이서' ]; console.log(iveMembe.. Programing/JavaScript 2024. 3. 5.

티스토리툴바