Ted's Codding study

콘솔에 찍어보는 초간단 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..

😁 for of과 for in의 차이를 더 이상 헤깔리지 말자! 배열이나 이터러블 객체(문자열)의 요소를 순회  1) 배열의 값을 순회할 때 주로 사용 2) 배열의 값을 순서대로 가져옴(순서 보장) 3) 객체에는 사용할 수 없음 for...of기본 구문 - for (변수 of 배열|이터러블객체) { 반복할 코드 }const arr = [1, 2, 3, 4, 5];for (let value of arr) { console.log(value);} 노션으로 보고 싶다면?https://short-echidna-b16.notion.site/for-of-b4ef290e5c534598a8a79833028aa2fc?pvs=4 for…of 반복문 (for of loop) | Notionfor of과 for in의 차..