프로그래밍 언어/ReactJS3 [ReactJS 기초] - Component 리액트로 만든 페이지는 컴포넌트들로 구성되어있다. 페이지 단위로 구성하는 것이 아니라 각 부분을 컴포넌트로 만들어서 하나의 페이지로 조립하는 것이다. 이렇게 컴포넌트를 사용하게 되면 각 컴포넌트끼리 분리되어있기 때문에 재사용성도 높아지고 유지보수도 하기 쉬워진다. 현재 리액트 파일을 보면 App.js라는 하나의 컴포넌트로 구성이 되어있는데, 이 App.js에서 App이라는 함수를 export 해서 index.js에서 import해주고 있다. 이렇게 함수형으로 만들어진 컴포넌트를 함수형 컴포넌트라고 하고 모든 컴포넌트의 이름은 대문자로 시작한다. 함수에서 return하고 있는 코드들을 보면 HTML같기도 하고 JavaScript 같기도 한데 이것을 바로 JSX(JavaScript XML)이라고 한다. 다만.. 2022. 2. 19. ReactJS 환경 설정하기 자, 그럼 ReactJS가 무엇인지 알아보았으니 React를 사용해보자 React를 사용하기 위해선 몇가지 라이브러리와 툴을 설치해야 한다. 1. Node.js 설치 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 제일 최신 버전을 설치해준다. Node.js를 설치하면 npm이라는 툴을 이용가능하게 해준다. 2. Visual Code 설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefin.. 2022. 2. 14. ReactJS란? ReactJs는 프레임워크가 아닌, 자바 스크립트 라이브러리의 하나로서, 사용자 인터페이스를 만들기 위해 사용된다. 페이스북과 개별 개발자 및 기업들 공동체에 의해 유지보수 된다. 프레임워크는 필요한 기능이 이미 만들어져있어서 틀이 있으면 안에 있는 것들을 우리가 채워서 완성하는 것이다. 대신 틀을 벗어나기 힘들고, 프레임워크는 한가지의 프레임워크만 사용할 수 있다. 또한 다른 라이브러리와 충돌할 수 있고 무겁게 느껴질 수 있다. Spring Boot, Eclipse 등도 프레임 워크 중 하나이다. 반면 라이브러리는 필요한 곳에 넣기만 하면 된다. 그렇다면 ReactJS가 Angular를 대체할 수 있을까? 답은 당연히 NOPE!! Angular는 프레임워크이기 때문에 ReactJS로 대체할 수 없다. .. 2022. 2. 11. 이전 1 다음 728x90
