일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- react typescript
- Docker ubuntu
- react tailwind css
- Docker
- react 기초
- javascript
- mysql broken install
- mysql fix install
- Android
- 도커
- mysql 재설치
- mysql 삭제
- mysql uninstall
- 안드로이드
- react
- next.js tailwind css
- 리액트 문법
- 리액트
- Python
- react tailwindcss
- mysql 재설치 명령어
- 리액트 tailwindcss
- mysql
- 리액트 tailwind css
- PHP
- next.js tailwindcss
- 리눅스
- mysql purge
- next.js css framework
- mysql error
- Today
- Total
목록react 기초 (2)
Developer_hong
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 코드 구성하는 곳..