리액트3 2023.Dec.20.Wed [React] 깔끔한 UI 라이브러리 MUI MUI란? MUI는 'Material-UI'의 약자로 React 프레임워크를 위한 라이브러리다! React를 기반으로 해서 Google에서 미리 디자인된 많은 컴포넌트를 제공해서 좀 더 멋진 UI를 간편하게 구축하고 관리할 수 있다. How to use 먼저 MUI의 Material-UI를 사용하기 위해서는 설치를 해줘야 한다. > 사용하고자 하는 프로젝트에서 cmd 창을 열고 npm install @mui/material @emotion/react @emotion/styled 또는 npx install @mui/material @emotion/react @emotion/styled 혹은 yarn add @mui/material @emotion/react @emotion/styled 를 타이핑 하고 엔터.. 2023. 12. 20. 2023.Dec.19.Tue [React] Hook React에서 Hook(훅)이란 함수에서 React의 기능을 사용할 수 있게 도와주는 기능 ! 이다. 이 기능은 React 16.8이 출시되면서 도입되었는데, 이전엔 클래스에서만 상태나 생명주기 메서드를 사용하여 관리할 수 있었다고 한다. Hook는 걸다란 뜻이 있는데 마찬가지로 훅! 걸어서 React의 기능을 연결하여 사용한다고 이해하면 좋을 것 같다. 자주 쓰이는 Hook 1. useState : 함수에서 상태를 관리해 주는 훅으로, 초기 상태값과 그 값을 갱신하거나 추가로 변경되는 내용을 저장 후 반환한다. import React, { useState } from 'react'; function Counter() { const [count, setCount] = useState(0); return .. 2023. 12. 19. Dec.18.Mon.2023 [React] React 설치 방법 및 실행 오늘 처음 리액트를 배웠다. 리액트를 설치하는 과정과 실행 방법이 그동안 Java를 실행했던 것과는 또 다른 느낌이라 복습할 겸 배운 내용을 정리 해보겠다. 제일 먼저 Node.js 를 다운 받아서 설치한다. 설치하는 방법은 http://nodejs.org/ko 에 접속해서 알맞는 환경에 맞춰 다운로드 받아 설치한다. 다운받은 파일을 설치하는 과정은 간단하므로 쭉쭉 진행 후 설치가 완료 되면 cmd 창에 node -v 를 입력하면 그 아래 버전이 뜬다. 아래 사진과 같이 나오면 잘 설치가 완료된 것이다 ! 이제 본격적으로 React를 설치하고 실행 해보자 ! 1. React를 사용하고자 하는 워크스페이스(폴더)에서 cmd 창을 열고 npx create-react-app 사용할리액트폴더이름 을 입력하고 그.. 2023. 12. 18. 이전 1 다음 728x90 반응형
