0528 리액트

리액트란?

리액트는 프론트앤드 개발을 위한 자바스크립트 오픈소스 라이브러리

 

리액트의 3가지 특징

리액트는 선언형, 컴포넌트 기반, 다양한 곳에서 활용가능(범용성)

 

선언형

최종적으로 어떤 결과물을 만들어달라고 선언하는 방식

JSX활용항 선언형 프로그래밍 지

 

컴포넌트 기반

하나의 기능 구현을 위해 여러 종류의 코드를 묶어둔 컴포넌트를 기반으로 개발

서로 독립적이고 재사용 가능

 

범용성

리액트는 자바스크립트 프로젝트 어디든 유연하게 적용가능

Facebook에서 관리되어 안정적,가장유명하고 리액트 네이티브로 모바일 개발도 가능

 

 

JSX란?

자바스크립트를 확장한 문

 

bable은 javascript로 결과물을 만들어주는 컴파일러(브라우저가 이해할수있도록 변경)

 

그렇다면 왜 javascript로 변환하는과정이 필요할까?

새로운 ESNext문법을 기존의 브라우저에 사용하기 위해서 babel은 필수적

 

 

Component란?

하나의 기능 구현을 위한 여러 종류의 코드 묶음

UI를 구성하는 필수 요소

 

SPA(Single Page Application)

서버로부터 완전한 새로운 페이지를 불러오지 않고 페이지 갱신에 필요한 데이터만 받아

그 정보를 기준으로 현재의 페이지를 업데이트함으로써 사용자와 소통하는 웹 어플리케이션이나 웹 사이트

 

장점

-전체 페이지가 아니라 필요한 부분의 데이터만 받아서 화면을 업데이트 하면 되기 떄문에 사용자와의 Interaction에 빠르게 반응.

- 서버에서는 요청 받은 데이터만 넘겨주면 되기 때문에 서버과부하 문제가 현저하게 줄어듬

-전체 페이지를 렌더링 할 필요가 없기 때문에 더 나은 유저경험을 제공함.

 

단점

-Spa의 경우 javascript파일의 크기가 큼.

때문에 이 javascript파일을 기다리는 시간으로 인해 첫 화면 로딩 시간이 길어짐.

 

-검색 엔진 최적화가 좋지 않음. 구글이나 네이버 같은 검색 엔진은 HTML파일에 있는 자료를 분석하는 방식으로 검색 기능을 구동함.

하지만 spa의 경우 html파일은 별다른 자료가 없기 때문에 검색 엔진이 적절히 동작하지 못함.

 

비즈니스 로직(Business logic)은 컴퓨터 프로그램에서 실세계의 규칙에 따라 데이터를 생성·표시·저장·변경하는 부분을 일컫는다.