Jieunny의 블로그

📣 ES6 (ECMAScript ): JS의 표준 ✔️ 2015년에 출시됬지만 가독성과 유지보수성이 뛰어난 문법이 많이 추가되었다. ✔️ let, const, 템플릿 리터럴 등 📣 spread/rest 문법 ✔️ spread 문법 배열을 풀어서 인자로 전달하거나, 각각의 요소로 넣을 때 사용 function sum(x, y, z) { return x + y + z; } const numbers = [1. 2. 3]; sum(...numbers)// 6을 리턴 ➰ 배열 앞에 ...을 사용해서 x, y, x에 각각 1, 2, 3 을 전달한다. ✔️ rest 문법 파라미터를 배열의 형태로 받아서 사용할 수 있다. 파라미터 개수가 가변적일 때 유용 function sum(...theArgs) { return t..

📣 클로저 함수 ✔️ 화살표 함수 const add = (x, y) => x + y; add(5, 7)// 12 ✔️ 화살표를 두 번 사용 const adder = x => y => x + y; adder(5)(7);// 12 typeof adder(5)// 'function' adder(5)//y => x + y 얘 자체가 리턴값임. 함수의 호출이 두 번 발생한다. adder(5)의 리턴 값이 함수임을 의미 -> (y => x + y) 자체가 adder(5)의 리턴값이다. ✔️ 클로저 함수의 기본 형태 const adder = function(x) { return function(y) { return x + y; } } 1️⃣ 함수를 리턴하는 함수 2️⃣ 클로저의 핵심은 '스코프를 이용해서 변수의 접근..

➰ 8일차 쉬면서 하려고 매시간 50분마다 알람 맞춰놨다.. 50분 집중 - 10분 휴식 10분은 너무 짧아 오늘은 JS 배열, 객체 문제풀고 unit9 학습하는 중 코플릿 문제가 아직까지는 잘 풀려서 다행인가.. 오래 고민하지 않고 보면 거의 바로 풀리는 편이다. 저번주는 이틀이어서 몰랐는데 4일 연속으로 하니까 지친다🥹 50분 집중하는 동안에는 모르는데 하고 나면 진이 빠진다 그래야 되나 그래도 매 시간 열심히 하자는 마음으로 임하고 있다. 내일도 파이팅..

📣 스코프 ✔️ 변수의 유효범위 범위는 중괄호 또는 함수에 의해 나누어지고 그 범위를 스코프 라고 부른다. 바깥쪽 스코프에서 선언한 변수는 안쪽 스코프에서 사용 가능하다. 안쪽 스코프에서 선언한 변수는 바깥쪽 스코프에서 사용 불가능하다. 중첩이 가능하다. 가장 바깥쪽 스코프는 전역 스코프(Global Scope) -> 전역 변수 전역이 아닌 다른 스코프는 전부 지역 스코프(Local Scope) -> 지역 변수 지역 변수는 전역 변수보다 더 높은 우선순위를 가진다. let name = '김코딩'; function showName() { let name = '박해커'; // 지역 변수 console.log(name); // 두 번째 출력 } console.log(name); // 김코딩 showName()..

📣 원시 자료형 ✔️ 고정된 저장 공간을 차지하는 데이터 ✔️ number, string, boolean, null, undefined ✔️ stack 에 저장 ✔️ 복사 할 경우 기존 데이터 값이 변하지 않는다. (immutable) ✔️ 값 자체에 대한 변경은 불가능 하지만 변수에 다른 데이터를 할당할 수는 있다. 📣 참조 자료형 ✔️ 대량의 데이터를 다루기 적합 ✔️ 배열, 객체, 함수 ✔️ heap에 저장 (데이터가 담긴 저장소의 주소를 저장한다.) ➰ heap은 동적으로 변한다. ✔️ 복사 할 경우 원본이 바뀐다. let first = [10, 20, 30, 40]; let second = first; second[0] = 5; ➰ first와 second는 같은 주소를 공유하고 있다. ➰ fi..

📣 객체 ✔️ key, value 쌍으로 이루어져 있으며, 키와 값 사이는 ' : '으로 구분한다. ✔️ ' { } ' 로 객체를 만들고, 키-값 쌍 끼리는 ' . ' 로 구분한다. let user = { firstName: 'Kim', lastNaame: 'jieun', email: 'ccomo0313@naver.com', city: 'uijeongbu'; }; ✔️ 값을 사용하는 방법 ➰ Dot notation 객체 선언에 정해진 key 이름이 있을 때만 이용가능 user.firstName;// 'Kim' user.city;// 'uijeongbu' ➰ Bracket notation : `` 또는 '' 또는 "" 으로 key를 감싸줘야 함. key 값이 동적으로 변할 때 사용 (함수의 매개변수로 ke..