쭈링이.log 쭈링이.log

Material UIMaterial UI 란 React 기반의 UI 컴포넌트 라이브러리로, MUI라고 불리기도 한다.Google의 Material Design 원칙에 기반을 둔 스타일링된 컴포넌트로써 주로 웹 애플리케이션 개발에서 UI를 구성할 때 사용되고 다양한 기능과 디자인 옵션을 제공합니다.    Material UI 설치Material UI를 설치 하기위해서 Visual Studio Code에서 터미널을 열어준다.프로젝트 폴더의 터미널을 열어서 명령어를 입력해준다. npm install @mui/material @emotion/react @emotion/styled 명령어를 입력하면 아래 성공로그가 나타난다. 설치가 성공되면 package.json 에서 확인할 수 있다.

React 설치 1) node.js 홈페이지 들어가서 다운로드 2) VSCode 설치 폴더를 하나 생성 후 폴더 경로로 react 설치하기위해 PowerShell 이나 git bash 로 연다. npx create-react-app 프로젝트명 원하는 프로젝트명을 입력 후 설치해준다. 이러한 화면이 나오면 성공적으로 설치된 것이다. 터미널을 종료 후 작업폴더를 들어가면 프로젝트명으로 생성된 리액트 프로젝트가 생성이 되어있다. VSCode를 실행 한 후 프로젝트명으로 생성된 폴더를 불러온다. 프로젝트명이 보이면 잘 불러온 것이다. 프로젝트명 아래 src폴더를 열면 App.js파일이 있는데 이 파일이 리액트의 메인페이지이다. 프로젝트를 실행하려면 VSCode 메뉴탭에 Terminal을 클릭 한 뒤 New Te..

Typescript 란 Javascript를 기반으로 타입을 추가하여 더 나은 도구를 제공하는 강력한 유형의 프로그래밍 언어이다. Typescript를 쓰는 이유 Javascript 는 Dynamic Typing(동적 타입 / week Type) 을 제공한다. Dynamic Typing 이란 변수의 타입 지정(Type annotation)없이 값이 할당되는 과정에서 자동으로 변수의 타입을 지정(타입추론 / Type Inference)해준다. 또한 같은 변수에 여러 타입의 값을 할당 할 수 있다. var str = 'Hello'; var num = 31; var strArr = ['Js', 'HTML', 'CSS']; var dynamicVariable = 'String'; console.log(dynam..