[TIL] sparta 24일차 - 리액트 react-uuid

 

컴포넌트, 컴포넌트 파일명 

파스칼 표기법(PascalCase)

import React from 'react';

function Input(props) {
  // 컴포넌트 로직
  return <input type="text" {...props} />;
}

export default Input;

 

 

import 방법

import Input from "./components/Input";

 

js, jsx 확장자일 경우 생략 가능

React 프로젝트에서는 Webpack 또는 Babel과 같은 도구를 사용하여 JS, JSX 파일을 자동으로 인식하므로 확장자를 명시하지 않아도 컴포넌트를 불러올 수 있다

 

---

 

UUID

- 식별자(Identifier)를 생성하는 데 사용되는 고유한 문자열 형식

- 길이가 36자 숫자와 알파벳 문자로 구성

- ex) 550e8400-e29b-41d4-a716-446655440000

 

 

uuid를 사용하려면

react-uuid 모듈을 프로젝트에 설치해야 함.

그 후 import로 불러와야 에러가 나지 않는다

 

 

react-uuid 모듈 설치 코드

// 방법1
npm install react-uuid

// 방법2
yarn add react-uuid

 

 

react-uuid import 하는 코드

import uuid from "react-uuid";