리액트(React) 시작하기 2 1. Vite + React 기본 구조my-app/├─ public/ # 정적 파일 (favicon 등)├─ src/│ ├─ main.jsx # 진입점 (ReactDOM이 실행되는 곳)│ ├─ App.jsx # 최상위 컴포넌트├─ index.html # 기본 HTML (root DOM 있음)├─ vite.config.js # Vite 설정 파일2. React Router 설치npm install react-router-dom 프로그래밍/React 2025.05.22
리액트(React) 시작하기 1 1. Node.js 및 npm 설치하기# Ubuntu 기준sudo apt updatesudo apt install nodejs npm -y# 버전 확인node -vnpm -v2. Vite 기반 React 프로젝트 생성npm create vite@latest my-app -- --template reactcd my-app3. 패키지 설치cd my-appnpm install4. 개발서버 실행npm run dev5. 기본 접속 확인http://localhost:5173/6. 정적 배포용 빌드npm run build7. NginX 설치# nginx 설치sudo apt install nginx# 설치 확인sudo systemctl status nginx# 기본 설정파일 편집sudo vi /etc/nginx/sit.. 프로그래밍/React 2025.05.22
CentOS 방화벽 설정(firewall) 1. 방화벽 설치 확인방화벽 상태 확인systemctl status firewalld방화벽 활성화 여부 확인rpm -q firewalld방화벽 규칙 확인firewall-cmd --list-all2. 방화벽 포트 열기포트 열기--zone=public은 적용할 영역을 지정하며, --permanent는 설정을 영구적으로 적용함을 의미firewall-cmd --zone=public --permanent --add-port=8080/tcp방화벽 설정 적용firewall-cmd --reload열린 포트 확인firewall-cmd --list-ports3. 방화벽 포트 닫기포트 닫기firewall-cmd --zone=public --permanent --remove-port=8080/tcp방화벽 설정 적용firewa.. 리눅스/CentOS 2025.03.13
파이썬 requirements.txt 만들기 및 설치 1. requirements.txt 파일 만들기다운로드 주소 포함하여 생성pip freeze > requirements.txt패키지 이름과 버전만 표기pip list --format=freeze > requirements.txt 2. 설치하기pip install -r requirements.txt 프로그래밍/파이썬 2025.03.12
Wan 2.1 설치방법 1. ComfyUI 최신버전을 받아서 설치, run_XXXX.bat파일 실행 Release v0.3.22 · comfyanonymous/ComfyUIWhat's Changed fix: ltxv crop guides works with 0 keyframes by @kvochko in #7085 Full Changelog: v0.3.21...v0.3.22github.com2. Kijai Wan2.1을 다운로드 및 ComfyUI\custom_nodes로 이동 GitHub - kijai/ComfyUI-WanVideoWrapperContribute to kijai/ComfyUI-WanVideoWrapper development by creating an account on GitHub.github.com3. C.. 카테고리 없음 2025.03.12
Deep Live Cam 설치 및 실행방법 Deep Live Cam설치방법1. 프로그램 설치python 3.10.0git 2.46.0ffmpeg 7.0.2https://www.gyan.dev/ffmpeg/builds/ orhttps://www.gyan.dev/ffmpeg/builds/packages/ffmpeg-7.0.2-full_build.7zvisual studio build tools 2022cuda toolkit 11.8 (NVIDIA가 아닐 경우 설치 안해도 됨)설치 후 nvidia-smi 치면 버전이 나옴. (cuda version 12.4로 나타남)2. 소스코드 다운로드터미널 창을 열고 아래 명령어로 소스코드 다운로드git clone https://github.com/hacksider/Deep-Live-Cam.git아래 링크 사이트에.. 프로그래밍 2025.02.26
가상환경 만들기(venv) 현재 시스템에 설치된 파이썬 버전을 사용하여 새로운 가상환경을 만드는 것으로 패키지 없이 생성하거나 현재 시스템에 설치된 패키지를 가져와서 생성할 수 있다.VSCODE에서 새 터미널을 연다.(Terminal - New Terminal)설치된 파이썬 갯수와 버전을 확인한다.py --list터미널에서 가상환경을 생성한다.(Power shell의 경우 생성이 잘 안되는 경우가 있으니 cmd로 하도록 하자)패키지 없이 가상환경 생성python -m venv {가상환경 이름}ex) python -m venv my_env패키지 없이 특정 버전으로 가상환경 생성py -{버전} -m venv {가상환경 이름}ex) py -3.11 -m venv my_env현재 시스템에 설치된 패키지를 가져와서 가상환경 생성python.. 프로그래밍/파이썬 2025.02.26
윈도우 부팅시 모바일 핫스팟 자동실행하기 1. PowerShell 스크립트 작성메모장을 열어 아래와 같이 입력 후 파일 이름을 "EnableMoblieHotspot.ps1"로 저장합니다.YourSSID와 YourPassword를 원하는 SSID와 비밀번호로 변경합니다.netsh wlan set hostednetwork mode=allow ssid=YourSSID key=YourPasswordnetsh wlan start hostednetwork 2. 작업 스케줄러 설정시작 메뉴에서 "작업 스케줄러"를 검색하여 열고 작업 만들기를 클릭합니다. 일반탭에서 이름을 입력하고 "가장 높은 수준의 권한으로 실행" 옵션을 선택합니다.트리거탭에서 새로 만들기를 클릭합니다.작업 시작 항목을 "시작할 때"로 선택 후 확인을 클릭합니다.동작탭에서 새로 만들기를 클.. 윈도우 2024.06.17
아두이노(Arduino) 샘플(예제)코드 실행하기 아두이노 IDE를 실행 한 뒤 File -> Examples -> 01.Basics -> Blink 를 선택한다. 그럼 아래와 같이 예제파일이 불러와 지는데 왼쪽 상단의 화살표를 클릭하거나 'Ctrl+U'를 누르면 컴파일 후 업로드가 된다. 업로드가 완료되면 다음과 같이 LED가 깜빡이는 것을 확인 할 수 있다. 만약 깜빡이지 않거나 IDE에 에러 메세지가 발생하면 설정한 컴포트가 맞는지, 모델이 정확한지 다시 확인해보자 이번에는 센서값을 읽어서 Serial 로 출력하는 예제를 실행해 보자 File -> Examples -> 01.Basics -> AnalogReadSerial 을 선택한다. 위의 예제와 마찬가지로 Upload를 실행하면 된다. 단 이 때 업로드중 에러가 발생할 경우 업로드 타이밍에 맞게.. 개발 관련/아두이노(Arduino) 2023.03.16
아두이노(Arduino) IDE 설정하기 설치한 아두이노 IDE를 실행하면 아래와 같은 화면이 나타난다. 아두이노를 PC에 연결하고 'Select Board'를 클릭하여 자신이 사용하는 보드를 선택하자. 오른쪽 하단에 해당 보드의 이름과 연결된 컴포트가 표시되면 잘 연결 된 것이다. 이번에는 IDE를 설정하기 위해 메뉴에서 File -> Preferences를 선택하거나 'Ctrl+,' (컨트롤 버튼을 누른 상태에서 컴마를 누른다)를 눌러 설정으로 이동하자 소스파일 저장시 매번 작업폴더로의 이동이 번거로워 기본위치를 작업폴더로 설정을 하였다. 아래 Theme의 경우 나와 같이 다크모드를 사용하고 싶은 경우 Theme에서 원하는 것을 선택하면 된다. 개발 관련/아두이노(Arduino) 2023.03.16