Developer_hong

React에서는 useEffect를 사용하면 hook을 사용할 수 있다 -> 이전 리액트의 클래스형 컴포넌트에서 생명주기 메소드를 사용할 수 있었는데, 함수 컴포넌트에서도 useEffect를 사용하면 비슷하게 사용이 가능하다 -> 라이프 사이클 훅 componentDidMount, componentDidUpdate, componentWillUnmount와 비슷하게 대체 가능하다 useEffect의 기본 문법은 useEffect(effect, [, deps]); 첫번째 인자로는 함수, 두번째 인자로는 배열을 넣어줄 수 있다 첫번째 인자로 전달된 함수는 컴포넌트가 랜더링된 이후에 실행이 되며 두번째 인자로 전달된 배열에 포함된 state 값이 있는 경우에만 첫번째 인자로 전달된 함수를 실행되도록 할 수 있다..

useState, useReducer 모두 state를 만들고 랜더링한다 useState를 통해서는 단순한 관리, useReducer을 통해서는 체계적인 관리를 할 수 있다 useState로 가능한 부분을 useReducer 사용할 경우 더 복잡해질 수 있기 때문에 적절한 사용이 필요하다 useState 사용을 위해서는 import React, { useState } from "react"; Generics를 통해 해당 상태가 타입형을 가질지 설정 const [state, setState] = useState(1); useReducer 사용을 위해서는 import React, { useReducer } from "react"; const [state, dispatch] = useReducer(reduce..

[ npx create-react-app test ] -> npx : 라이브러리 설치 도와주는 명령어 (node.js 설치 돼 있어야 사용가능) -> create-react-app : 라이브러리 이름 (리액트 셋팅 다 된 bilerplate) https://create-react-app.dev/ Create React App Set up a modern web app by running one command. create-react-app.dev -> test : 프로젝트 이름 [ 프로젝트 실행 ] npm start -> nodejs 설치하면 npm이라는 툴 사용 가능 [ react 프로젝트의 index 파일은 public 폴더에 있다 ] App.tsx : 메인 페이지에 들어갈 HTML 코드 구성하는 곳..

1. visual studio code 설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 2. node js 설치 https://nodejs.org/ko/ Node.js Node.js® is ..