리엑트 페이지 랜더링
92
작성한 질문수 28
안녕하세요,
강사님 리엑트 코드와 똑같이 만들었지만
페이지가 이상하게 나옵니다.
요런 식으로 나오는데 추가적으로 만져야 할 게 있을까요?
제 패키지 파일 공유드립니다.
{
"name": "login_react",
"private": true,
"version": "0.0.0",
"type": "module",
"scripts": {
"dev": "vite",
"build": "vite build",
"lint": "eslint .",
"preview": "vite preview"
},
"dependencies": {
"@emotion/react": "^11.14.0",
"@emotion/styled": "^11.14.0",
"@mui/icons-material": "^7.1.1",
"@mui/material": "^7.1.1",
"react": "^19.1.0",
"react-dom": "^19.1.0",
"react-router-dom": "^7.6.2"
},
"devDependencies": {
"@eslint/js": "^9.25.0",
"@types/react": "^19.1.2",
"@types/react-dom": "^19.1.2",
"@vitejs/plugin-react": "^4.4.1",
"eslint": "^9.25.0",
"eslint-plugin-react-hooks": "^5.2.0",
"eslint-plugin-react-refresh": "^0.4.19",
"globals": "^16.0.0",
"vite": "^6.3.5"
}
}
답변 1
0
온코딩입니다.
라이브러리의 버전이 맞지 않거나, 서로 충돌이 발생하는 경우에 화면이 제대로 보이지 않을 수 있습니다.
소스 코드를 다운로드 받으셔서, 해당 리액트 폴더로 이동한 후에, 'npm install'을 한 후에 사용하시기 바랍니다.
제공된 소스 코드에 있는 package-lock.json에 있는 라이브러리 버전을 비교해 보시기 바랍니다.
감사합니다.
프롬프트 작성시 " \ " 관련 질문
0
12
1
미션9 user memory 누르면 메모장이 뜹니다.
0
13
1
Cursor 터미널에서 스크린 복붙이 안되요
0
15
1
inheritance startegy 선택시 고려사항
0
5
0
미션 7 관련 url 접속이 안되어 문의드립니다.
0
12
1
plan 모드가 동작하지 않습니다.
0
15
1
[할인쿠폰] 코테의 바이블[JAVA] 50% 할인 쿠폰 관련
0
7
1
next.js 프로젝트
0
12
0
mac 클로드 코드 설치 후 오류
0
15
1
92~93강 프롬프트 서브에이전트 공유
0
19
1
챗봇 기능 구체화 (RAG)
0
20
2
데스크톱IDE채팅창 VS 데스크톱IDE 터미널
0
18
1
사업자 등록 번호가 없는 경우는 어떻게 하죠?
0
203
2
OAuthAttributes와 CustomOAuth2User의 차이
0
97
2
Jwt 토큰문제
0
80
2
[소셜 로그인 33강] 일반 로그인 -> 소셜 로그인 관련 질문
0
128
2
[소셜 로그인 16강] 로그인 실패 시 리다이렉트 관련 질문
0
63
2
로그인 성공시
0
78
2
SocialLoginWeb1303 소스 제공해 주시면 안되나요?
0
100
1
db연결 질문있습니다!
0
110
1
강의자료
0
146
2
질문있습니다.
0
108
2
[인증된 사용자 정보 클래스 정의]학습 예제와 강의 내용이 다른 이유가 있나요?
0
141
2
socialLoginSpa1703 스프링 실행 오류납니다.
0
160
1