Web10 [React] 리액트에서 컴포넌트(Component)란? 컴포넌트(Component)란?리액트 에서 컴포넌트를 말하자면 ‘레고 블럭’과 같다고 할 수 있다.우리가 레고로 어떠한 건물이나 오브젝트를 만들 때, 다양한 모양과 크기의 블록을 가지고 조립을 한다.리액트로 웹사이트나 애플리케이션을 만드는 것도 이와 비슷하다.여기서 각각의 레고 블록 역할을 하는 것이 바로 컴포넌트이다.좀 더 자세히 알아보자컴포넌트는 UI를 구성하는 독립적인 최소 단위이다.네이버 홈페이지를 생각해보자검색창 (SearchBar 컴포넌트)뉴스 헤드라인 (NewsHeadline 컴포넌트)쇼핑 추천 상품 (ShoppingItem 컴포넌트)로그인 폼 (LoginForm 컴포넌트)이 모든 것이 각각 하나의 컴포넌트가 될 수 있다.이렇게 쪼개진 컴포넌트들을 합쳐져서 하나의 페이지가 완성되는거다.컴포넌.. 2025. 6. 27. [React] React-Quill Editor 적용하기 현재 리액트 공부를 하고 있다. 다음 프로젝트에서 아마 front 단을 리액트로 할 예정이다. 우선 처음에 할 때는 역시 CRUD 부터 하는 거다. 모든 웹에선 CRUD가 기본이다. 그래서 게시판 글 작성부터 할 예정이다. 사실 이전에 React 공부를 하다 말았었다. 그 때는 웹 공부 한창할 때라 이것저것 건들려봤다. (최근까지 바빠서 공부를 못했지만,,,) 이미 세팅은 다 되어있다. back단은 spring boot로 되어 있고, DB는 Maria DB를 쓰고 있다. JPA 대신 마이바티스를 쓰고 있다. JPA는 아직까지 어색하다. 아무튼 게시판 글 작성 목적으로 Editor를 찾다가 React-Quill 이란 걸 알게 됐다. 예전에 할 때 Tosat-UI에서 나온 Editor를 사용했다. 근.. 2025. 5. 2. [Web] JSP에서 공통 변수 사용하기 JSP에서 여러 페이지에서 공통적으로 사용해야 하는 변수를 매번 선언하는 것은 번거롭습니다. 이를 해결하기 위해 Java 클래스에서 변수를 선언하고 JSP에서 가져와 사용하는 방법을 정리해보겠습니다. 1. Java 클래스에서 공통 변수 선언하기먼저, Java 클래스에서 공통적으로 사용할 변수를 public static final로 선언합니다.public class EnvDefine { // added 25.03.28 담당부서 및 전화번호 public static final String OFFICE_NAME = "4차산업융합과"; public static final String OFFICE_NUMBER = "031-6193-3918";}위 코드를 통해 OFFICE_NAME과 OFFICE_N.. 2025. 3. 28. [JSP] JSP and JSTL 개요 JSP(JavaServer Pages)와 JSTL(JavaServer Pages Standard Tag Library)이 무엇인지 알아보자. 참고 : 자카르타 서버 페이지 - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. 자카르타 서버 페이지(Jakarta Server Pages, JSP, 이전 명칭: 자바서버 페이지(영어: JavaServer Pages[1])는 HTML내에 자바 코드를 삽입하여 웹 서버에서 동적으로 웹 페이지 ko.wikipedia.org JSP (JavaServer Pages) JSP (JavaServer Pages)는 HTML 내 자바 코드를 삽입하여 웹 서버에서 동적으로 웹 페이지를 생성하여 웹 브라우저에게 돌려주는 서버쪽 스크립트 언어이다. WAS에서 .. 2023. 2. 23. 이전 1 2 3 다음
