레퍼런스 마이닝

리액트를 사용하기 위해서는 Node 설치가 필요하다. https://nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 위 사이트에 접속하여 다운로드하면 된다. LTS 버전과 Stable 버전이 구분되어 있다. 두 가지 차이점은 아래와 같다. LTS(Long Term Supported) LTS 버전은 서버 환경에서 장기적으로 안정적인 지원을 제공하는 버전이며 안정성과 보안성을 우선한다. Stable Stable 버전은 잦은 업데이트를 진행하며 추가 기능 개발과 기존 API 개선을 우선한다. 필자는 LTS 버전을 선호하므로 LTS를 받도록 하겠다. Node 설치 설치는..

우리가 사용하는 코드는 리액트 코드이기 때문에, 자바스크립트로 바꿔주는 툴이 필요하다. 이런 툴을 '트랜스파일러' 또는 '트랜스포머'라고 부르기도 한다. 이번에 소개할 툴은 '웹팩'이다. 웹팩은 리액트 코드를 브라우저가 이해할 수 있는 코드로 변경해주는 역할을 한다. 자바스크립트는 버전이 여러 개 존재하며, 최신 버전의 자바스크립트를 웹팩을 이용해서 자바스크립트를 브라우저가 이해할 수 있게 변경해줘야 한다. https://webpack.js.org/ webpack webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transformi..

리액트가 왜 전 세계 적으로 열광하는지 알아보자. 1. 리액트는 자바스크립트 기반이다. 별도의 다른 프레임워크를 배울 필요가 없고, 그냥 자바스크립트를 활용하면 된다. Angular, Vue 처럼 다름 언어를 배울 필요가 없다. 그냥 자바스크립트만 잘하면 된다는 뜻이다. 리액트로 하는 거의 모든 것은 자바스크립트 기반이다. 리액트를 배우면 다른 곳에선 필요 없는 기술을 배울 필요가 없다. 별도의 프레임워크, 별도의 언어를 배우면 다시 사용하지 않는다면 기억에서 점차 사라진다. 하지만 리액트는? 자바스크립트이다. 새롭게 배울 필요가 없다. 더 훌륭한 자바스크립트 개발자로 거듭날 수도 있다. 리액트를 하면서 동시에 자바스크립트 기술을 향상하는 것이다. 2. 간단한 구조 리액트 구조는 요소별, 컴포넌트별로 나..