728x90
개삽질을 해도 우측에 로그인/로그아웃 버튼이 보이도록 하는 것이 안된다.
npm install mdb-react-ui-kit@7.2.0
로 버전을 낮추고 나서야 해결(?)이 되었다.
현재 최신버전이 9.0.0 이다. 8.0.0 버전으로 변경만 해도 동일하게 로그인/로그아웃 버튼이 Home 메뉴 아래로 가버린다.
이걸 공개한 회사는 이런 현상이 발생한 것을 모르고 있는 걸까?
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
|
##################################################################################################
### 프로젝트 생성 및 모듈 설치
##################################################################################################
### 프로젝트 생성 : 대문자는 포함할 수 없다.
npx create-react-app mdb
cd mdb
# 모듈 설치 ==> mdb가 최신버전을 지원하지 않기 때문에 아래 버전으로 설치 필요
npm install react react-dom
npm install mdb-react-ui-kit@7.2.0
npm install react-router-dom
npm install @fortawesome/fontawesome-free
npm install bootstrap
npm install axios
############################################
# RSA 암호화
npm install jsencrypt
############################################
### React with Spring Boot API
############################################
# Redux
npm install @reduxjs/toolkit react-redux
npm install react-cookie
##################################################################################################
# 기존 모듈 삭제하고 다시 설치
rm -rf node_modules package-lock.json
npm install
# GitHub 에 자료 업로드할 때에 node_modules 폴더는 제외시키고 업로드한다.
# PowerShell에서는 rm 대신 Remove-Item 명령어를 사용
Remove-Item -Recurse -Force node_modules, package-lock.json
##################################################################################################
## index.js
##################################################################################################
import React from "react";
import ReactDOM from "react-dom/client";
import { BrowserRouter } from "react-router-dom";
import App from "./App";
import 'mdb-react-ui-kit/dist/css/mdb.min.css';
import '@fortawesome/fontawesome-free/css/all.min.css'; // 아이콘용
import 'bootstrap/dist/css/bootstrap.min.css';
import 'bootstrap/dist/js/bootstrap.min.js';
const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
<App />
);
|
728x90
'React > React' 카테고리의 다른 글
| React 코드 비교를 통한 의미 이해 (0) | 2025.03.19 |
|---|---|
| React 배포를 위한 nginx 설정 (0) | 2025.03.13 |
| React Naver Map API 사용 샘플 (2) | 2022.10.25 |
| React 카카오맵 API 사용 샘플 (0) | 2022.10.24 |
| React useMemo & useCallback (0) | 2022.10.24 |
Link2Me