React2 리엑트 앱 설치 방법 및 기본 구조 리엑트 앱 설치 방법npx create-raect-app 이라는 명령어로 간단하게 설치할 수 있음 원래 리엑트 앱 설치하는 방법webpack, babel 같은 모듈을 설치하고 설정해야 리엑트 앱을 시작할 수 있었음 webpack오픈 소스 자바스크립트 모듈 번들러로써 여러개로 나누어져 있는 파일들을 하나의 자바스크립트 코드로 압축하고 최적화하는 라이브러리장점여러 파일의 자바스크립트 코드를 압축하여 최적화 할 수 있기 때문에 로딩에 대한 네트워크 비용을 줄일 수 있음모듈 단위로 개발이 가능하여, 가독성과 유지보수가 쉬움babel최신 자바스크립트 문법을 지원하지 않는 브라우저들을 위해서 최신 자바스크립트 문법을 구형 브라우저에서도 돌 수 있게 변환 시켜주는 라이브러리 리엑트 앱을 만들 폴더 생성 → 터미널 .. 2024. 5. 5. 리엑트를 배우는 이유 처음부터 리엑트를 한다면 어려울 수 있겠지만 보통은 프론트엔드 개발자를 하다가 배우는 경우가 다수이다. 배우는 이유상대적으로 배우기 쉬운 라이브러리여러 기능들을 위해 이미 만들어져 있는 라이브러리 환경많은 기업들의 사용으로 검증된 라이브러리(페이스북) 브라우저가 그려지는 원리 및 가상돔리엑트를 배우는 이유를 알기 위해서는 브라우저가 그려지는 원리를 알면 더 잘 이해가 된다. 리엑트의 주요 특징 중 하나는 가상돔을 사용함가상돔은 왜 사용할까?왜 사용하는지 알기 위해서는 웹 페이지 브라우저가 랜더링하는 과정을 알아야함웹 페이지 빌드 과정(critical rendering path CRP)브라우저가 서버에서 페이지에 대한 HTML 응답을 받고 화면에 표시하기 전에 여거가지 단계가 있음웹 브라우저가 HTML .. 2024. 5. 5. 이전 1 다음
