개발(라이브러리,프레임워크)/react.js & react native32 가상 DOM 가상 DOM 가상DOM이란 ? DOM의 상태를 메모리위에 올려두고 DOM변경이 있을 때만 해당 변경을 반영한다. Dom의 일부만 변경됨 전체를 변경하는 것이 아닌 변경할 부분을 찾아 일부만 변경한다. 따라서 화면 처리속도가 비약적으로 빠르다. 컴포넌트 만들기(기초) 컴포넌트는 특정 기능을 가진 범용적인 부품을 나타내는 용어. 범용적인 컴포넌트를 만들어 재사용 가능하게 한다. 리액트를 이용해 컴포넌트를 만드는과정 JSX를 반환하는 함수를 정의하기만 하면 된다. ex> Hello 라는 컴포넌트를 정의한다. 매개변수로 전달받은 props의 props.type을 태그로 감싸서 출력하는 예 function Hello(props){ // ..중간에 필요한 기능을 넣어도 된다. return {props.type} }.. 2021. 5. 14. 리액트와 JSX의 관계 리액트와 JSX의 관계 태그 내부에 변수를 넣는 법 ..{value} ... 태그의 속성값에 변수를 넣는 법 2021. 5. 13. 리액트입문 리액트 프로젝트 만들기 https://reactjs-kr.firebaseapp.com/tutorial/tutorial.html 참고 설치된 Node.js가 최신 버전인지 확인해보세요. 새로운 프로젝트를 생성하기 위해 설치 방법을 따르세요. $ npm install -g create-react-app $ create-react-app my-app 새 프로젝트의 src/ 폴더에 있는 모든 파일들을 삭제해주세요. (폴더 안의 내용만 삭제하되 폴더는 삭제하지 마세요) $ cd my-app $ rm -f src/* 이 CSS 코드를 src/ 폴더에 index.css 파일로 추가해주세요. 이 JS 코드를 src/ 폴더에 index.js 파일로 추가해주세요. src/ 폴더에 있는 index.js의 최상단에 아래 세 .. 2021. 4. 26. Node.js 환경설정 Node.js와 환경설정Node.js 구조node .js 코어 라이브러리 (자바스크립트)node.js 바인딩V8 (자바스크립트 엔진) / 비동기 I/O (C언어)서버사이드 자바스크립트 실행환경비동기 처리를 표준 api로 제공하여 실행 효율이 좋은 웹 앱플리케이션을 쉽게 만들고 사용할 수 있음편한 라이브러리와 간단한 사용npm을 이용하면 간단하게 라이브러리를 설치 할 수 있음패키지 매니저 npm간단하게 라이브러리 설치와 제거를 할 수 있음npm으로 설지하는 각 라이브러리로컬모듈설치npm 표준 설정으로 현재 디렉터리에 라이브러리가 설치되는데 이렇게 설치되는 모듈을 "로컬모듈"이라고 한다.npm install requset설치를 하고 실행한 디렉터리를 열어보면 node_modules;라는 이름의 디렉터리가 생.. 2021. 4. 25. 이전 1 ··· 5 6 7 8 다음 반응형
