프론트/React 2

[React] 리액트 정의와 Hooks

React의 정의 출처 https://ko.reactjs.org/tutorial/tutorial.html 자습서: React 시작하기 – React A JavaScript library for building user interfaces ko.reactjs.org React , 쉽게 정리해본다면 리액트는 상태 변화 프로그램(데이터 관리 프로그램) 이다. 즉, 반복이 많거나 변경이 빈번한 환경에서 활용된다. MVC 구조에서 view의 역할(화면 출력하는 역할)을 수행한다. React 특징 * 가상 돔을 사용하여 Application의 퍼포먼스를 최적화했다. * 싱글 페이지 Application에서 UI를 만드는 라이브러리이다보니 페이지 전환 기능 등을 제공하지 않는다. 이때는 react-router와 같은..

프론트/React 2022.10.11

[React] 리액트/웹스톰 라이브러리 다운로드 하는 방법 (초기 세팅)

기존에 사용했던 자바스크립트 라이브러리는 리액트에 비하면 아무것도 아니었다. 개인 프로젝트를 시작하면서 리액트를 다루게 됐다. 리액트는 매우 복잡하기 때문에 편집기 사용이 필수이다. 나는 웹스톰 편집기를 이용해서 리액트를 공부중인데 리액트는 마치 하나의 프로젝트 만드는 느낌이다. jQuery, Vue.js 등은 html이나 jsp 파일에 조금? 추가 하는게 전부였는데 리액트는.. 밑의 사진으로 말을 대신하겠다. 리액트로 프로젝트를 생성하면 자동으로 라이브러리가 다운로드 된다. but, 추가적으로 라이브러리가 필요한 상황에 대해서 다뤄보도록 하겠다. 라이브러리 다운로드 프로젝트 > package.json 클릭 > 밑의 사진에 표기된 공간에 라이브러리 다운로드 다운로드 받고자 하는 라이브러리를 입력하면 위의..

프론트/React 2022.10.11