📌 프로젝트명: [로또 번호 추첨기]

이 프로젝트는 [ HTML/CSS/Java Script ] 수업 들은 이후에 진행된 Small Project 입니다.
기초 개념 적용과 실습을 통해 기술 습득을 목표로 하였습니다.

---

📆 프로젝트 기간

• 시작일: 2025.06.27
• 종료일: YYYY.MM.DD

---

🎯 주요 목표

• ✅ [핵심 기능1: 반응형 웹 레이아웃 구현]
• ✅ [핵심 기능2: 추첨 버튼을 누르면 나오는 랜덤 번호 6개 ]

---

⚙️ 사용 기술 스택

분류	기술명
프론트엔드	HTML, CSS, JavaScript

---

🧱 프로젝트 구조

📁 random_number_pick_up/
├── random_number.html # 모바일에서도 사용 가능한 로또 추첨기 웹 틀 생성
├── style.css # 스타일 설정 및 미디어 쿼리를 이용한 반응형 웹 기초 동작 설정
├── react.js # 클릭과 팝업 동작 구성
└── README.md

---

💡 주요 기능 설명

✨ 기능 1: [예: 사용자 입력을 받아 데이터 출력]

• prompt, input, form을 활용하여 인터랙션 구현

🌦️ 기능 2: [예: 외부 API 연동]

• OpenWeatherMap / Kakao API 등 활용
• Fetch / Axios 등으로 비동기 통신 구현

🔐 기능 3: [예: 사용자 인증 처리]

• JWT 토큰 발급 및 검증
• 로그인 상태 저장 (localStorage 등)

---

🖼️ 데모 화면

주요 화면	캡처 예시
홈 화면
기능 예시

---

🧠 회고 요약

• 어려웠던 점: [ex. API 연동 시 CORS 오류가 발생해 해결 과정을 공부하게 됨]
• 배운 점: [ex. 비동기 흐름의 구조적 이해, 상태 관리를 리팩터링하는 요령]
• 개선하고 싶은 점: [ex. UI 디자인을 좀 더 일관되게 구성하고 싶음]

---

📦 배포 주소

Github 링크 통해서 접속속

---

🙋‍♀️ 개발자

이름	GitHub
문승연	github.com/SeanMoon1