목록 react.js (3)
이롭게 현명하게
목차 작업환경 준비하기 Node.js 설치하기 yarn 설치하기 vscode 설치하기 git for windows 설치하기 리트 환경설정 [작업 환경 준비하기] 리액트 개발을 시작할 수 있도록 작업 환경을 준비해야 한다. 설치하기 위해서는 총 3가지를 설치해야 한다. Node.js : 브라우저 환경이 아닌 곳에서도 자바스크립트를 실행할 수 있게 해주는 자바스크립트 런타임 리액트 프로젝트를 진행하면서 사용하는 도구들로 Webpack, Babel 같은 도구들이 자바스크립트 런타임 node.js를 기반으로 만들어져 있기 때문에 node.js를 설치해야 한다. yarn : 조금 개선된 버전의 npm으로 생각하면 이해하기 쉽다. 자바스크립트 패키지 매니저 도구로 node.js를 설치하면 npm이라는 도구가 같이 ..
목차 동기와 비동기 싱글 스레드 언어 자바스크립트 엔진이란? 비동기 실행과정 https://devyihyun.tistory.com/148 [동기와 비동기] 쿠팡의 과일 구매 목록이다. 웹페이지에 과일 목록이 보이기까지 1분이 걸린다고 하자 동기적으로 실행했다면 목록이 보이기까지 1분 동안 화면 스크롤, 버튼 클릭 등 아무것도 할 수 없다. 현재 실행하고 있는 함수가 있기 때문에 다른 일을 할 수 없어 다른 일들이 블록 된다. 즉, 브라우저에서 오래 걸리는 작업이 실행될 경우, 웹페이지의 UI는 멈춰버리고 사용자는 어떤 작업도 할 수 없다. 그렇기 때문에 비동기식으로 과일 목록을 불러와야 한다. 동기와 비동기, 동기는 하나씩 실행되고 비동기는 동시에 실행된다고 흔히들 알고 있다. 하지만 그렇지 않다. 비동..
목차 배열 기초 배열 활용 [배열 기초] 배열(array) : 이름과 인덱스로 참조되는 정렬된 값의 집합 배열 요소 (array element) : 배열을 구성하는 각각의 값 인덱스(index) : 배열에서의 위치를 가리키는 숫자 배열 요소의 타입이 고정되어 있지 않아 같은 배여레 있는 배열 요소끼리의 타입이 서로 다를 수도 있다. 배열 요소의 인덱스가 연속적이지 않아도 되며, 따라서 특정 배열 요소가 비어 있을 수도 있다. 자바스크립트에서 배열은 Array객체로 다뤄진다. 1. var arr = [배열요소1, 배열요소2,...]; // 배열 리터럴을 이용하는 방법 2. var arr = Array(배열요소1, 배열요소2,...); // Array 객체의 생성자를 이용하는 방법 3. var arr = n..