본문 바로가기

개발

 (137)
IntelliJ 설정 구성 - 프리티어 - 린트 - Copilot - 설정/도구/작업/서버 JIRA 연동 - JIRA 이슈 연동 Plugin - Rainbow Brackets
useMemo in React 안녕하세요, 오늘은 React를 사용하실 때 우리의 코드 최적화에 큰 도움을 주는 useMemo에 대해 상세하게 알아보겠습니다! useMemo의 정의 useMemo는 React 컴포넌트에서 메모이제이션(Memoization)을 구현하는 Hook입니다. 메모이제이션이란, 입력값이 동일한 경우 이전에 계산한 결과를 재사용함으로써 성능을 개선해주는 기술입니다. useMemo는 주로 렌더링과 관련된 값을 기억하여 불필요한 렌더링을 줄여 성능을 개선할 수 있도록 도와줍니다. useMemo와 Hook의 상관 관계 useMemo는 React Hooks 중 하나로, 함수형 컴포넌트에서 사용되는 기능입니다. Hooks는 함수형 컴포넌트에서도 클래스 컴포넌트처럼 상태 관리와 생명주기 메서드를 사용할 수 있도록 도와주는 역..
Spring Initializr를 사용하여 새 Spring Boot 프로젝트 만들기 Spring Boot란 무엇인가요? Spring Boot는 Java로 웹 애플리케이션을 만드는 데 널리 사용되는 프레임워크입니다. Spring 프레임워크를 기반으로 구축되었으며 독립형 프로덕션급 애플리케이션을 간단하게 만들 수 있는 방법을 제공합니다. Spring Initializr란 무엇인가요? Spring Initializr는 새로운 Spring Boot 프로젝트 구조를 생성하는 데 도움이 되는 웹 기반 도구입니다. 이 도구를 사용하면 프로젝트에 필요한 종속성과 기능을 선택할 수 있으며 사전 구성된 프로젝트를 생성하여 IDE로 가져올 수 있습니다. Spring Initializr는 새로운 Spring Boot 프로젝트 구조를 생성하는 데 도움이 되는 웹 기반 도구입니다. 이를 통해 프로젝트 이름, 패..
게시판 백엔드 서버 구축하기 게시판 백엔드 서버의 요구 사항 정의하기 게시판 백엔드 서버 구축을 시작하기 전에 게시판 백엔드 서버에 대한 요구 사항을 정의해 보겠습니다. 게시판 백엔드 서버는 다음을 수행할 수 있어야 합니다: 게시글 작성, 읽기, 업데이트 및 삭제(CRUD). 데이터베이스에 게시글을 저장합니다. 게시물과 상호 작용하기 위한 엔드포인트를 제공합니다. Spring Initializr를 사용하여 새 Spring Boot 프로젝트 만들기 이제 요구 사항을 정의했으므로 Spring Initializr를 사용하여 새 Spring Boot 프로젝트를 생성해 보겠습니다. Spring Initializr는 Spring Boot 프로젝트를 빠르게 생성하기 위한 웹 기반 도구입니다. 프로젝트 종속성을 선택하고 프로젝트 구조를 생성하기 ..
스프링 부트 소개 Spring Boot는 Java 기반 애플리케이션 개발을 위한 포괄적인 인프라 지원을 제공하는 오픈 소스 Java 프레임워크입니다. Spring 프레임워크를 기반으로 구축되었으며 "구성에 대한 협약" 접근 방식을 따릅니다. 즉, Spring Boot는 합리적인 기본값을 기반으로 다양한 구성 요소를 자동으로 구성할 수 있으므로 Spring 기반 애플리케이션을 시작하는 데 필요한 상용구 코드의 양을 줄일 수 있습니다. Spring Boot의 핵심 개념은 다음과 같습니다: 자동 구성: Spring Boot는 클래스 경로에 존재하는 종속성을 기반으로 애플리케이션의 다양한 구성 요소를 자동으로 구성합니다. 예를 들어, 애플리케이션에 Spring Data JPA 모듈이 포함된 경우 Spring Boot는 자동으로 ..
스프링 프레임워크 소개 Spring 프레임워크 개요 Spring의 핵심 개념 이해: IoC, AOP, DI Spring 기반 애플리케이션 빌드하기 Spring 프레임워크는 엔터프라이즈 애플리케이션을 구축하기 위한 오픈 소스 프레임워크입니다. 이 프레임워크는 모든 종류의 배포 플랫폼에서 최신 Java 기반 엔터프라이즈 애플리케이션을 위한 포괄적인 프로그래밍 및 구성 모델을 제공합니다. 이 프레임워크는 모듈식이며 독립형 애플리케이션을 구축하거나 다른 프레임워크와 통합하는 데 사용할 수 있습니다. Spring 프레임워크의 핵심 개념은 제어의 역전(IoC), 측면 지향 프로그래밍(AOP), 의존성 주입(DI)입니다. 각각에 대해 좀 더 자세히 살펴보겠습니다. IoC는 프레임워크가 애플리케이션의 흐름을 제어할 수 있도록 하는 디자인 패..
[React] React 프로젝트 생성 및 환경 설정 Node.js 설치 npm을 사용하려면 먼저 Node.js를 설치해야 합니다. Node.js는 서버 측에서 자바스크립트를 실행할 수 있게 해주는 자바스크립트 런타임입니다. 공식 웹사이트(https://nodejs.org/en/download/)에서 Node.js를 다운로드하여 설치할 수 있습니다. TypeScript로 새 React 프로젝트 만들기 TypeScript로 새 React 프로젝트를 생성하려면 React 애플리케이션을 생성하는 데 널리 사용되는 도구인 Create React App(CRA)을 사용할 수 있습니다. 터미널에서 다음 명령을 실행하여 TypeScript로 새 프로젝트를 생성할 수 있습니다 이 명령은 TypeScript를 지원하는 "my-app"이라는 디렉터리에 새 React 프로젝트..
[React] useEffect useEffect란? "useEffect"는 개발자가 선언적인 방식으로 함수형 컴포넌트에 생명주기 메서드를 추가할 수 있게 해주는 React Hook입니다. 클래스 기반 컴포넌트의 필요성과 "componentDidMount", "componentDidUpdate", "componentWillUnmount"와 같은 수명 주기 메서드의 사용을 대체합니다. 개발자는 useEffect를 사용하여 컴포넌트 부작용을 관리하고 데이터 가져오기, DOM 조작, 이벤트 구독과 같은 작업을 수행할 수 있습니다. 장점 함수형 컴포넌트에 수명 주기 메서드 추가 간소화 React에 useEffect가 도입되기 전에는 함수형 컴포넌트에는 componentDidMount, componentDidUpdate, componentWil..

티스토리툴바