반응형 프론트엔드2 [React] Vite로 React 프로젝트 세팅하기 강의를 듣고 세팅하는 방법을 기록해두는 포스팅.. Vite는 프론트엔드 개발을 더 용이하게 해주는 일종의 개발 툴이라고 할 수 있다. vite는 go로 작성된 esbuilder를 사용하기 때문에 매우 빠른 빌드 속도를 자랑한다. 먼저 새로운 vite 프로젝트를 생성해보자 npm create vite@latest 터미널을 열고 위 명령어를 실행한다. 프로젝트 이름을 정하고 프레임워크를 선택하라고 나오는데 나는 React를 선택할 거니까 React를 골라준다. 그 다음엔 자바스크립트를 사용할지 타입스크립트를 사용할지 고르라는 선택지가 나오는데 난 Rust typescript 컴파일러인 SWC가 포함된 두번째 옵션을 선택했다. 그럼 프로젝트가 생성이 되었다. 위 설명대로 프로젝트 경로로 이동해서 패키지들을 설.. 2023. 11. 17. [React]리액트란? 리액트란 페이스북에서 개발한 유저 인터페이스 라이브러리이다. 개발자로 하여금 재사용 가능한 UI를 생성할 수 있게 해주는데 페이스북, 인스타,넷플릭스 등 많은 큰 서비스에서 사용하고 있다. 리액트는 Virtual DOM이라는 개념을 사용하여 상태의 변함에 따라 선택적으로 유저 인터페이스를 렌더링하여 최소한의 DOM처리로 컴포넌트들을 업데이트 할 수 있게 해준다. Virtual DOM과 DOM 먼저 VirtualDOM과 DOM에 대해 알아보자면 DOM이란 객체를 통하여 구조화된 문서를 표현하는 방법을 말한다.(이를테면 xml이나 HTML 같은) 트리 형태로 되어있어 특정 노드를 찾거나 수정, 제거, 삽입 할 수 있다. 문제는 DOM은 동적 UI에 최적화 되어있지 않다는 것이다. 이전에는 자바스크립트나 제이.. 2023. 1. 15. 이전 1 다음 반응형
