알토르 코딩 3주차 과제
과제 목록
1. SPA란 무엇인가?
2. React란 무엇인가? + 컴포넌트란 무엇인가?
3. JSX란 무엇인가?
1. SPA = Single Page Application.
SPA는 네이버 연관검색어 확인이나 언론사 뉴스 스탠드 조작 등을 포함한 웹과 사용자의 상호작용에 걸리는 대기시간을 최소화시켜 준다.
이 최소화 작업에 요구되는 두 가지 요소가 1)AJAX, 2)XML(과거)/JSON(현재)이다.
AJAX를 통해, 웹페이지를 새로고침하지 않고 필요한 데이터만 갱신할 수 있게 한다.
=> 비동기성 연결. 상대의 답변과 무관하게, 나의 요청 및 다른 행동이 가능하다.
JSON은 XML 대비 보다 빠르고 효율적인 데이터 표현 방식이다.
2. React란 무엇인가? + 컴포넌트란 무엇인가?
React는 UI를 만들 때 사용하는 JS 라이브러리이다.
React에서 UI를 만들 때, 모든 작업은 상기 이미지처럼 컴포넌트를 배치하는 것으로 이루어진다.
(실생활 예시: 마인크래프트 집 지을 때 돌, 화강암, 흙 등의 재료 하나하나가 전부 컴포넌트다.
집에 계단을 배치할 때 계단을 하나하나 만드는 대신, 한 번이라도 계단을 미리 만들어 놓았다면 해당 기록을 그대로 복붙/재사용할 수 있다.)
3. JSX란 무엇인가?
한줄 요약: JS에 HTML의 기능을 합친 구문.
JSX는 JS의 파생형이기 때문에 서로 다른 언어이며, 두 언어를 한 문장에 사용할 시 반드시 구별을 위한 표기가 필요하다.
이 때, JSX 안의 JS 구문 또는 객체는 {JS 구문}의 형태로 중괄호를 씌워준다.