코딩을 쉽게 해보자

변수란 무엇인가? 왜 필요한가? 10 + 20 컴퓨터는 CPU를 사용해 연산하고, 메모리를 사용해 데이터를 기억한다. 메모리는 데이터를 저장할 수 있는 메모리 셀의 집합체이다. 메모리 셀 하나의 크기는 1바이트(8비트)이며 컴퓨터는 메모리 셀의 크기, 즉 1 바이트 단위로 데이터를 저장하거나 읽어들인다. 연산 결과 30을 재사용해야하는 경우가 있는데 연산 결과 30이 저장된 메모리 공간에 직접 접근하는 것은 큰 오류가 발생할 수 있고 메모리 주소는 코드가 실행될 때 메모리의 상황에 따라 임의로 결정되기에 올바른 방법이 아니다. 이를 위해 변수라는 메커니즘을 사용한다. 변수 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름 즉, 값의 위치를 상징적인 이름 ..

1장 프로그래밍 프로그래밍 언어는 구문(Syntax)와 의미(Semantics)의 조합으로 표현된다. 2장 자바스크립트란? 브라우저에 따라 웹페이지가 정상적으로 동작하지 않는 크로스 브라우징 이슈가 발생했다. 자바스크립트의 표준화를 위해 ECMAScript가 탄생하였다. ES5는 HTML5와 함께 출현한 표준안이다. Ajax 자바스크립트를 통해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신 기능인 Ajax(Asynchronous JavaScript and XML)가 XMLHttpRequest라는 이름으로 등장했다. Node.js 구글 V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 환경 비동기 I/O를 지원하며 단일 스레드 이벤트 루프 기반으로 동작 데이터를 실시간으로 처리하기 위..

프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..) - 인프런 | 강의 이미 만들어 놓은 개발 환경을 이해할 수 있어요. 처음부터 직접 개발 환경을 만들 수 있어요., - 강의 소개 | 인프런... www.inflearn.com 배경 크로스 브라우징 몇 년전까지만 하더라도 사파리에서는 Promise.prototype.finally 메소드를 사용할 수 없었다 이러한 크로스 브라우징 이슈를 해결하기 위해 바벨이 등장했다. ECMAScript2015+로 작성한 코드를 모든 브라우져에서 동작하도록 호환성을 지켜준다. 타입스크립트, JSX처럼 다른 언어로 분류되는 것도 포함한다. 바벨 최신 버전과 터미놀 도구를 사용하기 위한 커맨드라인 도구 함께 설치를 위한 명령어 npm insta..

프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..) - 인프런 | 강의 이미 만들어 놓은 개발 환경을 이해할 수 있어요. 처음부터 직접 개발 환경을 만들 수 있어요., - 강의 소개 | 인프런... www.inflearn.com 로더가 파일 단위로 처리한다면 플러그인은 번들된 결과물을 처리한다. 번들된 자바스크립트를 난독화 or 특정 텍스트를 추출하는 용도로 사용한다. 실제로 플러그인을 만드는 일은 거의없고 필요한 것은 대부분 만들어져 있다. 자주 사용하는 플러그인 BannerPlugin 결과물에 빌드 정보나 커밋 버전같은 걸 추가할 수 있다. 웹팩이 기본으로 제공하는 플러그인 DefinePlugin 어플리케이션은 개발환경과 운영환경으로 나눠서 운영한다. 가령 환경에 따라 ..