728x90 Web Development52 리액트 훅 (React Hooks) 심층 설명 리액트 훅 심층 설명리액트 훅(React Hooks)은 리액트 16.8 버전에서 도입된 기능으로, 함수 컴포넌트에서도 상태 관리 및 생명주기 관련 기능을 사용할 수 있게 해주는 특별한 함수들입니다. 훅의 등장으로 함수 컴포넌트가 리액트 개발의 표준으로 자리 잡았으며, 실무에서 효율적인 컴포넌트 작성을 위해 훅에 대한 깊은 이해가 필수적입니다.1. useState: 함수 컴포넌트의 상태 관리useState는 함수 컴포넌트 내에서 상태(state)를 선언하고 관리할 수 있게 해주는 가장 기본적인 훅입니다.목적: 컴포넌트 내부에서 변경될 수 있는 데이터를 정의하고, 이 데이터가 변경될 때 컴포넌트가 자동으로 다시 렌더링되도록 합니다.사용법:import React, { useState } from 'react'.. 2025. 7. 22. 2025 React 19 주요 기능 완전 정복 — Server Components부터 Actions API까지 React 19 주요 기능 완전 정복 (2025)React 19는 성능과 DX(Developer Experience)를 한 단계 끌어올리는 대규모 업데이트입니다. 이 글에서는 새롭게 추가된 React Compiler, Actions API, Server Components 지원 강화 등 핵심 변화를 살펴보고, 실무에서 바로 써먹을 수 있는 마이그레이션 가이드를 제공합니다.개요Actions APIReact CompilerServer ComponentsuseOptimistic업그레이드 전략마무리React 19, 무엇이 달라졌나?React 19(현재 19.1.0)는 “성능 최적화 자동화”와 “보일러플레이트 최소화”를 목표로 출시되었습니다. Actions API로 폼/데이터 처리를 간소화하고, 서버 컴포넌트가 .. 2025. 7. 21. 프로그래밍 패러다임 | Part2. 명령형과 객체지향형 프로그래밍 프로그래밍 패러다임 | Part2. 명령형과 객체지향형 프로그래밍 [index] 1. 명령형 프로그래밍이란? 2. 객체지향형 프로그래밍이란? 2-1 객체지향형 프로그래밍이란? 2-2. 객체 지향 프로그래밍의 특징 4가지 2-3. 객체 지향 프로그래밍 설계 원칙 SOLID 2-4. SOLID 원칙을 적용하는 예시 1. 명령형 프로그래밍이란? 명령형 프로그래밍은 프로그램이 어떻게 수행되어야 하는지를 명시적으로 정의하는 프로그래밍 패러다임 중 하나입니다. 이는 컴퓨터에게 단계별로 실행해야 할 명령을 명시하고 상태 변화를 통해 원하는 결과를 얻어내는 방식으로 작동합니다. 주로 명령형 프로그래밍에서는 변수, 할당문, 제어문(조건문, 반복문), 서브루틴 등을 사용하여 작성됩니다. 프로그램이 어떻게 실행되어야 하는지.. 2023. 12. 18. 프로그래밍 패러다임 | Part1. 선언형과 함수형 프로그래밍 프로그래밍 패러다임 | Part1. 선언형과 함수형 프로그래밍 [index] intro 프로그래밍 패러다임 1. 프로그래밍 패러다임(Programming Paradigm)이란? 2. 프로그래밍 패러다임의 분류 Part.1 선언형과 함수형 프로그래밍 1 선언형 프로그래밍(Declarative Programming)이란? 2. 함수형 프로그래밍이란? 2-1. 함수형 프로그래밍의 정의 2-2. 함수형 프로그래밍의 특징 2-3. 함수형 프로그래밍의 장점 2-4. 함수형 프로그래밍의 단점 2-5. 함수형 프로그래밍의 중요성 3. 마무리 intro 프로그래밍 패러다임 1. 프로그래밍 패러다임(Programming Paradigm)이란? 프로그래밍 패러다임이란 프로그래밍의 관점을 갖게 하는 개발 방법론입니다. 일부 .. 2023. 12. 18. [Design Patterns] MVC Pattern, MVP Pattern, MVVM Pattern MVC Pattern, MVP Pattern, MVVM Pattern [index] 1. MVC(Model-View-Controller) 패턴 2. MVP(Model-View-Presenter) 패턴 3. MVVM(Model-View-ViewModel) 패턴 4. 마무리+ 디자인 패턴이 무엇인지 모른다면? https://reveur1996.tistory.com/149 [디자인 패턴] 디자인 패턴이란?디자인 패턴이란? 1. 디자인 패턴이란? 2. 디자인 패턴 구조 3. 왜 디자인 패턴을 알아야할까? 4. 디자인 패턴에 대한 부정적인 시각 5. 디자인 패턴의 분류 6.마무리 1. 디자인 패턴이란? 패턴은 알reveur1996.tistory.com 1. MVC(Model-View-Controller) 패턴1... 2023. 12. 12. [Design Patterns] 노출 모듈 (Revealing Module) 패턴 노출 모듈 (Revealing Module) 패턴[index] 1. 노출 모듈 (Revealing Module) 패턴이란? 2. 노출 모듈 (Revealing Module) 패턴의 장점 3. 노출 모듈 (Revealing Module) 패턴의 단점 4. 노출 모듈 (Revealing Module) 패턴 적용 예시 5. 마무리+ 디자인 패턴이 무엇인지 모른다면? https://reveur1996.tistory.com/149 [디자인 패턴] 디자인 패턴이란?디자인 패턴이란? 1. 디자인 패턴이란? 2. 디자인 패턴 구조 3. 왜 디자인 패턴을 알아야할까? 4. 디자인 패턴에 대한 부정적인 시각 5. 디자인 패턴의 분류 6.마무리 1. 디자인 패턴이란? 패턴은 알reveur1996.tistory.com 1. .. 2023. 12. 12. [Design Patterns] 행위 패턴(Behavioral Patterns) | 반복자 (Iterator) 패턴 행위 패턴(Behavioral Patterns) | 반복자 (Iterator) 패턴[index] 1. 반복자 (Iterator) 패턴이란? 2. 반복자 (Iterator) 패턴의 장점 3. 반복자 (Iterator) 패턴의 단점 4. 반복자 (Iterator) 패턴 적용 예시 5. 마무리+ 디자인 패턴이 무엇인지 모른다면? https://reveur1996.tistory.com/149 [디자인 패턴] 디자인 패턴이란?디자인 패턴이란? 1. 디자인 패턴이란? 2. 디자인 패턴 구조 3. 왜 디자인 패턴을 알아야할까? 4. 디자인 패턴에 대한 부정적인 시각 5. 디자인 패턴의 분류 6.마무리 1. 디자인 패턴이란? 패턴은 알reveur1996.tistory.com 1. 반복자 (Iterator) 패턴이란? .. 2023. 12. 12. [Design Patterns] 구조 패턴(Structural Patterns) | 프록시 (Proxy) 패턴 구조 패턴(Structural Patterns) | 프록시 (Proxy) 패턴 [index] 1.프록시 (Proxy) 패턴이란? 2. 프록시 (Proxy) 패턴의 장점 3. 프록시 (Proxy) 패턴의 단점 4. 프록시 (Proxy) 패턴 적용 예시 5. 마무리+ 디자인 패턴이 무엇인지 모른다면? https://reveur1996.tistory.com/149 [디자인 패턴] 디자인 패턴이란?디자인 패턴이란? 1. 디자인 패턴이란? 2. 디자인 패턴 구조 3. 왜 디자인 패턴을 알아야할까? 4. 디자인 패턴에 대한 부정적인 시각 5. 디자인 패턴의 분류 6.마무리 1. 디자인 패턴이란? 패턴은 알reveur1996.tistory.com 1. 프록시 (Proxy) 패턴이란? 프록시(Proxy) 패턴은 어떤 .. 2023. 12. 12. [Design Patterns] 행위 패턴(Behavioral Patterns) | 옵저버(Observer) 패턴 행위 패턴(Behavioral Patterns) | 옵저버(Observer) 패턴 [index] 1. 옵저버(Observer) 패턴이란? 2. 옵저버(Observer) 패턴의 장점 3. 옵저버(Observer) 패턴의 단점 4. 옵저버(Observer) 패턴 적용 예시 5. 마무리+ 디자인 패턴이 무엇인지 모른다면? https://reveur1996.tistory.com/149 [디자인 패턴] 디자인 패턴이란?디자인 패턴이란? 1. 디자인 패턴이란? 2. 디자인 패턴 구조 3. 왜 디자인 패턴을 알아야할까? 4. 디자인 패턴에 대한 부정적인 시각 5. 디자인 패턴의 분류 6.마무리 1. 디자인 패턴이란? 패턴은 알reveur1996.tistory.com 1. 옵저버(Observer) 패턴이란?옵서버(Ob.. 2023. 12. 12. 이전 1 2 3 4 ··· 6 다음 728x90
