Programming Language/React JS(10)
-
[React JS] ES6의 화살표 함수 사용 방법 3가지
■ 본문 블록을 사용한 함수 본문 내용을 {}(중괄호)로 묶어서 작성한다. var add = (first, second) => { return first + second; }; ■ 본문 블록이 비어있고 결괏값을 바로 반환하는 함수 본문 내용이 없고 결괏값만을 반환하기 때문에 {}(중괄호)를 생략할 수 있다. var add = (first, second) => first + second; ■ 반환값이 객체일 경우의 함수 결괏값이 객체형태이기 때문에 ()(소괄호)로 묶어서 반환한다. var add = (first, second) => ({add : first + second, multiply : first * second });
2020.12.07 -
[React JS] 노드 버전 매니저(nvm)와 노드제이에스(node JS) 개념 및 역할
■ 노드제이에스(node JS)이란? 구글에서 공개한 소프트웨어로 V8 엔진을 기반으로 만든 자바스크립트 런타임 도구이다. 쉽게 말해 노드제이에스는 웹 브라우저가 아닌 컴퓨터(또는 서버)에서 자바 스크립트를 실행할 수 있게 해준다. ■ 노드 버전 매니저(nvm) 이란? 노드제이에스(node JS)를 설치하거나 버전을 관리해주는 프로그램
2020.12.06 -
[React JS] 노드 패키지 매니저(npm)와 웹팩(webpack)의 개념 및 역할
■ 노드 패키지 매니저(npm)란 ? 자바 스크립트 라이브러리를 설치하고 관리하는 프로그램 특징 node_modules 폴더에 라이브러리를 설치하고 저장한다. pakage.json 파일에 설치된 라이브러리의 정보를 적어 저장하며, pakage.json 파일은 라이브러리 명세역할을 한다. ■ 웹팩(webpack)이란? 프로젝트에 사용된 파일을 분석하여 기존 웹 문서 파일로 변환하는 도구이다. 쉽게 말해 웹 브라우저가 해석할 수 있는 파일로 변환해주는 역할을 한다. 특징 파일을 적절한 크기로 자르거나 묶어주는 역할을 수행할 수 있다. 때문에 프로젝트의 용량을 줄여준다. 간단한 노드 기반의 웹 서버를 구동하기도 한다.
2020.12.05 -
[React JS] 리액트(React)의 특징 및 장점
■ 리액트 특징 및 장점 컴포넌트로 화면 구성을 효율적으로 할 수 있다. 또한 가상 화면 기술을 도입하여 화면 출력 속도를 높이고 코드의 복잡성도 줄일 수 있다. 또한, 게임 엔진 원리를 도입하여 다음에 나타날 화면의 일부를 미리 그려 놓고 변경된 화면의 일부만 수정되는 가상 화면(Virtual DOM) 기술을 사용하기 때문에, 화면 출력 속도가 빠르다.
2020.12.05