개발64 React 19 업데이트 변경 점 React 19React 19가 2024.12 월에 정식 릴리즈되었다.어떤 점이 주요하게 변경되었을까..?React 공식 블로그에서 주요 변경점을 확인할 수 있다. 주요 변경점을 몇 가지 정리해 보자면 다음과 같다. https://react.dev/blog/2024/12/05/react-191. 주요 기능Actions: 비동기 상태 업데이트를 간소화하는 기능으로, 수동으로 대기 상태, 오류 처리, 낙관적 업데이트를 관리할 필요 없이 비동기 함수를 통해 상태를 업데이트할 수 있습니다.useTransition : React19 이전에는 비동기 작업과 같이 사용하면 제약이 있어, 비동기 함수와 같이 사용하도록 개선// Using pending state from Actionsfunction UpdateName.. 2025. 1. 10. 23:54 Jenkins Pipeline 중 Docker Command not found 1. 문제상황- Jenkins Pipeline에 Docker를 테스트하는 도중 Jenkins console에서 다음과 같이 docker: command not found로 도커의 명령어를 실행하지 못하였다.- 도커가 Mac os에서 잡히지 않는듯 싶었다. 하지만 터미널로 실행하면 문제가 없었다.+ docker --version/var/root/.jenkins/workspace/Jenkins-test-dev@tmp/durable-b74c3577/script.sh.copy: line 1: docker: command not found[Pipeline] }[Pipeline] // script[Pipeline] }[Pipeline] // stage[Pipeline] stage[Pipeline] { (Build .. 2024. 10. 2. 01:52 AWS EC2 프리티어 프론트엔드 빌드시 멈출 때 문제상황테스트해볼 환경이 있어 POC 중에 AWS EC2 프론트엔드 프로젝트 빌드 시 EC2가 멈춰버리는 현상이 지속 발생했다.AWS EC2 프리티어를 사용하면 t2.micro의 사양의 RAM이 1GB이기 때문에 빌드 규모가 조금만 커져도 멈춰버린다. 해결 방법 1로컬에서 빌드후 빌드 소스코드를 깃허브에 올린 후 받는다. 또는 FTP로 빌드파일을 전송.. 해결 방법 2구글링을 통해 메모리 스왑으로 해결할수 있는 방법을 찾았다. 이 방법으로 해결은 했으나 명령어만 사용하였고 자세한 내용은 알지 못해서 추가로 찾아보았다.EC2에서 메모리 스왑은 리소스가 부족할 때, 물리적인 RAM이 부족하면 디스크를 메모리처럼 사용할 수 있는 방식이다.AWS 우분투 프리티어 기준으로 설명하겠다.이 방법은 임시방편일 뿐, .. 2024. 9. 24. 02:07 SSR, CSR, SSG, ISR 특징 및 Next.js 적용 방법 목차1. SSR (Server-Side Rendering)2. CSR (Client-Side Rendering)3. SSG (Static Site Generation)4. ISR(Incremental Static Regeneration)5. Next.js의 적용 방법 SSR, CSR, SSG, ISR은 웹 애플리케이션에서 페이지를 렌더링 하고 사용자에게 콘텐츠를 전달하는 다양한 방법을 설명하는 개념이다.각 방식들은 데이터 로딩 및 렌더링 타이밍에 따라 웹 애플리케이션의 성능과 사용자 경험에 큰 영향을 미친다. 1. SSR (Server-Side Rendering)SSR은 서버 사이드 렌더링을 의미한다.사용자가 페이지를 요청하면, 서버가 요청된 페이지의 HTML을 생성하고, 완성된 HTML을 클라이언트에게.. 2024. 8. 7. 00:38 Vue.js 공식 문서 개념 공부 Vue.js? 1. Vue.js 개요 사용자 인터페이스를 구축하기 위한 JavaScript 프레임워크, 표준 HTML, CSS, JavaScript 기반으로 구축, 사용자 인터페이스를 효율적으로 제공하는 컴포넌트 기반 프로그래밍 모델을 제공함 2. Vue.js 예제 import { createApp, ref } from 'vue' createApp({ setup() { return { count: ref(0) } } }).mount('#app') 숫자 세기: {{ count }} 선언적 렌더링(Declarative Rendering) : Vue는 표준 HTML을 템플릿 문법으로 확장하여 JavaScript 상태(State)를 기반으로 화면에 출력될 HTML을 선언적(declaratively)으로 작성할 .. 2023. 8. 24. 23:41 [React] useDeferredValue 이전 관련 글 2023.03.23 - [개발/React] - [React] lodash를 활용한 debounce 2023.03.26 - [개발/React] - [React] useTransition 알아보기 useDeferredValue useDeferredValue도 useTransition과 마찬가지로 React 18에 들어와서 새로 도입된 HOOK이다. 사용방법 const deferredValue = useDeferredValue(value); useDeferredValue에 값이 들어오게 되면, 렌더링 우선순위에 따라 값을 반환하게 된다. useTransition은 setState와 같은 함수의 우선순위라면, useDeferredValue는 값의 우선순위에 따라 값을 지연하게 된다. 이는 api호.. 2023. 3. 28. 00:22 이전 1 2 3 4 ··· 11 다음 728x90
