REACT

💡 useCallback참고영상https://www.youtube.com/watch?v=XfUF9qLa3mU&list=PLZ5oZ2KmQEYjwhSxjB_74PoU6pmFzgVMO&index=7 useMemo 보러가기https://hye-story-o0o.tistory.com/30 [React] useMemo 알아보기💡 useMemo참고영상https://www.youtube.com/watch?v=e-CnI8Q5RY4&list=PLZ5oZ2KmQEYjwhSxjB_74PoU6pmFzgVMO&index=6React 로 개발하다 보면 컴포넌트의 성능을 최적화하고 싶은 순간이 찾아온다. 특히 컴포넌트가 자주 리렌hye-story-o0o.tistory.com React 애플리케이션에서 함수 컴포넌트를 작성하다 ..

💡 useRef참고영상https://www.youtube.com/watch?v=VxqZrL4FLz8&list=PLZ5oZ2KmQEYjwhSxjB_74PoU6pmFzgVMO&index=3 https://www.youtube.com/watch?v=EMK8oUUwP5Q&list=PLZ5oZ2KmQEYjwhSxjB_74PoU6pmFzgVMO&index=4useRef 는 React 함수 컴포넌트에서 DOM 요소에 직접 접근하기 위해 사용되는 React 훅(hook)이다. 여기서 Ref는 reference 참조를 뜻한다. 함수형 컴포넌트에서 useRef 를 부르면 ref 오브젝트를 반환해준다.const ref = useRef(value)// ref 오브젝트: { current: value }우리가 인자로 넣어준 ..

💡 useEffect 참고영상https://www.youtube.com/watch?v=kyodvzc5GHU&list=PLZ5oZ2KmQEYjwhSxjB_74PoU6pmFzgVMO&index=2React 에서 useEffect 는 함수 컴포넌트가 렌더링 될 때마다 부수 효과(side Effects)를 수행할 수 있게 해주는 핵심적인 React 훅(hook)이다. 여기서 Side Effects 란, 컴포넌트 외부와의 상호작용을 말하며, 주로 데이터 가져오기, 구독 설정 등을 포함한다.  useEffect 는 기본적으로 매 렌더링 후에 실행되지만, 의존성 배열(dependency array)을 통해 특정 상태나 props 가 변경될 때만 실행되도록 설정할 수 있다. 이는 컴포넌트 생명주기와 비슷한 역할을 한..

💡 useState참고영상https://www.youtube.com/watch?v=G3qglTF-fFI&list=PLZ5oZ2KmQEYjwhSxjB_74PoU6pmFzgVMO&index=1React 에서 useState 는 함수형 컴포넌트에서 상태(state)를 관리하기 위해 사용하는 훅(hook)이다.   ❓ state 가 뭘까?React 에서 state 는 컴포넌트가 가질 수 있는 상태를 의미한다.예를 들어, 쇼핑 카트 라는 컴포넌트가 있다면 state 로 items 라는 state 를 가질 수 있다.   ❓ useState 기본 사용법먼저 state 를 생성할 때 useState 함수의 인자로 초기값을 전달한다.그러면 useState 함수는 현재 상태 값(state)과 그 상태를 업데이트하는 함수..

1. GitHub 계정 생성GitHub에 React 프로젝트를 올리려면 당연하게도 GitHub 계정이 필요하다.계정이 없다면 GitHub 웹사이트에서 계정을 만들어준다. GitHub: Let’s build from hereGitHub is where over 100 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and fea...github.com  2. 로컬 Git 저장소 초기화Git bash를 열어서 GitHub에 올리려고 하는 폴더로 이동한다.그다음 명령..

💡 Node.js 설치1. Node.js 다운로드Node.js를 설치하지 않으면 yarn과 vite를 사용할 수 없기 때문에 Node.js를 먼저 설치해 준다.Node.js 공식 웹사이트에서, LTS로 다운로드해 준다. Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org  2. Node.js 설치다운로드한 설치 파일을 실행하고 지시에 따라 Node.js를 설치한다.설치 과정에서 npm(Node Package Manager)도 함께 설치된다.  3. 설치 확인나는 Git bash를 사용했다.Git bash를 열고 다음 명령어로 Node.js와 np..