내일배움캠프(Sparta)/웹개발 A to Z5 [웹개발 A to Z] 5주차 (배포, 깃허브) 1. 배포 배포 : 소프트웨어 개발 과정에서 개발한 애플리케이션, 웹사이트, 서비스 등을 실제 사용자들에게 제공하는 과정 코드 작성부터 테스트, 실행 파일로 변환하여 인터넷에 공개하고 업데이트하는 과정으로, 배포가 이루어지게 되면 다른 사람들이 프로그램을 사용할 수 있다. URL : Uniform Resource Locator의 약자. 인터넷에서 특정 리소스의 위치를 나타내는 고유한 주소 프로토콜://도메인/경로 → 일반적인 도메인의 형식 URL을 사용해 웹 페이지에 접속할 수 있을 뿐만 아니라 파일을 다운로드하거나 웹 사이트 간에 정보 전달을 할 수도 있습니다. 프로토콜(protocol) : 웹 브라우저와 웹 서버 간의 통신 방식을 지정. 가장 일반적으로 사용되는 프로토콜은 "http://", "htt.. 2023. 9. 8. [웹개발 A to Z] 4주차 (Firebase, Firestore) Frontend : 눈에 보이는 부분 (HTML, CSS, JAVASCRIPT) Backend : 눈에 보이지 않는 부분 (SERVER, DB, API) 1. Firebase firebase : 구글이 개발한 모바일 및 웹 애플리케이션 개발 플랫폼 개발자들이 백엔드 인프라를 구축하거나 관리하는 복잡한 작업없이 핵심 기능에 집중할 수 있도록 도와준다. 사용량만 넘어가지 않으면 무료로 사용할 수 있다는 장점이 있다. 타입을 모듈로 바꾸면 script가 맨 마지막에 불리고 onclick 과 같은 것이 안되기 때문에 클릭을 동적으로(코드로) 만들어줘야 한다. 2. DB DB(데이터베이스) : 데이터를 저장하는 곳 데이터베이스가 있으면 데이터를 저장하고 다시 가져다 쓸 수 있다. DB가 필요한 이유는? >> 책꽂.. 2023. 9. 8. [웹개발 A to Z] 3주차 (Fetch) 1. Client - Server server → client : 요청을 받은 서버가 클라이언트에게 데이터 전송 client → server : 클라이언트가 서버에게 서비스 요청 요청 타입 GET : 데이터 조회를 요청할 때 사용하는 방식. URL에 파라미터를 포함시켜 요청. https://movie.daum.net/moviedb/main?movieId=68593 → "?" 를 기준으로 앞 부분은 서버주소, 뒷 부분은 영화id이다. "?" 는 여기서부터 전달할 데이터가 작성된다는 의미이고, "&" 은 전달할 데이터가 더 있다는 의미이다. POST : 데이터 생성, 변경, 삭제를 요청할 때 사용하는 방식. URL에 데이터가 노출되지 않음. 2. Fetch fetch : 인터넷을 통해 데이터를 요청하고 받아.. 2023. 9. 8. [웹개발 A to Z] 2주차 (JS, JQuery) 1. [M플릭스] 프로젝트 자바스크립트 문법 연습하기! 1. 함수 결과 확인하기! 2. 리스트 테스트 3. 딕셔너리 테스트 4. 리스트 딕셔너리 테스트 자바스크립트 문법 연습하기! 1. 함수 결과 확인하기! 2. 붙이기 사과 귤 감 3. 붙이기 영수는 24살입니다. 세종은 30살입니다. 수영은 20살입니다. 2023. 9. 8. [웹개발 A to Z] 1주차 (HTML, CSS) 웹개발 : 홈페이지(웹 페이지) 만드는 기술 1. 웹 브라우저 작동 원리 브라우저의 역할 1. 요청 보내기 2. 요청 받은 것 그려주기 요청은 어디에 보낼까? >> 서버가 만들어 놓은 API라는 창구에 미리 정해진 약속대로 요청을 보낸다. 이렇게 API에 요청을 보내게 되면 API는 요청에 맞는 HTML 파일을 돌려주고 브라우저는 받은 것을 화면에 그려주게 된다. OO지점 XX은행 창구에 요청을 보내는 것이라고 생각하면 된다. 예를 들면, https://naver.com/ 의 경우, naver.com 이라는 이름의 서버에 있는 "/"라는 주소 창구에 요청을 보내게 되면 "/"라는 주소 창구는 받은 요청에 따른 데이터를 브라우저에게 보내주게 되기 때문에 우리에게 네이버의 메인화면이 보여지게 되는 것이다. .. 2023. 9. 7. 이전 1 다음
