React_개념_Day_08_리마인드

#처음 생성

npx create-react-app shop

cd shop

npm start

 

npm install -D tailwindcss

npx tailwindcss init

npm install react-router-dom

 

npm install axios

ㅡㅡㅡ

 

테일윈드적용, 모든폴더에 적용

한다는 뜻

 

"./src/**/*.{js,jsx,ts,tsx}",

 

const : final 같은것 (변수) ㅡ 한번선언하면 바뀌지않는다.

let : 은 재선언불가능, 업데이트는 가능

 

ReactDom : 리엑트 문서

createRoot : 루트를 만들라

문서로부터 getElementById :  root로 되어있는 것들을 root변수로  하겠다.

 

root.render : 루트를 랜더링 : 읽어준다.

React.StricMode 를 읽겠다.

 

React.StricMode: 원격모드? ,서버에서 작업점검

 

App : 같은것을 컴포넌트(처리하는 단위(함수))

 

각각의 컴포넌트를 엮어서 화면을 띄웁니다.

 

#

import React from 'react';

: 리액트에서 JSX 문법을 사용하는데, 이 JSX 문법을 자바스크립트로 변환시킬 때 JSX transformer를 사용해 JSX로 작성된 React 메소드를 변환시킨다. 이때 객체인 React를 가져오기 위해서 import React from ‘react’를 맨 위에 작성해 React를 불러오게 되면 객체 React를 통해 React 메소드를 작성할 수 있게 된다.

 

import ReactDOM from 'react-dom/client'; //

import './index.css'; //꾸며주는것

import App from './App'; // 

import reportWebVitals from './reportWebVitals';

 

대문자 : 컴포넌트

소문자 : html태그

 

#기본적인 교환

#props

#백틱,

문자열과 변수를 같이 쓸것이다.

#달러(4)

변수거나 수식이거나 들어올것이다.

 

#