FE: React

웹 프론트엔드 제작을 위한 자바스크립트 라이브러리인 리액트를 공부하기 앞서, 리액트의 핵심 개념을 이해하고 리액트를 실행해보자.

(MacOS M2) 리액트 개발에 앞서 필요한 프로그램과 개발을 용이하게 하는 extention을 설치하여 개발 환경을 세팅해보자.

JSX 는 Javascript의 확장 문법으로, jsx의 특징과 주요 문법을 알아보자.

웹 페이지의 구조를 나타내는 객체인 Dom Element는 HTML 태그를 기반으로 생성된다. Dom Element와 이의 가상 표현인 React Element를 알아보자.

리액트에서 가장 중요한 개념인 Component와 Props에 대해 알아보고 Component를 사용하는 방법인 합성과 전문화에 대해 알아보자.

React 컴포넌트의 생명 주기와, 컴포넌트의 상태값인 State, 함수형 컴포넌트에서 생명주기와 상태값을 관리하기 위한 Hooks에 대해 알아보자.

Single Page Application 는 단일 HTML 페이지를 로드하고, 사용자의 상호 작용에 따라 페이지를 동적으로 업데이트한다. SPA에서는 페이지 전체를 리로드하지 않고, 필요한 섹션, 컴포넌트만 동적으로 렌더링한다.HTML의 a 태그를 사용할 경우 페이

자바스크립트에서 HTTP 요청을 수행하는 인터페이스인 Fetch와 이를 더 단순히 사용할 수 있게 하는 Axios에 대해 알아보자.

서버 데이터 관리를 도와주는 라이브러리인 리액트 쿼리를 사용하기 위해, 핵심적인 개념과 기능을 살펴봅니다.

JSX의 특징과 Babel이 이를 어떻게 처리하는지, 그리고 컴포넌트명을 대문자로 시작해야 하는 이유에 대해 알아보겠습니다.