리엑트 시작

리액트 프로젝트 만드는 명령

npx create-react-app mall

npm start

tailwind css

Install Tailwind CSS with Create React App - Tailwind CSS

Setting up Tailwind CSS in a Create React App project.

tailwindcss.com

DB 처음 세팅

CREATE DATABASE malldb;

CREATE USER 'malldbuser'@'localhost' IDENTIFIED BY 'malldbuser';

CREATE USER 'malldbuser'@'%' IDENTIFIED BY 'malldbuser';

GRANT ALL PRIVILEGES ON malldb.* TO 'malldbuser'@'localhost';

GRANT ALL PRIVILEGES ON malldb.* TO 'malldbuser'@'%';

----------------------------------

CREATE DATABASE apidb;

CREATE USER 'apidbuser'@'localhost' IDENTIFIED BY 'apidbuser';

CREATE USER 'apidbuser'@'%' IDENTIFIED BY 'apidbuser';

GRANT ALL PRIVILEGES ON apidb.* TO 'apidbuser'@'localhost';

GRANT ALL PRIVILEGES ON apidb.* TO 'apidbuser'@'%';

-------------------------------------------

-------------------

리액트 useEffect

useEffect() 함수는 React component가 렌더링 될 때마다 특정 작업(Side effect)를 실행할 수 있도록 하는 리액트 Hook이다.

여기서 side effect는 component가 렌더링 된 이후에 비동기로 처리되어야 하는 부수적인 효과들을 뜻한다.

useEffect는 component가 mount 됐을 때, component가 unmount 됐을 때, component가 update 됐을 때 특정 작업을 처리할 수 있다.

--------------------

----------------------------

섹션 3

Ajax를 위한 Axios 설정

axios 설치 - npm install axios

문자메일의 블로그