🎨 Use Case Diagram (유스케이스 다이어그램) 완벽 이해하기1️⃣ Use Case Diagram이란?구분설명📌 정의시스템과 사용자(Actor)의 상호작용을 시각적으로 표현한 다이어그램🎯 목적시스템이 제공하는 **기능(서비스)**과 그 기능을 누가 사용하는지를 명확히 보여줌👀 관점사용자(Actor) 관점에서 시스템을 바라본 그림활용 예시요구사항 분석, 시스템 설계 초기 단계🔹 쉽게 말하면?시스템이 무엇을 제공하고, 누가 어떻게 사용하는지를 한눈에 보여주는 그림!2️⃣ 구성 요소 (4대 요소)요소설명표기법🎭 Actor시스템과 상호작용하는 사람, 조직, 또는 다른 시스템사람 아이콘📦 System다이어그램의 경계, 시스템이 포함하는 기능의 영역사각형✅ Use Case시스템이 제공하는 기..

📂 프론트엔드 파일 구조 설명파일 유형역할 설명*.html구조(Structure)웹페이지의 뼈대. 화면에 보이는 요소들을 배치*.css디자인(Style)HTML 요소에 색상, 폰트, 배경, 레이아웃 등 꾸미기 역할*.js동작(Logic)버튼 클릭, API 호출, 화면 동적 업데이트 등 기능 담당 1️⃣ HTML - 구조 (Structure)역할: 웹페이지의 뼈대를 담당설명: 화면에 보이는 텍스트, 버튼, 입력창 등 요소들의 배치를 정의우리 예시: index.html, survey.html설문 시작하기2️⃣ CSS - 디자인 (Style)역할: HTML 요소에 스타일 적용설명: 색상, 폰트, 배경, 레이아웃 등을 꾸며서 보기 좋게 만듦우리 예시: style.cssbody { background-color..

🐧 리눅스 서버 관리 필수 명령어 정리 (Flask + Nginx + AWS)AWS EC2에서 Flask 서버와 Nginx를 설정하며 사용한 주요 리눅스 명령어들을 정리했습니다! 서버 운영과 배포 시 꼭 필요한 명령어들이니 참고하세요.1️⃣ 기본 명령어🔹 명령어 📝 설명cd /경로디렉토리 이동ls현재 디렉토리 파일 목록 확인sudo nano 파일명터미널에서 파일 수정 (nano 에디터)sudo cat 파일명파일 내용 출력sudo cp 원본 대상파일 복사 (백업할 때 사용)2️⃣ Nginx 관리 명령어🔹 명령어 📝 설명sudo nginx -tNginx 설정 테스트 (문법 오류 확인)sudo systemctl reload nginxNginx 설정 적용 (무중단 재적용)sudo systemctl re..

🚀 Flask 백엔드 배포 & CORS 문제 해결기 (AWS EC2 + DuckDNS)1️⃣ 프로젝트 개요백엔드: Flask + Gunicorn서버: AWS EC2 (Amazon Linux)프록시 서버: Nginx도메인: DuckDNS (leeturnpy.duckdns.org)SSL 인증서: Certbot 이용프론트엔드: Vercel 배포2️⃣ 작업 순서✅ 1. EC2 서버 설정Amazon Linux 인스턴스 생성Python 가상환경(.venv) 설정Flask 프로젝트 배포✅ 2. Gunicorn 실행 스크립트 작성launch.sh / terminate.sh 스크립트로 서버 관리# launch.sh 예시gunicorn -w 4 -b 127.0.0.1:8000 app:application✅ 3. Ngin..

🔥 네가 말한 흐름지금 제공된 프론트엔드 (form-front-main)는→ 회원가입/설문/차트 까지만 되어 있음."질문 관리, 선택지 관리" 는→ 별도 백엔드 내부(admin용) 페이지를 추가로 만들고 싶다는 거지?✅ 맞아, "우리 백엔드 프로젝트 안에 관리자용 페이지를 따로 만들기" 이건 완전 가능해.(= 프론트 건드릴 필요 없이 백엔드에서 templates/admin.html 같은 걸 새로 만들어 관리하면 돼.)✍️ 구체적인 진행 방식단계내용1단계admin.html 같은 템플릿 파일 하나 추가 (Flask templates)2단계Flask에서 /admin 이런 URL로 접근해서 관리자 대시보드 띄우기3단계질문 목록 / 선택지 목록 CRUD (생성/조회/수정/삭제) 버튼 추가4단계요청은 Flask ..

🚀 실행 방법✅ 1. 백엔드 실행 (Flask)cd backend/test_form-main# 가상환경 생성python -m venv venvsource venv/bin/activate # 윈도우: venv\Scripts\activate# 패키지 설치pip install -r requirements.txt# Flask 실행export FLASK_APP=run.py # 윈도우: set FLASK_APP=run.pyflask run접속: http://127.0.0.1:5000✅ 2. 프론트엔드 실행 (React + Vite)cd frontend/form-front-main/form# 패키지 설치npm install# 개발 서버 실행npm run dev접속: http://127.0.0.1:5173 (V..

✅ 현재 상황 정리✅ scripts/ 폴더만 추가하고 싶고❌ 다른 파일은 커밋/추적 원하지 않음✅ 그래서 git add . 같은 명령은 쓰면 안 됨✅ 해결법: scripts/만 add → stash → pull → commit → push → unstash# 1. 작업 중인 다른 변경사항 임시 저장git stash push -m "작업 임시 저장"# 2. scripts 폴더만 Git에 추가git add scripts/git commit -m "Add scripts folder with setup shell scripts"# 3. 원격과 rebasegit pull origin main --rebase# 4. 푸시git push origin main# 5. 아까 숨겨놓은 작업 다시 꺼내오기git stash ..

설명: [Ss]cripts의 뜻이건 정규표현식 스타일의 .gitignore 패턴이야뜻은:"대소문자 구분 없이 'scripts', 'Scripts', 'sCrIpTs' 등 모든 이름을 무시하라"즉:✅ scripts/도 무시됨✅ Scripts/, SCRIPTS/ 전부 무시됨🔥 해결 방법 (정리).gitignore 열기bash복사편집code .gitignore 이 줄 주석 처리 또는 삭제diff복사편집- [Ss]cripts + # [Ss]cripts Git에게 다시 알려주기bash복사편집git rm -r --cached scripts/ git add scripts/ git commit -m "fix: add scripts folder after ignoring rule removed" git push ori..