분류 전체보기154 [개인 프로젝트 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. React 상태 관리 Recoil (feat. useState와 차이점) 그동안 리액트 상태 관리는 useState로 했었는데 이번에 개인 프로젝트를 하면서 Recoil를 써보려고 차근차근 알아가는 중이다. Recoil 이란? Recoil은 페이스북에서 만든 React 전역 상태관리 라이브러리이다.Recoil 설치 및 사용법 1. Recoil 설치// npm 사용 시npm install recoil// yarn 사용 시yarn add recoil2. RecoilRootRecoil은 React의 상태 관리 라이브러리이기 때문에 (index.js 또는 App.js 파일에서) RecoilRoot로 애플리케이션 전체를 감싸야한다.RecoilRoot는 상태 관리를 위한 컨텍스트를 제공한다.// index.js import "antd/dist/antd.css"; // Ant Desig.. 2024. 10. 8. [개인 프로젝트 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. Jar 와 War 차이점 스프링 부트를 사용할 때, JAR와 WAR 중 어떤 형식을 선택할지는 애플리케이션의 배포 방식에 따라 다르다.JAR (Java Archive)주로 스프링 부트 애플리케이션을 독립 실행형으로 실행할 때 사용한다.JAR 파일은 내장된 웹 서버(예: Tomcat, Jetty)를 포함하고 있어, 추가적인 설정 없이 실행할 수 있다. 장점 간단한 배포: 모든 종속성과 함께 패키징 되어 있어, 서버에 배포하기가 용이하다.자체 실행 가능: java -jar yourapp.jar 명령어로 실행 가능하며, 클라우드 환경에서도 쉽게 사용할 수 있다.특징JAR 파일은 Java 런타임 환경에서 직접 실행할 수 있어, 별도의 서버 설정 없이도 애플리케이션을 시작할 수 있다.모든 종속성 포함: 필요한 모든 라이브러리와 파일이 패.. 2024. 10. 7. push 한 커밋 메시지 수정 가장 최근 커밋 메시지 수정 수정한 커밋을 원격 저장소에 반영하려면 --force 옵션을 사용하여 강제로 푸시해야 하는데, 이는 원격 저장소의 이력을 변경하는 것이므로 신중하게 사용해야 한다.// 아래의 명령어를 순서대로 입력해 주면 된다.git commit --amend -m "새로운 커밋 메시지"git push --force origin main특정 커밋 메시지 수정 (이전 커밋) "rebase 명령어를 사용"1. 커밋 기록 확인git log 2. Interactive Rebase수정할 커밋을 기준으로 한 단계 전의 커밋부터 리베이스를 시작한다.예시) 마지막 3개의 커밋을 수정하고 싶다면 HEAD~3를 사용git rebase -i HEAD~3 3. 커밋 메시지 수정텍스트 편집기가 열리면 수정하고자 .. 2024. 10. 7. 이전 1 2 3 4 5 ··· 26 다음 728x90