일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- REACT
- 코어JS
- 표현식과 문
- 클로저
- rest api
- Deep Dive
- Ref로 값 참조하기
- await
- 싸피
- 제너레이터
- 이터러블
- Strict Mode
- DEEPDIVE
- async
- 프로미스
- 디스트럭처링 할당
- 배열
- js
- 모듈
- Escape Hatches
- 브라우저의 렌더링 과정
- Ref로 DOM 다루기
- BETA
- 에러 처리
- 데이터 타입
- 개발 환경 구축
- 스프레드 문법
- 비동기 프로그래밍
- Set과 Map
- ES6 함수의 추가 기능
- Today
- Total
목록분류 전체보기 (60)
코딩을 쉽게 해보자
프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..) - 인프런 | 강의 이미 만들어 놓은 개발 환경을 이해할 수 있어요. 처음부터 직접 개발 환경을 만들 수 있어요., - 강의 소개 | 인프런... www.inflearn.com 로더가 파일 단위로 처리한다면 플러그인은 번들된 결과물을 처리한다. 번들된 자바스크립트를 난독화 or 특정 텍스트를 추출하는 용도로 사용한다. 실제로 플러그인을 만드는 일은 거의없고 필요한 것은 대부분 만들어져 있다. 자주 사용하는 플러그인 BannerPlugin 결과물에 빌드 정보나 커밋 버전같은 걸 추가할 수 있다. 웹팩이 기본으로 제공하는 플러그인 DefinePlugin 어플리케이션은 개발환경과 운영환경으로 나눠서 운영한다. 가령 환경에 따라 ..
프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..) - 인프런 | 강의 이미 만들어 놓은 개발 환경을 이해할 수 있어요. 처음부터 직접 개발 환경을 만들 수 있어요., - 강의 소개 | 인프런... www.inflearn.com 웹팩은 모든 파일을 모듈로 바라본다. 자바스크립트로 만든 모듈 뿐만아니라 스타일시트, 이미지, 폰트 등 전부 모듈로 보기에 import 구문을 사용하면 자바스크립트 코드로 가져올 수 있다. 이것이 가능한 이유는 웹팩의 로더 덕분이다. 로더는 타입스크립트와 같은 다른 언어를 JS문법으로 변환하거나 이미지를 data URL 형식의 문자열로 변환한다. 커스텀 로더 로더를 직접 만들고 myloader.js module.exports = function my..
프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..) - 인프런 | 강의 이미 만들어 놓은 개발 환경을 이해할 수 있어요. 처음부터 직접 개발 환경을 만들 수 있어요., - 강의 소개 | 인프런... www.inflearn.com 모듈 모듈부터 이야기해봐야 한다. 문법 수준에서 모듈을 지원하기 시작한 것은 ES2015부터이다. 이전에는 index.html에서 각각의 파일을 올려서 사용했었다. 하지만 이러하면 전역 스코프가 오염된다는 문제점이 있다. => 예측할 수 없어지게됨. 런타임 에러가 발생 이러한 점을 극복하기 위해 IIFE(Immediately Invoked Function Expression)의 방식을 사용하게 되었다. 전역 스코프 오염을 예방할 수 있다. (func..
이벤트 루프란 무엇인가? 자바스크립트 튜토리얼에선 다음과 같이 정의한다. https://ko.javascript.info/event-loop 이벤트 루프와 매크로태스크, 마이크로태스크 ko.javascript.info 이벤트 루프(event loop) 정의는 아주 간단합니다. 이벤트 루프는 태스크가 들어오길 기다렸다가 태스크가 들어오면 이를 처리하고, 처리할 태스크가 없는 경우엔 잠드는, 끊임없이 돌아가는 자바스크립트 내 루프입니다 자바스크립트 엔진의 대표적인 예는 Google V8 엔진이다. V8은 Chrome과 Node.js에서 사용된다. 엔진의 주요 두 구성요소는 Memory Heap과 Call Stack이 있다. Memory Heap는 메모리 할당이 일어나는 곳 Call Stack은 코드 실행에 ..