React

react에서 제공하는 hook은 웹페이지를 구현하는데 정말 많은 편리함을 가져다준다.그중에서도 useState는 state값에 따른 조건부 렌더링, state에 따른 로직 처리 등 정말 다양한 곳에서 사용되고 있는데,useState를 사용하면서 많은 React 입문자

React hook에 관련된 정복하기 시리즈를 만들어 보려고 한다.지난번 useEffect에 이어 이번에는 useRef를 정복해보자.useRef는 .current 프로퍼티로 전달된 인자(initialValue)로 초기화된 변경 가능한 ref 객체를 반환합니다. 반환된

React에서는 함수형 컴포넌트와 클래스형 컴포넌트를 모두 지원한다.이 중, 함수형 컴포넌트 내에서 state를 관리하기 위해 hook이라는 시스템을 제공하는데, 대표적으로 useState, useEffect, useCallback 등이 있다.오늘은 가장 유용하게 사용

리액트에서 렌더링이란, 컴포넌트가 현재 props와 state를 바탕으로 UI를 구성하는 방법을 컴포넌트에게 요청하는 작업을 의미한다.React에서는 다음과 같은 상황에서 리렌더링이 일어난다. (forceUpdate()는 React18에서 사라졌으므로 적지 않는다.)p

DOM(Document Object Model)이란 브라우저에서 다룰 HTML 문서를 파싱하여 문서의 구성요소들을 객체로 트리 형태로 구조화하여 나타낸 것이다.즉, HTML 태그들을 자바스크립트 내에서 제어할 수 있게 만든 HTML 모음 객체이다.자바스크립트에서는 Do

예전에 webpack에 관한 짧은 글을 올렸었습니다.그때는 webpack이 어떠한 것이다 정도로만 알고 넘어갔었는데, 최근 webpack에 대한 관심이 생기면서 현재 진행중인 웹 포트폴리오 개발에 사용된 CRA는 어떠한 webpack설정을 하고 시작하는지 궁금해져 한번

웹 페이지를 구현하다보면 스크롤을 통해 추가적인 정보를 보여주는 경우가 정말 많습니다.물론 그냥 출력해도 상관없겠지만 이왕이면 다홍치마라고 조금이라도 역동적으로 정보를 출력하면 사용자 입장에서도 재밌는 UI 요소로 느끼게 할 수 있습니다.개인 웹 포트폴리오를 구현하며