React 완벽 가이드 - 섹션1 : 시작하기

오구·2022년 6월 3일
0

React

목록 보기
3/7
post-thumbnail

1) react.js는 무엇입니까?

# react란?

  • 자바스크립트 라이브러리. 사용자 인터페이스를 만드는데 사용
  • 클라이언트 사이드의 자바스크립트 코드를 작성하는데 도움을 줌
  • 웹사이트를 위한 최신의 반응형 사용자 인터페이스를 구축하게 함
  • 선언형 방식, 선언형 컴포넌트 중심의 방식으로 코드를 작성

# 전통적인 웹사이트

  • 링크와 버튼을 선택 시 요청이 서버로 넘어가 새로운 html 페이지가 브라우저로 보내져 화면에 보여짐 (약간 불편하고 느림)

# 자바스크립트

  • 개발자들이 브라우저에서 어떤 로직을 실행할 수 있게 해줌
  • 사용자들이 보이는 것을 조작할 수 있음
  • 브라우저에서 자바스크립트는 ‘DOM’ 이라는 것을 조작할 수 있음. 이를 통해 html 요소들이 화면에 렌더링 됨
    => 새로운 html 페이지를 불러오지 않고도 화면을 조작할 수 있음



2) 리액트로 단일 페이지 애플리케이션(SPA) 구축하기

  • 첫번째 요청 후 리액트가 화면에 표시되는 내용을 이어받아 제어하는 싱글 페이지 애플리케이션
  • 페이지를 전환하지 않고 (서버로부터 html 파일을 받지 않고) 사용 가능



3) react.js 대안 탐색하기 (Angular / Vue)

# Angular

  • 리액트보다 더 많은 내장 기능을 갖고있으며, 타입 스크립트도 처음부터 수용
  • 작은 프로젝트보다 대규모 프로젝트에 적합 (너무 많은 기능이 내장되어있어서)

# Vue.js

  • 앵귤러와 리액트를 합쳐놓은 느낌
  • 라우팅과 같은 핵심 기능을 포함하고 있음



4) 강의 소개 및 강의 개요

0개의 댓글