배포란개발이 완료된 프로그램, 웹사이트, 앱 등을 사용자가 사용할 수 있도록 공개하고 운영 환경에 올리는 작업쉽게 말해, **“코드를 작성한 뒤, 실제로 사람들이 사용할 수 있도록 준비하는 과정”** 1) 웹 배포 • 웹 애플리케이션이나 웹사이트를 인터넷에서 접근할 수 있도록 공개. • 사용되는 도구:  • 웹 서버: 배포된 웹사이트를 사용자에게 보여주는 서버.(예: Apache, Nginx)  • 클라우드 서비스: AWS, Google Cloud, Firebase, Vercel, Netlify 등.  • Vercel, Netlify: 정적 웹사이트와 프론트엔드 애플리케이션 배포에 최적화.  • Firebase Hosting: Google에서 제공하는 간단한 배포 서비스. 2) 앱 배포 • 모바일 앱(i..

Firebase는 구글에서 제공하는 클라우드 기반 플랫폼으로,앱 개발을 더 쉽고 빠르게 할 수 있도록 도와주는 도구와 서비스를 제공합니다.웹, iOS, Android 등 다양한 플랫폼에서 사용할 수 있습니다. 앱을 만들 때 필요한 백엔드(서버) 기능을 개발하지 않고도 빠르게 구현할 수 있도록 해주는 서비스로 • 데이터베이스 • 사용자 인증 • 파일 저장 • 푸시 알림등을 손쉽게 처리할 수 있습니다. 파이어베이스 사용하기> 파이어베이스의 여러가지 프로젝트를 만들어서 그 프로젝트별로 기능을 할당해서 쓸 수 있음.> 프로젝트 안에 안드로이드인지, 웹인지, iOS인지 셋팅하고 사용 진행 필요.1. 파이어베이스 접속 후 로그인https://firebase.google.com/?hl=ko Firebase | Goo..

fetch란인터넷을 통해 데이터를 요청하고 받아오는 과정 fetch 기본 구문fetch("여기에 URL을 입력").then(res => res.json()).then(data => { console.log(data)}) 사용 예시 1) fetch 연습! 예제 2) 업데이트 누를 경우 구 정보와 미세먼지 농도 정보 리스트가 출력되며, 40이상인 경우 빨간색으로 표시 주요 코드 :   전체 코드 Fetch 연습하자! 1. 서울시 OpenAPI(실시간 미세먼지 상태)를 이용하기 모든 구의 미세먼지를 표기해주세요 업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다. 업데이트   $(docum..

JQuery란JQuery는 자바스크립트의 라이브러리 입니다. JQuery의 역할기본 자바스크립트로 하려면 복잡하고 긴 코드를 작성해야 하는 작업들을, 간단하고 짧게 처리할 수 있게 도와줍니다.• HTML 요소 선택 및 조작 (DOM 조작)웹페이지의 텍스트, 스타일, 구조를 쉽게 변경. • 이벤트 처리클릭, 마우스 이동, 키보드 입력 같은 이벤트를 간단히 다룸. • 애니메이션 효과요소를 숨기거나 나타내는 등의 애니메이션을 쉽게 구현. • AJAX 요청서버와 데이터를 주고받는 작업을 단순화.예제 1)[결과 확인하기!] 버튼 클릭 전[결과 확인하기!] 버튼 클릭 후 자바스크립트 문법 연습하기! 1. 함수 결과 확인하기! ..

HTML 기초 2 예제) MyFlix Home Series Movies Favorite Login ..

코드 정렬 팁VS Code에서 Shift + Alt + F (맥은 Shift + Option + F) 로 자동정렬 기능 사용 가능예제1) 나는 구역을 나누죠 나는 문단이에요 bullet point!1 bullet point!2 h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요. h2는 소제목입니다. h3~h6도 각자의 역할이 있죠. 비중은 작지만.. span 태그입니다: 특정 글자를 꾸밀 때 써요 a 태그입니다: 하이퍼링크 img 태그입니다: input 태그입니다: button 태그입니다: ..