상우의 개발일지 상우의 개발일지

ES6

• 2023 - 05 - 19 구조분해할당, ES6 , 단축 속성명, 전개구문 (스프레드 오퍼레이터), 나머지 매개변수 (레스트 파라미터), 템플릿 리터럴 (백틱)

  Today I Learned/TIL 05 2023. 6. 1. 07:21

  오늘 할일 자바스크립트 2주차 강의 듣기 오늘 배운 것 1. 구조분해할당 destructuring, 2. ES6 단축속성명 property shorthand 3. 전개구문 (스프레드 오퍼레이터) spread operator, 4. 나머지 매개변수 (레스트 파라미터) rest parameter, 5. 템플릿 리터럴 (백틱) template literal 1. 구조분해 할당 destructuring 구조분해할당은 배열이나 객체의 속성을 분해해서 그 값을 변수에 담을 수 있게 함. 배열 : 대괄호 [ ] 안의 요소들 객체 : 중괄호 { } 안의 요소들 (1) 배열 구조분해할당 [1, 'new']; let [value1, value2] = [1, 'new']; 이렇게 할 경우 우항의 배열 [1, 'new'] 을..

  Read More
• 2023- 05 - 14 함수, 전역변수, 지역변수, 화살표함수

  Today I Learned/TIL 05 2023. 6. 1. 07:20

  오늘 할일 자바스크립트 1강 듣기 오늘 배운 것 함수, 전역변수, 지역변수, 화살표함수 함수 (function)라는 뜻은 어떤 기능을 의미함 (input, output을 갖고있는 어떤 기능의 단위.) 입력(input)은 매개변수값으로, 출력(output)은 return값으로 함 함수는 크게 1.함수 선언문 형태, 2. 함수 표현식 형태 두 가지가 있다. 1. 함수 선언문 형태 (function declaration) function add (매개변수input) { //함수 내부에서 실행할 로직(Main Logic) } function add(x, y) { return x + y; } console.log(add(2, 3)); // 5 위의 예제에서는 function 키워드를 사용하여 add라는 함수를 선..

  Read More
• JavaScript 10. 자바스크립트 - 화살표함수

  JavaScript/1주차-JavaScript 문법 2023. 5. 26. 18:00

  화살표 함수 => ES6부터 등장한 신 문법 전통적인 function 함수에 익숙해지면, 화살표 함수 쓰는것을 추천 1-1. 기본적인 화살표 함수 let arrowFunc01 = (x, y) => { return x + y; } 1-2. 한줄로 쓰기 (return문을 빼는 조건 : 중괄호 안의 줄이 한줄이면 가능함.) let arrowFunc02 = (x, y) => x + y;

  Read More
• 1. ES6 문법 (1)

  JavaScript/2주차-ES6, 일급객체, Map, Set 2023. 5. 24. 15:17

  변수선언 방법 3가지 https://sangwoorhie.tistory.com/24 var, let, const 전통적인 변수선언법은 var ES6 문법에서 주로 사용되는 문법 = let, const let = 변수 선언시 사용 const = 상수 선언시 사용 (var = 재선언, 재할당 둘다 가능 / let = 재선언 불가, 재할당 가능 / const = 재선언, 재할당 둘다 불가) 1. 함수 선언문 function add( ) { } 2. 함수 표현식 var add = function ( ) { } 3. 화살표 함수 var add = ( ) => { } 화살표 함수에서, 중괄호 안의 값 return문이 1줄인 경우 중괄호 생략가능. 매개변수 소괄호도 생략가능. var add = (x) => { ret..

  Read More