Grace's Tech Blog

+ 더 읽어볼 거리 SPA(single page app)에서 webpack을 사용하는 이유 1. Webpack? 웹팩이란 최신 프런트엔드 프레임워크에서 가장 많이 사용되는모듈 번들러(Module Bundler)이다. ※ Module은 뭔가? 프로그래밍 관점에서의 모듈은 특정 기능을 갖는 작은 코드 단위를 의미한다. 예를들어 아래 코드가 모듈이 될 수 있겠다. // math.js function sum(a, b) { return a + b; } function substract(a, b) { return a - b; } const pi = 3.14; export { sum, substract, pi } 이 math.js파일은 아래와 같이 3가지 기능을 갖고 있는 모듈인 것이다. . 두 숫자의 합을 구하는s..

학습한 웹팩 버전: v4.41 학습 자료: 프론트엔드 개발자를 위한 웹팩, 웹팩 핸드북 학습 내용 - Frontend 빌드 시스템 이해: NPM, Webpack - 자바스크립트 모듈화(AMD, Common.js, ES6 Modules) - Webpack 개요(등장 배경, 철학 등) - Webpack 주요 속성 4가지 - 배포 환경에서 알고 있어야 할 Webpack특징과 설정 등 웹팩을 사용하기 위해서는 Node.js와 NPM이 컴퓨터에서 설치되어 있어야 한다. 그래서 이 둘이 뭔지를 알고있어야 한다. 1. Node.js Node.js는 브라우저 밖에서도 자바스크립트를 실행할 수 있는 환경을 의미한다. 2. NPM Nods.js를 설치하면 같이 설치되는 NPM(Node Package Manager)는 명령..

몇일 전 이런 에러를 만났다. for...in, for...of 가 헷갈린다는 이유로 매번 for( let i=0; i

보호되어 있는 글입니다.

https://nodejs.org/ko/docs/guides/anatomy-of-an-http-transaction/ HTTP 트랜잭션 해부 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org Interaction With Server Sprint에서는 Client와 Server 통신에 관한 개념을 배우고, (이미 잘 구축되어있는 Server가 있어서)fetchAPI를 이용하여서 Client를 구축 하고, 서버에 GET, POST요청을 보내고 그 응답 결과를 이용해 화면을 구성하고 변경하는 것에 대해 배웠다. 이번 Server&Node Sprint에서는 node.js를 이용하여 이미 잘 구..

Intro. 더보기 Achievement Goals 재귀 재귀 개념을 이해할 수 있다 무한 loop에 빠지지 않도록 재귀를 이용할 수 있다 (Advanced) call stack이 넘친다는 것의 의미를 이해할 수 있다 복잡도 time complexity에 대해 이해하고, Big-O notation으로 표기할 수 있다 time complexity의 주요 case들과 실제 사용 예가 어떠한 것이 있는지 알 수 있다 코드를 보고 time complexity가 어떠한지 이해할 수 있다 (Advanced) once, memoize의 구현 원리를 이해할 수 있다 (Advanced) delay, throttle의 구현 원리를 이해할 수 있다 (Advanced) 코드를 재사용할 수 있는 패턴이 어떠한 것이 있는지 알 ..