npm 2

[React] 리액트 실행해보기

리액트 란? 인터페이스 구축을 위한 javascript 라이브러리이다. 그럼 리액트가 필요한 이유는 뭘까? Component(컴포넌트) 페이지마다 공통적으로 사용되는 코드들을 따로 빼서 관리 - 컴포넌트화 방식 중복코드를 방지할 수 있다. 컴포넌트 기반의 UI 라이브러리 선언형 프로그래밍 명령형 프로그래밍인 Jquery와는 다르게 선언형 프로그래밍으로 코드를 간단히 줄일 수 있다. 명령형 - 결과에 대한 과정을 하나하나 나열하는 것 / 선언형 - 목적을 분명히 한 것 Virtual DOM 브라우저는 이벤트 하나를 실행할 때마다 새로운 돔을 형성하게 된다. 예를 들어, 버튼하나를 눌러 여러 이벤트를 실행시키더라도 실상은 버튼하나를 눌렀을 때 이벤트의 개수만큼 돔 요소가 추가되어 브라우저 동작을 하고 있다...

리액트(React) 2023.02.16

[React] 리액트 시작 전 Node.js 설치

1. Node.js Node.js란 이름만 보면 자바스크립트 종류 중 하나의 언어로 착각할 수 있지만 아래와 같이 정의할 수 있다. 'javascript로 만든 프로그램을 웹 브라우저가 아닌 곳에서도 프로그램을 실행시킬 수 있는 실행환경' JavaScript Runtime 과거 자바스크립트는 크롬과 같은 웹브라우저에서만 실행이 가능했지만 Node.js를 사용하여 프로그램을 실행시킬 수 있게 되었다. Node.js의 탄생은 자바스크립트가 가지고 있던 한계를 벗어나 브라우저뿐만 아니라 웹서버 개발도 가능하게 되어 개발환경이 더 넓어졌다고 볼 수 있다. 2. Node.js 설치하기 Node.js 설치를 위해 아래 링크로 들어가 설치 준비를 한다. 본인에 맞는 운영체재를 확인하여 다운로드하면 되는데 해당 사이트..

리액트(React) 2023.02.06