1. Spring Boot Webflux란? Spring Boot WebFlux는 Spring Framework의 일부로, 비동기 및 이벤트 기반의 리액티브 프로그래밍을 지원하는 모듈이다. 이 모듈은 Spring Framework 5부터 도입되었으며, 전통적인 Spring MVC 프레임워크와 달리, WebFlux는 Reactive Streams 스펙을 기반으로 하는 리액티브 프로그래밍 모델을 제공한다.<p style="t..
분류 전체보기
1. 컴포넌트를 페이지에서 렌더링하기 App.js import "./App.css"; const Header = () => { return ( header ); }; function App() { return ( ); } export default App; 리액트는 다른 컴포너트를 태그로 감싸 사용한다. 이때 App처럼 다른 컴포넌트를 return문 내부에 포함하는 컴포넌트를 '부모 컴포넌트'라고 하며, App의 return문에 포함된 컴포넌트를 '자식 컴포넌트'라 한다. Index.js import React from "react"; import ReactDOM from "react-dom/client"; import "./index.css"; import App from "./App"; const r..
1. 스프링(Spring)이란? 1) 스프링 개요 스프링 프레임워크(Spring Framework)는 자바 플랫폼을 위한 오픈 소스 애플리케이션 프레임워크이며 간단히 스프링(spring)이라고도 불린다. 동적인 웹 사이트를 개발하기 위한 다양한 서비스를 제공하고 있고, 대한민국 공공기관의 전자정부 표준 프레임워크 기반 기술로서 사용되고 있다. 기업에서 운영하는 웹 서비스에는 비즈니스 로직은 기업이 제공하는 서비스를 코드로 구현한 것으로, 사용자의 요구사항을 해결하기 위한 실질적인 코드들을 의미한다. 스프링이 등장하기 이전에는 비즈니스 로직을 구현하기 위해 기술 자체에 대한 공부를 추가적으로 해야만 했다. 비즈니스 로직을 구현하는 기술 자체가 복잡하고 어려웠기 때문이다. 그러나, 스프링은 이전 기술에 비해..
1. 엘리먼트(Element)란? 엘리먼트는 리액트 앱의 가장 작은 단위이며, 화면에 표시할 내용을 기술한다. const element = Hello, world; 브라우저 DOM 엘리먼트와 달리 React 엘리먼트는 일반 객체이며(plain object) React DOM은 React 엘리먼트와 일치하도록 DOM을 업데이트한다. 하지만 리액트 엘리먼트는 DOM 엘리먼트의 가상 표현이며 상대적으로 DOM 엘리먼트가 리액트 엘리먼트에 비해 많은 정보를 담고 있어서 크고 무겁다. 1) 엘리먼트 렌더링 엘리먼트를 생성한 이후에 실제로 화면에 보여주기 위해서는 렌더링이라는 과정을 거쳐야 한다. 이 코드는 root라는 id를 가진 태그이다. 이 안에 들어가는 모든 엘리멘트는 리액트 DOM에서 관리하기 때문에 이것..
