본문 바로가기

개인 프로젝트/[Web] React & Java & MYSQL 프로젝트3

[개인 프로젝트 VSCode] Ant Design 적용 중 'Module not found: Error: Can't resolve 'antd/dist/antd.css' 오류 해결 과정 기존에는 주로 Material Design(MUI)을 사용했지만, 이번 개인 프로젝트에서 Ant Design을 사용해보려 한다. 프로젝트에서 Carousel 컴포넌트를 활용할 계획인데, Ant Design은 다양한 컴포넌트를 제공하고 기능이 잘 구성되어 있어 이번에 사용하게 되었다. 그런데 설치하던 중 오류가 나서 오류를 해결하는 과정도 같이 적어보았다.[Ant Design 공식 사이트] https://ant.design/components/overview1.  Ant Design 설치// npm 사용하는 경우npm install antd// yarn 사용하는 경우yarn add antd2.  Ant Design CSS 파일 추가// index.js 또는 App.js 파일에 import 해주어야한다.im.. 2024. 10. 9.
[개인 프로젝트 VSCode] React, SpringBoot, mysql 개발 환경 연동 2 https://siyoonn.tistory.com/155 [React, SpringBoot, mysql 개발 환경 연동 1] [개인 프로젝트 VSCode] React, SpringBoot, mysql 개발 환경 연동 1이번에 개인프로젝트를 진행하면서 [ VSCode | Mac 환경 ]에서 React, SpringBoot, mysql 개발 환경을 설정하는 과정과 그 과정에서 해결한 오류 등 을 정리 해보았다. 이미 익스텐션이나 jdk 이런 부분은 다siyoonn.tistory.com블로그에 적지 않았지만 해놓은 부분☞ 리액트 쪽 js에 비동기 처리 코드 작성 완료☞Java 쪽 MVC 패턴으로 폴더와 파일을 만들고 컨트롤러에 비동기 요청을 받을 test 메서드를 구현 완료☞ application.prope.. 2024. 10. 7.
[개인 프로젝트 VSCode] React, SpringBoot, mysql 개발 환경 연동 1 이번에 개인프로젝트를 진행하면서 [ VSCode | Mac 환경 ]에서 React, SpringBoot, mysql 개발 환경을 설정하는 과정과 그 과정에서 해결한 오류 등 을 정리 해보았다. 이미 익스텐션이나 jdk 이런 부분은 다 설치가 되어있어서 그 부분은 제외하고, vscode에서 리액트 프로젝트를 만들고 SpringBoot, mysql을 연동해 화면에 띄우는 과정까지 정리하려고 한다. 1.  React 프로젝트 생성VSCode 터미널에서 "npx create-react-app 프로젝트 이름" 명령어를 입력해 주었다. 그 과정에서 "Create React App의 글로벌(전역) 설치를 더 이상 지원하지 않습니다"라는 오류가 나서 전역 설치 제거 후 다시 설치해 주었는데 그 오류 해결 과정들은 아.. 2024. 10. 7.
728x90