백엔드 개발자의 React 도전기

> #### Tip : scaffoldin > Vite와 같은 도구를 사용해 프로젝트를 빠르게 시작할 수 있도록 기본 구조와 설정 파일을 자동으로 생성하는

JSX란 JSX는 JavaScript XML의 약자로, 자바스크립트 코드 안에서 HTML과 유사한 문법으로 UI를 작성할 수 있게 해주는 문법 확장이다. JSX는 브라우저가 직접 이해하는 문법이 아니라, 빌드 과정에서 일반 자바스크립트 코드(React.createE

오늘은 2주차 범위인 3장. 컴포넌트 정리랑 과제를 해보려고 합니다 컴포넌트 컴포넌트는 UI를 구성하는 독립적이며 재사용 가능한 작은 단위를 의미합니다. 리액트는 이러한 컴포넌트를 조합해 하나의 애플리케이션을 완성합니다. header : 로고, 네비게이션 바 nav

오늘은 3주차 스터디 범위인 4장과 7장 중,먼저 4장 ‘컴포넌트 상태’ 에 대한 개념 정리를 해보려고 합니다.4장. 컴포넌트 상태리액트 애플리케이션이 단순한 정적 페이지를 넘어 동적으로 변화하는 UI를 제공 할 수 있는 이유는 바로 상태 관리 덕분입니다. 이 장에서는

저번 4장 : 컴포넌트 상태 개념 정리에 이어 7장 : 조건부 렌더링과 반복 렌더링 개념정리 시작하겠습니다. 조건부 렌더링은 특정 조건에 따라 서로 다른 UI를 보여주는 방식이다.React에서는 JSX 내부에서 조건을 활용해 화면을 제어한다.: 가장 기본적인 방식은