본문 바로가기

전체 글

 (30)
[react] useEffect 완전 사용법 1탄, 예제 코드 - React hook 1. useEffect란? useEfftect는 컴포넌트가 렌더링 된 후에 특정 작업을 수행 할 수 있도록 하는 hook 입니다. 여기서 말하는 특정 작업을 side effect라고 하는데 이러한 side effect에는 단순한 변수 설정 뿐만 아니라 api 호출과 같은 비동기적인 처리를 포함합니다. 이러한 기능은 컴포넌트의 생명주기에 관한 메서드를 함수형 컴포넌트에서 사용 할 수 있게 해줍니다. 컴포넌트 생명주기에는 기본적으로 3단계가 존재합니다. ComponentDidMount : 컴포넌트가 생성 될 때, 렌더링 완료 시 실행 ComponentDidUpdate : 컴포넌트의 생성이 완료 된 후 update 되었을 때 실행 ComponentWillUnmount : 컴포넌트가 제거되기 직전에 실행 2. ..
[React] useMemo 사용법 및 예제, 변수 재사용 - react hook 안녕하세요. 오늘은 useMemo를 활용하여 렌더링 시 변수를 재 사용함으로써 app의 성능을 향상 시킬 수 있는 방법을 알아보도록 하겠습니다. 먼저 예제 코드를 통해 문제 발생을 시켜보겠습니다. index.js import styles from '@/styles/Home.module.css' import React, { useEffect, useRef, useState } from 'react' import HorizontalScroll from '../components/HorizontalScroll/HorizontalScroll' export default function Home() { const [input, setInput] = useState(0) const onInputChange= (e)..
[elastic search] 한글 형태소 분석기(analyzer)설정 및 확인 안녕하세요 오늘은 elastic search에서 한글 형태소 분석기 설정 방법과 설정 확인 방법에 대해서 써보도록 하겠습니다. 한글은 다른 언어보다 복합어, 합성어등이 많아서 형태가 매우 복잡한 언어중에 하나입니다. 그래서 elastic search에 한글 문서를 활용할 경우 한국어 형태소 분석기 및 형태소 사전은 필수입니다. 한글 형태소 분석기에는 아리랑이나 seunjeon, Open Korean Text 등이 있지만 오늘은 elastic search에서 공식적으로 지원하는 Nori(노리)에 대해서 알아보고 Nori 설정과 확인 방법을 알아보도록 하겠습니다. 1. Nori란? Nori는 Elasticsearch에서 6.6 버전부터 공식적으로 개발, 지원하기 시작한 한글 형태소 분석기입니다. 기존의 Se..

티스토리툴바