1편과 이어집니다! https://duektmf34.tistory.com/199 React Hooks 종류(1) 오늘은 React에서 유용하게 쓸 수 있는 Hook에 대해 알아보려한다. 사실 뭣도 모를 때 useState와 useEffect만 있는 줄 알았는데... (그것도 사실 뭐하는 용도인지 잘 몰랐음) 실무에서 처음보는 use접두사 duektmf34.tistory.com 이번에 다뤄볼 건 useCallback useMemo useRef useImperativeHandle useLayoutEffect useDebugValue 아마 마지막 3개는 간단하게 설명하고 마무리할 것 같다. useCallback useCallback Hook은 함수를 기억하고 새로 렌더링될 때마다 함수를 재생성하는 것을 방지하..

오늘은 React에서 유용하게 쓸 수 있는 Hook에 대해 알아보려한다. 사실 뭣도 모를 때 useState와 useEffect만 있는 줄 알았는데... (그것도 사실 뭐하는 용도인지 잘 몰랐음) 실무에서 처음보는 use접두사가 붙은 것들이 꽤 있어서 어버버했었다. 그 뒤로 천천히 알아가며 개념을 익혔는데 다시 한 번 정리하고자 티스토리에 기록하려함!! React Hooks 🤔 React Hooks? React 버전 16.8부터 도입된 개념으로, 함수형 컴포넌트에서도 상태 관리와 다양한 React 기능을 사용할 수 있도록 해줍니다. 이전에는 클래스형 컴포넌트에서만 상태 관리와 라이프사이클 메서드를 사용할 수 있었지만, Hook을 사용하면 함수형 컴포넌트에서도 이러한 기능을 사용할 수 있게 되었습니다. 🤔..

오늘은 리액트 기본 문법과 형식들을 알아보겠습니다!리액트 기본문법어제에 이어 컴포넌트하는 방법과 props에 대해 알아볼게용~ 컴포넌트컴포넌트란? 리액트 컴포넌트(React component)는 UI(User Interface)를 만들기 위한 빌딩 블록입니다. 리액트 애플리케이션은 컴포넌트들의 계층적인 구조로 이루어져 있으며, 각 컴포넌트는 자체적인 상태(state)와 속성(props)을 가지고 있습니다. 컴포넌트는 함수형 컴포넌트와 클래스형 컴퍼넌트로 나눌 수 있습니다. 함수형 컴포넌트는 함수로 정의되어 있으며, 입력값(props)을 받아들이고 JSX를 반환합니다. 클래스형 컴포넌트는 클래스로 정의되어 있으며, React.Component를 상속하고 라이프사이클 메서드(lifecycle methods)..

오늘은 드디어 리액트를 들어갑니다!! 하지만 처음부터 서버에 올리는게 막혀서 매우 우울MAX였던. 아무튼 리액트가 뭔지 알아보러 가시죵 리액트에 대해 알아보자! 🔧리액트란? React는 Facebook에서 개발한 JavaScript 기반의 프론트엔드 라이브러리입니다. React를 사용하면 동적인 사용자 인터페이스를 만들 수 있으며, 가상 DOM을 사용하여 웹 애플리케이션의 성능을 최적화할 수 있습니다. React는 컴포넌트 기반으로 작동하며, 컴포넌트는 UI 요소를 렌더링하고 상태를 관리하는 자체적인 기능 단위입니다. 이러한 컴포넌트는 더 큰 애플리케이션을 작고 재사용 가능한 단위로 분할하여 작성할 수 있으므로 코드의 유지 보수성과 재사용성이 향상됩니다. 리액트의 장점 선언적 UI: React는 선언적 ..