Ted's Codding study

콘솔에 찍어보는 초간단 장바구니 리스트 프로젝트1. 장바구니 리스트를 담을 carts 배열 생성let carts = []; 2. addCart 함수 생성기본 로직addCart의 파라미터로는 id, name, price, quantity를 받을 것index 변수를 생성 후 carts 배열에 추가하고자 하는 상품의 id가 carts에 있는지 확인 후 할당만약 index가 -1이면, 즉 해당 상품의 id가 존재하지 않는다면 정상적으로 아이템을 추가index가 -1이 아니라면, 즉 해당 상품의 id가 이미 존재한다면 가격은 덮어쓰기, 갯수는 추가하는 로직으로 작성할 것임콘솔에 보여주기 위해서 displayCart() 함수 호출 (아직 만들지 않았음)function addCart(id, name, price, q..

콘솔에 찍어보는 초간단 Todo 리스트 프로젝트1. todo 리스트를 담을 todos 배열 생성let todos = []; 2. addTodo 함수 생성기본 로직addTodo의 파라미터로는 content를 받을 것todo 객체를 생성id는 배열의 길이 + 1로 설정content의 내용은 인자의 content가 됨completed는 기본적으로 false로 설정todos 배열에 만든 todo 객체를 push콘솔에 보여주기 위해서 displayTodos() 함수 호출 (아직 만들지 않았음)function addTodo(content) { const todo = { id: todos.length + 1, content: content, completed: false, }; todos.pus..

얕은 복사 (shallow copy): 객체의 최상위 속성을 복사하여 새 객체를 생성: , 중첩된 객체는 원본 객체를 참조- 속성 값이 원시 타입(문자열, 숫자, 불린 등)인 경우 그 값이 직접 복사- 속성 값이 참조 타입(다른 객체, 배열 등)인 경우 해당 참조(메모리 주소)만 복사예제let animal1 = { name: '푸들이', owner: { name: '테드', job: 'FrontEnd-developer', },};let animal2 = animal1; // 동일한 객체를 참조animal2.name = '멍멍이';animal2.owner.name = 'Ted';console.log(animal1.name); // 멍멍이console.log(animal1.owner.name..

IIFE 정의1) 정의되자마자 즉시 호출(실행)되는 함수2)주로 변수의 스코프(변수가 유효한 범위, 지역)를 제한하여 전역 스코프의 오염을 방지하는 데 사용3) 전역 변수는 코드 어디에서나 접근 가능하기 때문에 의도치 않은 변경이 발생 가능4) 이를 방지하기 위한 하나의 기법이 IIFE IIFE의 대표적 형태(function() {})(); // 익명함수를 생성하고 즉시 호출정의된 직후 자동으로 실행되는 함수 - 초기화 코드 실행이 필요할 때 유용하게 사용전역 스코프에 영향을 주지 않으면서 필요한 코드를 실행 가능즉시 호출 함수를 사용한 이름 충돌 문제 해결let commonVar = '전역 변수';console.log(commonVar);(function () { let commonVar = 'IIF..

😁 매개변수 vs 인자 항상 헤깔렸는데, 이번 기회에 초간단 완벽 정리! 매개변수 (파라미터, parameter)1) 함수를 정의하고 호출하는 과정에서 함수에 데이터 전달 방식(변수를 의미)2) 함수 호출 시 괄호 안에 인수(arguments)를 넣어서 전달3) 해당 인수는 함수 내부로 전달되어 매개변수(parameters)라는 이름으로 사용매개변수 (파라미터, parameter)함수 정의 시 소괄호 안에 정의된 키워드는 파라미터여기서 a와 b를 매개변수 또는 파라미터라고 부른다function add(a, b) { console.log(a + b);}인자 (아규먼트, argument) 1) 함수를 호출할 때 전달하는 실제 값 2) 함수 호출 시 소괄호 안에 넣어 함수에 전달인자 (아규먼트, argum..