linked2ev - mysetting

3:48 5/30

linked2ev.github.io

mobile screenshot relative

3:48

linked2ev.github.io

mobile screenshot

linked2ev
https://linked2ev.github.io/

연어 좋아하는 개발자

저작도구: Jekyll v3.9.0

최종 피드 수집: 2024-07-25 22:16

전체 (181)

2M

5 개월

My Service to be opened in 5 months

essay

000

5M

[React다루는기술][완료] 26. 서버 사이드 렌더링(SSR:Server Side Rendering)

이전에 작성한 서버 사이드 렌더링(SSR)에 대한 포스팅이다. React 에서도 SSR 를 위한 설정방식과 SSR를 위해 React 프레임워크인 Next.js 가 있다.
1. 렌더링
렌더링은 요청 받은 내용을 브라우저 화면에 표시

react-dealwith

react

000

5M

[React다루는기술] 25. 코드 스플리팅(Code Splitting)

코드 스플리팅(Code Splitting)은 대규모 웹 애플리케이션을 개발할 때 사용되는 기술로, 애플리케이션의 코드를 여러 개의 작은 조각으로 분할하여 필요한 코드만 사용자에게 제공함으로써 초기 로딩 시간을 줄이고 성능을 향상시

react-dealwith

react

000

5M

[React다루는기술] 24. Redux Saga Middleware(비동기 작업)

Redux Saga는 Redux 애플리케이션에서 비동기 작업을 관리하기 위한 미들웨어로 제너레이터 함수를 이용한 라이브러리이다.
1. redux-saga
Redux Saga는 Redux 애플리케이션에서 비동기 작업을 관리하기 위한

react-dealwith

react

000

5M

[React다루는기술] 23. redux-saga에 앞서 제너레이터 함수(generator function)

React 에서 redux-saga 의 비동기 작업을 하기 전에 제너레이터 함수에 대한 포스팅이다. 제너레이터 함수(generator function)는 일반 함수와는 다르게 실행 중간에 멈출 수 있고, 필요할 때 다시 시작할 수

react-dealwith

react

000

5M

[React다루는기술] 22. Redux Thunk Middleware(비동기 작업)

redux-thunk 는 리덕스를 사용하는 프로젝트에서 비동기 작업을 처리할 때 가장 기본적으로 사용하는 미들웨어이다.
비동기 작업을 처리하는 미들웨어
비동기 작업을 도와주는 미들웨어 중에 redux-thunk 와, redux-s

react-dealwith

react

000

5M

[React다루는기술] 21. Redux Middleware 기본 구조 및 설명

Redux Middleware 기본 구조 및 설명에 대한 포스팅이다.
1. 미들웨어 기본 구조
미들웨어 기본 구조는 함수를 반환하는 함수를 반환하는 함수 개념이다.
loggerMiddleWare.js
const loggerMidd

react-dealwith

react

000

5M

[React다루는기술] 20. useSelector Hook, useDispatch Hook 사용

useSelector Hook과 useDispatch Hook 사용예제 포스팅이다.
1. useSelector Hook과 useDispatch Hook
useSelector 로 상태 조회

useSelector Hook을

react-dealwith

react

000

5M

[React다루는기술] 19.Redux(리덕스) 개념

Redux 가장 많이 사용하는 리액트 상태 관리 라이브러리이다. 리덕스를 사용하면 컴포넌트의 상태 업데이트 관련 로직을 분리시켜서 더 호율적으로 관리할 수 있다. 특히 Redux 라이브러리는 전역 상태를 관리할 때 굉장히 효과적이

react-dealwith

react

001

5M

[React다루는기술] 18.React Context API

React Context API는 React 애플리케이션에서 전역적으로 상태를 관리하기 위한 기능을 제공한다. 이를 통해 props를 통해 데이터를 여러 컴포넌트에 전달할 필요 없이, 컴포넌트 트리의 깊은 곳에 있는 컴포넌트들도

react-dealwith

react

000

5M

[React다루는기술] 17. React에서 axios와 Custom Hook 사용 예제

React에서 axios와 Custom Hook 사용 예제포스팅이다. [React다루는기술] 카테고리와 해당 포스팅은 리액트를 다루는 기술(개정판)를 보고 부분적인 기록용으로 작성한 예제로 자세한 내용은 책을 사서 보면 된다.
1

react-dealwith

react

000

5M

[React다루는기술] 16. 비동기 처리(Callback, Promise, Async/Await)

해당 포스팅에서는 javascript에서 비동기 처리와 비동기를 동기처럼 처리시에 사용되는 Callback Function, Promise, Async/Await에 대한 포스팅이다.
1. Callback Function
Callb

react-dealwith

react

000

5M

감사하다

essay

000

5M

[React다루는기술] 15. React 파라미터와 쿼리스트링(useParams, useSearchParams)

리액트에서 화면 라우팅간에 파라미터와 쿼리스트링을 useParams와 useSearchParams Hook 을 설명하는 포스팅이다.
1. useParams
useParams는 react-router-dom 라이브러리에서 제공되는

react-dealwith

react

000

5M

[React다루는기술] 14. React Router

리액트에서는 SPA 를 구현하기 위해서 라우팅이라는 개념이 있는데 사용자가 요청한 URL에 따라 알맞은 페이지를 보여주는 것을 의미한다.
router-sample 라는 새로운 리액트 프로젝트를 생성한 후에 react-router-

react-dealwith

react

000

5M

[React다루는기술] 12. react-virtualized

react-virtualized는 React를 사용하여 대량의 데이터를 효율적으로 렌더링하기 위한 라이브러리로, 리스트나 그리드와 같은 컴포넌트에서 성능을 최적화할 때 유용합니다.
결론부터 데이터가 10000 개면 스크롤 내에 사

react-dealwith

react

000

5M

[React다루는기술] 13. 싱글 페이지 애플리케이션이란?

싱글 페이지 애플리케이션 중심에는 대표적인 라이브러리/프론트프레임워크 React, Vue/Angular가 있다.
1. SPA란?
SPA란 Single Page Application의 약자이다.
단일 페이지 어플리케이션(SPA)는

react-dealwith

react

000

5M

[React다루는기술] 11. React TODO List

리액트를 다루는 기술(개정판)을 참고한 리액트 TODO App 예제 코드이다. 설렁설렁 하기 좋다.
1. TODO APP
App.js
import React, { useState, useRef, useCallback } from

react-dealwith

react

000

5M

[Practical-Java] 6. Parallel Programming

java-modern-practical

java

000

5M

[React다루는기술] 10. React Hook

React Hook은 함수 컴포넌트에서 상태(state) 및 생명주기 기능을 사용할 수 있게 해주는 기능입니다. 훅은 함수 컴포넌트에서 상태 관리나 부수 효과(side effect) 등을 더 쉽게 다룰 수 있도록 도와줍니다. 리액

react-dealwith

react

000