반응형 IT/React33 React 를 위한 자바스크립트 컨셉 이해하기 변수 var 특징 ES2015 전까지 변수 정의는 var 만 사용했습니다 var 은 여러 번 선언이 가능합니다 변수의 초기값을 주지 않으면 `undefined` 값을 갖게 됩니다 함수 외부에서 초기화된 var 은 global scope 를 가집니다 함수 내부에서 초기화된 var 은 local scope 을 가집니다 var 은 block scope 이 아닌 function scope 을 가지기에 함수가 생성될 때 새 범위를 가집니다 //초기값이 없으면 undefined var a //typeof a === 'undefined' //변수를 여러 번 다시 선언이 가능 var a = 1 var a = b // function iHaveScope() { var secret = 42; } secret; // Ref.. 2022. 7. 27. React 개발 환경 설정 [ ] node, react , react-dom 라이브러리 설치 [ ] package.json 내부에 프로젝트 설정 정보 업데이트 [ ] webpack.config.js 설정 정보 업데이트 [ ] Hot reloading 적용 node 설치 //nvm 설치 후 node 설치 nvm install 16.15.1 //설치한 node 선택 nvm use 16.15.1 프로젝트 초기설정 //npm 초기화 npm init react, react-dom 설치 npm install --save react react-dom webpack, webpack-cli 설치 (dev) npm install --save-dev webpack webpack-cli webpack.config.js 파일 생성 entry, modul.. 2022. 7. 26. React 간단하게 사용하기 React 는 사용자 인터페이스를 만들기 위한 Javascript 라이브러리 state 를 변경하면 정보가 DOM 에 반영 된다 React 의 기본 컨셉 Components : 컴포넌트 JSX : React 만의 문법 (XML 같은) State : 상태 변경으로 화면의 데이터 변경 Props : Components 로 정보 전달 React 적용하는 방법 WEB 페이지에 직접 로딩 하는 방법 //like_button.js 'use strict'; const e = React.createElement; class LikeButton extends React.Component { constructor(props) { super(props); this.state = { liked: false }; } rende.. 2022. 7. 26. 이전 1 2 다음 반응형
