본문 바로가기

프론트엔드21

프론트엔드 - 면접준비 보호되어 있는 글 입니다. 2021. 2. 26.
모던 리액트 (Modern - React) - 시작하기 ▶ 리액트 시작하기 1) Node.js 설치 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2) 프로젝트 생성 $ npx create-react-app begin-react 그러면 begin-react 라는 디렉터리가 생기고 그 안에 리액트 프로젝트가 생성됩니다. 생성이 끝나면 cd 명령어를 사용하여 해당 디렉터리에 들어간 다음 yarn start 명령어를 입력해보세요 (yarn 이 없다면 npm start). $ cd begin-react $ yarn start $ cd begin-react $ yarn start 2021. 2. 25.
노드 리액트 - Node js 와 Express 다운 ▶ Node js 다운 NodeJS란, 자바스크립트를 브라우저 밖에서 사용하게 해주는 프로그램. (기존의 자바스크립트는 브라우저에 종속되어 있다) Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 설치 후 버전 체크 node -v ▶ Express 설치 Express란 'Node.js를 위한 빠르고 개방적인 간결한 웹 프레임워크' 라고 한다. Express란 NodeJS를 사용하여 쉽게 서버를 구성할 수 있게 만든 클래스와 라이브러리의 집합체 라고 보면 된다. $ npm install express --save - Express의 사용 const express = require('expres.. 2021. 2. 25.
자바스크립트 - ES6 문법 정리 (함수) ▶ for of 반복문 for in 반복문에 배열을 넣으면, 앞의 반복 변수에 '요소'가 아니라 '인덱스'가 들어갑니다. let array = [1,2,3,4,5]; for (let i in array){ alert(i+"번째 요소는 " + array[i] + "입니다"); } ES6 문법에서는 for of 반복문이 추가되어 내부의 요소를 바로 넣어 활용할 수 있게 되었습니다. for in 반복문과 비슷한 형태지만, 반복 변수에 '요소'가 들어갑니다. let array = [1,2,3,4,5]; for (const element of array){ alert(`요소는 ${element}입니다`); } ▶ 기본 매개변수 기본 매개변수는 엄청나게 자주 사용되는 기술이라 ES6 부터는 기본 매개변수를.. 2021. 2. 18.