반응형

2025/03 3

Kolla-ansible 사용해서 Openstack 설치 해보기

이 글은 OpenStack을 쉽고 빠르게 설치하기 위한 Kolla Ansible Quickstart 문서를 따라 하기 쉽게 정리한 가이드입니다. ✅ 사전 준비저는 가상 머신으로 진행을 하였습니다. 가상 머신들의 스펙은 아래와 같습니다. OS는 ubuntu 22.04로 해줍니다.이유는 python 3.10 버전과 설치하려는 ansible 버전의 호환이 됩니다. 구분CPUMemDisk`OS갯 수Controller 노드4 Core16 GB300 GBubuntu 22.042 대Compute 노드8 Core32 GB300 GBubuntu 22.043 대Storage 노드4 Core16 GB100 GBubuntu 22.041 대설치 진행Controller-1 노드에서 아래 명령어들을 입력 해줍니다. 우선 패키지 업..

RedHat/Openstack 2025.03.26

React에서 main.jsx와 App.jsx 의 역할 완벽 정리!

📌 React 프로젝트를 처음 시작하면 main.jsx와 App.jsx라는 파일이 기본적으로 생성됩니다. 이 두 파일이 각각 어떤 역할을 하는지, 그리고 React가 실행되는 과정에서 어떻게 동작하는지 쉽게 이해할 수 있도록 설명해보겠습니다.🔹 1. main.jsx와 App.jsx는 왜 필요한가?React에서는 하나의 애플리케이션을 여러 개의 작은 컴포넌트(Component)로 나누어 관리합니다. 그중 main.jsx와 App.jsx는 기본적인 구조를 담당하는 핵심 파일입니다. ✔️ main.jsx → React 애플리케이션을 실행하는 진입점✔️ App.jsx → 실제 화면을 구성하는 메인 컴포넌트 이제 각각의 파일을 자세히 살펴보겠습니다.🔹 2. React의 기본 파일 구조📁 React 프로젝트..

개발/React 2025.03.12

'React' is not defined. 에러 해결

React 책을 보면서 공부를 하던 도중, React.Fragment를 사용하여 여러 요소들을 감싸주었는데, 아래 이미지와 같은 에러가 나오면서 정상적으로 동작이 되지 않았습니다. 그래서 인터넷에서 찾아보니 맨 윗단에 React를 import 해주어야 합니다. 따라서 아래와 같이 맨 위에 React를 import 해주면 정상적으로 동작을 하게 됩니다.import React from 'react'function App() { return ( Hello World This is my first React component );}export default App   이상 입니다.

개발/React 2025.03.11
반응형