본문 바로가기

front-end/javascript

 (28)
Javascript 객체 연습 2 // new : heap 메모리에 할당 // heap : 동적 메모리 할당, 프로그램이 실행되는 동안 // 필요에 따라 메모리를 할당 및 해제 // 프로그램이 실행되는 동안 크기가 변할 수 있는 데이터를 저장 // 명시적으로 해제하지 않는 한 프로그램이 종료될 때까지 유지 // Object() : 객체의 프로퍼티가 들어갈 수 있는 공간을 확보하고 그 주소를 가져와준다. // dinner의 property(속성)가 들어갈 수 있는 공간 확보 // dinner에는 그 공간의 주소가 들어있다. let dinner = new Object(); console.log(dinner); // {} 출력 console.log(dinner === null); //false // dinner 객체가 비어있는 것 뿐 유효한 ..
Javascript 객체 연습1 // 회원 // 회원번호, 아이디, 주소1, 주소2, 주소3 let user = { userNum: 1111, userid: "1234", address1: "경기도", address2: "성남시", address3: "분당구", }; // 상품 // 상품번호, 상품명, 상품 가격, 상품을 구매한 회원 let product = { number: 1, "product-name": "Pants", price: 1000, buyer: user, // [ 메소드와 함수의 차이 ] // 메소드는 영역 안에서 선언된다. // 함수는 영역 안에 있지 않고 밖에 선언된다. // printAddress 메소드 (product라는 영역안에 있으니) printAddress: () => { for (let i = 0; i {..
Javascript 객체 반 (클래스) 클래스는 추상적인 개념이다. [공통 요소]를 반으로 묶는 이유는 딱 한 번만 선언하기 위해서이다. 객체 추상적인 개념을 구체화시킨 것이다. 반에 선언된 프로퍼티(property)을 사용할 수 있다. 프로퍼티에 접근하기 위해서는 . 연산자를 사용한다. 프로퍼티에 접근할 때 [ ] 연산자를 사용할 수도 있다. 객체는 값으로 봐야한다! let user = { // 속성과 (property) 메소드로 (method)이루어져 있다 name: "박은혜", age: 20, address: "경기도", introduce: () => { console.log("Hey!😘"); }, card1: "신한", card2: "국민", card3: "하나", }; // 객체 안의 프로퍼이름에 접근 console.l..
Callback함수 연습 // 두 정수의 덧셈 결과 출력 // [ 나누기 ] // 1. 숫자 매개변수 전달 받기, 더하기 // 2. 출력하기 // 1. 기본 구조 function add(number1, number2, callback) { if (callback) { callback(number1 + number2); } return number1 + number2; } function printResult(result) { console.log(result); } add(1, 2, printResult); const result = add(1, 2); // add함수에서 값을 리턴한다. console.log(result); // 2. 다른 구조 const add = (number1, number2, callback) => { ..
Callback 함수 // Callback 함수의 목적은 "분리"이다. [ 기본 구조 ] // 이름을 전달받은 뒤 이름을 출력하는 서비스 // 함수 선언 function setName(name, callback) { // name에는 값이 들어오고, callback 함수(주소값)가 들어온다. if (callback) { // 만약 setName이 사용될 때, callback자리에 함수를 전달했다면, // setName에서 받은 name(결과값)을 callback에 전달해준다. callback(name); } } // printName함수를 선언한다. function printName(name) { console.log(name); } // setName은 printName함수를 전달받은 뒤 사용해준다. // 이 때, prin..
Javascript 함수 연습 // 1~10까지 출력하는 함수 function print() { let result = ""; for (let i = 0; i
Javascript 함수 함수 이름 뒤에 소괄호는 무조건 함수 ex) console.log(i+1); log함수 단, 키워드 뒤에 소괄호는 함수가 아니다. ex) for(), if(), while() 함수가 아님 ⭐함수는 저장공간이다. ** javascript : 함수형 코드 f (x) = 2x + 1; 함수명 매개변수 리턴값 함수 선언 function 함수명(매개변수, ...) { 실행할 문장; return 리턴값; } // f{x} = 2x+1; function f(x) { return 2 * x + 1; } let result = f(2); console.log(result); 함수 선언 순서 문제) 두 정수의 덧셈 메소드 선언 1. 함수의 이름을 생각한다. function add( ) { } 2. 매개변수를 생각한다. f..
Javascript 반복문 연습 // 시작 인덱스 (i) 값은 0으로 설정한다. // 1~100까지 출력 for (i = 0; i

티스토리툴바