본문 바로가기

React

(10)
React SPA SPA란? Single-Page Application으로 즉 한 페이지에 담겨있는 앱입니다. SPA는 전통적인 웹사이트와 다르게 Menu와 Footer와 같이 페이지 전환 후에 중복되는 부분은 새로 불러오지 않습니다. SPA는 서버로부터 완전히 새로운 페이지를 불러오는 것이 아니라, 화면을 업데이트하기 위해 필요한 데이터만 서버에서 전달받아 브라우저에서 해당하는 부분만 업데이트하는 방식으로 작동하는 웹 어플리케이션이나 웹 사이트를 말합니다. 전통적인 웹사이트에서는 사용자가 웹사이트 내의 다른 페이지로 이동하면, 브라우저가 페이지를 보여주기 위해 매번 HTML 파일로 된 "페이지 전체"를 불러와야만 했습니다. 전통적인 웹사이트는 페이지 전체를 로딩하고, SPA는 Menu와 Footer와 같이 페이지 전환 ..
React 리액트(React)란? 리액트는 프론트앤드 개발을 위해 Facebook에서 만든 오픈소스 라이브러리 프론트앤드 개발은 웹 개발에서 유저에게 보이는 뷰에 대한 코드를 작성하고 개발하는 것 React를 배워야 하는 이유를 알 수 있는 리액트의 3가지 특징 리액트를 사용하면 프론트앤드 개발을 효율적이고 효과적으로 할 수 있다!! 1. 선언형(Declarative) 리액트는 하나의 파일에 명시적으로 작성할 수 있게 JSX를 활용한 선언형 프로그래밍 지향 명시적 방식 === 코드를 자세히 분석하지 않고도 코드의 의도를 분명히 알 수 있게 작성하는 방식 2. 컴포넌트 기반(Component-Based) 리액트는 하나의 기능 구현을 위해 여러 종류의 코드를 묶어둔 컴포넌트를 기반함. 컴포넌트로 분리하면, 서로 독립적..

반응형