기타/React

react 컴포넌트, props

react 컴포넌트 react 컴포넌트는 재사용을 위해 jsx, 자바스크립트 확장 파일을 이용하여 프로그래밍하는 것입니다. 위 소스코드는 create-react-app을 이용해 만든 기본 구조인데, index.js는 app.js라는 컴포넌트를 가져와서 단순히 이라는 태그로 app.js 컴포넌트를 사용할 수 있습니다. 임의로 Temp라는 컴포넌트를 만들어 index.js에 추가를 하였더니 정상적으로 컴포넌트가 추가된 것을 확인할 수 있습니다.

react란 무엇인가?

1. React JS란? React는 라이브러리이다. React는 유저인터페이스를 만들기 위한 도구이다. AJAX, Controller, Route 기능을 제공하지 않음, 하지만 다른 라이브러리를 사용하여 구현 가능 virtual DOM 기존 DOM 조작은 비효율적이고 속도가 느리다. view에 변화가 생긴다면 virtual DOM에 적용되고 DOM에 적용시킨다. 유지보수가 가능한 어플리케이션 제작에 도움을 주는 도구 2. React JS 장점 Component 하나로 모든것을 관리 뛰어난 Garbage Collection 및 메모리 관리 성능 매우 간편한 UI 수정 및 재사용 다른 프레임워크나 라이브러리와 함께 사용이 가능 서버 & 클라이언트 렌더링 JavaScripts는 클라이언트 렌더링만 지원 서버..

react 환경설정

react 와 vscode를 이용한 react 개발 1. vscode 설치 : https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 2. 터미널에서 react 설치 1) react 설치 npm inst..