천천히 알아가는 세상

안녕하세요. 저번에 이어서 React에 대하여 알아보겠습니다. 저번 글에서는 CDN으로 사용하는 방식에 대하여 진행하였지만, 이번에는 Create-react-app을 이용해서 하는 방법으로 진행하겠습니다. 1. 기본 세팅 설정 방법 최소 사양 Node 14.0.0 이상 npm 5.6 이상 기본 포트 3000번을 사용한다. 생성 명령어 my-app 대신에 사용하실 폴더 이름으로 변경해도 됩니다. VS Code 명령창에 입력하면 됩니다. npx create-react-app my-app cd my-app npm start 처음 실행 시 나오는 창 2. NPX Node Package eXute Node 실행을 위한 명령어이며, npm과는 달리 최신 버전의 패키지를 임시로 설치해서 실행하는 용도로 사용된다. N..

안녕하세요. 이번에는 React에 대하여 알아보겠습니다. 1. React JS 반응형 자바스크립트 SPA을 전제로 하고 있으며, Dirty checking과 Virtual DOM을 활용하여 업데이트해야 하는 DOM 요소를 찾아서 해당 부분만 업데이트하기 때문에, 리렌더링이 잦은 동적인 모던 웹에서 엄청나게 빠른 퍼포먼스를 내는 게 가능하다. 기본적으로 모듈형 개발이기 때문에 생산성 또한 상당히 높은 라이브러리인지라 순식간에 대세로 떠올랐다. 거기에 기본적으로 프레임워크가 아니라 라이브러리인지라 다른 프레임워크에 간편하게 붙여서 사용하는 것도 가능하며, React Hooks라는 강력한 메서드들을 지원하면서 사실상 웹 프런트엔드 개발의 표준으로 자리 잡았다. 2. Virtual DOM 서버와의 데이터 통신과..