일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- react
- 폰트적용하기
- 제네릭
- javascript
- utilty type
- CSS
- const 단언문
- 리액트
- TSDoc
- 개발콘텐츠
- 공통컴포넌트
- 2022
- 타입스크립트
- 타입좁히기
- 레이아웃쪼개기
- React.js
- 반복줄이기
- reactjs
- click and drag
- 누구나 자료구조와 알고리즘
- 티스토리꾸미기
- typescript
- 성능최적화
- JS console
- React Native
- returnType
- NonNullable
- vue.js
- Chart.js
- 커스텀
- Today
- Total
목록전체 (622)
몽땅뚝딱 개발자
출처 자바스크립트 ES6+ 기본 - 인프런 | 강의 4개 강좌로 구성된 자바스크립트 바이블 강좌의 3번째 강좌입니다. 자바스크립트 스펙의 95% 이상을 다룹니다. ES6+ 환경에서 새로운 패러다임의 프로그램을 개발할 수 있습니다., 자바스크립트 www.inflearn.com 🚀 let의 특징과 스코프 ◽ let? 블록 스코프를 가진 변수로, 변수가 선언된 블록이 스코프가 된다. ◽ let 변수의 스코프 적용 기준 블록{}, 문, 표현식 ◽ let 변수 선언 - Syntax: let name1 [=value] [, name2 [=value2]] - name1, name2에 변수 이름을 작성하며, []는 생략이 가능하다. ex) let book; let one, two; - 콤마로 구분하여 다수의 변수를 선..
출처 자바스크립트 ES6+ 기본 - 인프런 | 강의 4개 강좌로 구성된 자바스크립트 바이블 강좌의 3번째 강좌입니다. 자바스크립트 스펙의 95% 이상을 다룹니다. ES6+ 환경에서 새로운 패러다임의 프로그램을 개발할 수 있습니다., 자바스크립트 www.inflearn.com 🚀 블록 스코프 유형 ◽ 유형 1) function 블록 2) try-catch 블록 3) switch-case 블록 ◽ function 블록 - function name() {}도 블록 스코프이다. - function 안과 밖에 같은 이름의 let 변수를 선언할 수 있다. - function 밖의 let 변수를 function안에서 사용가능한데 이것을 클로저라고 한다. // let 변수로 안과 밖에서 sports를 선언했는데 각각 ..
출처 자바스크립트 ES6+ 기본 - 인프런 | 강의 4개 강좌로 구성된 자바스크립트 바이블 강좌의 3번째 강좌입니다. 자바스크립트 스펙의 95% 이상을 다룹니다. ES6+ 환경에서 새로운 패러다임의 프로그램을 개발할 수 있습니다., 자바스크립트 www.inflearn.com 🚀 변수 구분 ◽ 구분하는이유 기능과 목적이 다르기 때문이다. 1) 로컬 변수(=지역변수) - 함수안에 작성하는 것으로 변수 공유를 하지 않는다. - 빠르게 식별자를 해결하기 위해 가까운 스코프의 변수를 사용하는 것이다. 2) 글로벌 변수(=전역변수) - 다른 JS파일에서 변수값을 공유할 수 있다. - depth에 관계없이 파일에서 공통 변수 개념으로 사용이 가능하다. - 의도는 좋으나 처리속도가 떨어진다. ◽ var 키워드의 문제 ..
출처 자바스크립트 중고급: 근본 핵심 이해 - 인프런 | 강의 4개 강좌로 구성된 자바스크립트 바이블 강좌의 2번째 강좌입니다. 자바스크립트 엔진 이해를 통해 자바스크립트에 최적화된 프로그램을 개발할 수 있습니다. 자신 있게 시스템을 설계할 수 있 www.inflearn.com 🚀 호이스팅(Hoisting) ◽ 호이스팅이란? 함수앞에서 함수를 호출하는 것이다. 함수 선언문은 초기화 단계에서 function object를 생성하므로 어디에서도 함수를 호출할 수 있다. 초기화단계에서 값이 이미 존재하면 초기화하지 않는다. var result = book(); // 여기서 함수가 아래에 있으므로 아직 선언되지 않은 상태이기 때문에 // 스크립팅 언어에서는 에러가 나지만 // 자바스크립트는 함수 초기화를 미리 ..
출처 자바스크립트 중고급: 근본 핵심 이해 - 인프런 | 강의 4개 강좌로 구성된 자바스크립트 바이블 강좌의 2번째 강좌입니다. 자바스크립트 엔진 이해를 통해 자바스크립트에 최적화된 프로그램을 개발할 수 있습니다. 자신 있게 시스템을 설계할 수 있 www.inflearn.com 🚀 스코프(Scope) ◽ 스코프의 목적 - scope란? 범위, 영역이라는 뜻 - 범위를 제한하여, 스코프에서 식별자를 해결하려는 것이다. ◽ 식별자 해결(Identifier Resolution) 변수 이름, 함수 이름을 찾아 값을 구하는 것이 식별자 해결의 궁극적인 목적이다. 스코프는 식별자 해결을 위해 사용한다. 예를 들어 한국에서 '김철수'를 찾을 경우 동명이인이 굉장히 많을 것이다. 이럴 때 지역 이름으로, 구 단위로 좁..
출처 자바스크립트 중고급: 근본 핵심 이해 - 인프런 | 강의 4개 강좌로 구성된 자바스크립트 바이블 강좌의 2번째 강좌입니다. 자바스크립트 엔진 이해를 통해 자바스크립트에 최적화된 프로그램을 개발할 수 있습니다. 자신 있게 시스템을 설계할 수 있 www.inflearn.com 🚀 Argument 처리 메커니즘 ◽ Argument 처리 구조 함수가 호출되면 함수 안에서 우선 argument object를 만들고, 파라미터를 {key:value} 형태로 저장한다. key가 없기 때문에 파라미터 수 만큼 0부터 인덱스를 부여하여 그 인덱스를 key로 사용한다. 파라미터로 받은 값을 value에 설정한다. {0: param1, 1: param2}이 형태이다. 이 형태를 'Array-like'라고 부르며, ar..
출처 자바스크립트 중고급: 근본 핵심 이해 - 인프런 | 강의 4개 강좌로 구성된 자바스크립트 바이블 강좌의 2번째 강좌입니다. 자바스크립트 엔진 이해를 통해 자바스크립트에 최적화된 프로그램을 개발할 수 있습니다. 자신 있게 시스템을 설계할 수 있 www.inflearn.com 🚀 오버로딩(Overloading) 함수는 이름이 같더라도 파라미터의 수 또는 값 타입이 다르면 각각 존재할 수 있다. 함수를 호출하면 파라미터 수와 값 타입이 같은 함수가 호출된다. 자바에서도 메소드 이름이 같더라도 파라미터나 값 타입이 다르면 선언이 가능한 경우를 말하는 것 같다. // 이름은 같더라도 파라미터의 개수나 데이터 타입에 따라 다른 것으로 인식 function make(one) {}; function make(on..
출처 자바스크립트 ES6+ 기본 - 인프런 | 강의 4개 강좌로 구성된 자바스크립트 바이블 강좌의 3번째 강좌입니다. 자바스크립트 스펙의 95% 이상을 다룹니다. ES6+ 환경에서 새로운 패러다임의 프로그램을 개발할 수 있습니다., 자바스크립트 www.inflearn.com 🚀 Arrow Function [코드 1. 일반 함수] const add = function(one, two) { return one + two; } console.log(add(1, 2)); [코드 2. 화살표 함수] // 'function'이 '=>'로 바뀌었다. const total = (one, two) => { return one + two; } console.log(total(1, 2)); ◽ 특징 - function(){..
출처 자바스크립트 ES6+ 기본 - 인프런 | 강의 4개 강좌로 구성된 자바스크립트 바이블 강좌의 3번째 강좌입니다. 자바스크립트 스펙의 95% 이상을 다룹니다. ES6+ 환경에서 새로운 패러다임의 프로그램을 개발할 수 있습니다., 자바스크립트 www.inflearn.com 🚀 const 변수 ◽ const 변수 let과 달리 값을 바꿀 수 없는 변수이다. 코드상에서 const로 선언한 변수의 값을 바꾸면 에러가 발생한다. ◽ const 변수의 특징 - JS에서 상수는 대문자 사용이 관례였다. 어떻게 써도 상관없다. - const 변수라고해서 완전히 값을 바꿀 수 없는 것은 아니다. ◽ const 변수에서 바꿀 수 있는 경우 const 변수 자체를 바꿀 수는 없지만, 1) Object의 프로퍼티 값을 바..
출처 자바스크립트 ES6+ 기본 - 인프런 | 강의 4개 강좌로 구성된 자바스크립트 바이블 강좌의 3번째 강좌입니다. 자바스크립트 스펙의 95% 이상을 다룹니다. ES6+ 환경에서 새로운 패러다임의 프로그램을 개발할 수 있습니다., 자바스크립트 www.inflearn.com 🚀 호이스팅 // 아래에 변수가 선언된것을 위에서 사용하는 것을 호이스팅이라고 한다. // var는 가능하지만 let은 호이스팅이 불가능하다. console.log("변수: ", music); var music = "음악"; [실행결과] 변수: undefined var는 실행 콘텍스트 처리 순서에 의해 undefined로 설정되었기 때문에 호출이 가능하다. 하지만 let 변수는 호이스팅 되지 않으므로 코드 실행 전에 호출하면 unde..