내배캠/html, css,js 4

[내일배움캠프/2주차] 웹개발 4주차, 5주차 강의

1. 파이어베이스, 파이어스토어 사용2. 파이어스토어 데이터 보내고 가져오기3. github 사용 Firebase&Firestore -구글이 개발한 모바일 및 웹 애플리케이션 개발 플랫폼-웹 서버를 대신 만들어 주는 서비스-서버 개발 없이 제작 가능-프론트엔드(html, css, js)만 알아도 웹 서비스 출시 가능 -client server : 서버로 데이터를 전송하는 코드 (프론트엔드)-server DB : 데이터를 받으면 데이터베이스에 저장하는 코드 (파이어베이스에서 작성) -데이터를 저장하고 여러사람들이 관리하는 데이터의 모음-정보를 쉽게 찾고 업데이트할 수 있고, 많은 양의 정보를 효율적으로 관리할 수 있음-데이터베이스는 크게 SQL 과 NoSQL 둘로 나눌 수 있음 -SQL : 정리된 정보..

[내일배움캠프/2주차] 웹개발 강의 3주차

1. JQuery 적용2. fetch로 서버에 데이터를 주고 받기JQuery 적용 -두 가지 상태를 전환하는 동작-어떤 속성이나 상태를 켜거나 끄는 동작function.openclose() {    $('#postingbox').toggle()}----postingbox를 열고 닫을 수 있게 함----function은 head 안의 script 안에 사용 -예시의 postingbox 처럼 불러와서 무언가를 실행하기 위해서는 div 안에 id를 지정해준 다음 id 선택자를 가져와서 사용 -클릭 이벤트: 양식을 제출하거나 웹페이지의 특정 콘텐츠를 변경하기 위해 버튼을 클릭한 경우 특정 기능을 수행-여러개 사용할 경우 누적이 되는게 아닌 덮어쓰기, 마지막에 실행한 값만 보여줌 사용방법1. div 안에 사용 후..

[내일배움캠프/1주차] 웹개발강의 2주차

부트스트랩 사용법Jumbotron -jumbotron은 특색있는 정보나 내용을 사각의 영역 안에서 눈에 띄도록 보여주는 박스 1. 부트스트랩에서 jumbotron 검색해서 클릭 2. 원하는 요소 옆에서 마우스 우클릭 후 검사 누르기/ 원하는 만큼 코드 복사 3. 요소 가져온 뒤에는 각자 원하는 내용을 입력 Javascript자바 스크립트(JS) -자바스크립트란? 프로그래밍 언어 중 하나로 브라우저가 알아들을 수 있는 언어.-브라우저한테 명령을 내리는 표준이라고 생각하면 됨.-자바스크립트로 프론트엔드, 백엔드, 서버 개발 등등 다 가능함. -consol.log() 를 사용하여 작성한 코드가 맞는지 확인할 수 있음     마우스 오른쪽 클릭-검사-콘솔 탭에 들어가면 확인할 수 있음 let변수, 기본연산 -변..

[내일배움캠프/1주차] 웹개발 강의 1주차

html, css, javascript뼈대와 꾸미기 작업 -html은 웹페이지의 뼈대를 담당하는 코드-css는 html을 통해 작성된 뼈대를 예쁘게 꾸며주는 코드-javascript는 웹을 움직이게 하는 코드1. 요청을 보내고-요청은 서버가 만들어 놓은 API 라는 창구에 미리 정해진 약속대로 요청을 보내는 것  =주소창에 주소를 입력한 후 엔터를 입력하는 것---항상 html 파일을 주는 것이 아니다.---이 사진처럼 데이터만 받아서 갈아끼우는 경우가 더 많음(데이터만 줄 때가 많음/ JSON형식) -html 파일도 결국 데이터라고 볼 수 있음 -예매할때 새로고침하는 경우를 생각해보면 쉬움 2. 받은 html 파일을 그려주는 것※예시주소창에 https://naver.com을을 입력하면 네이버 홈에 해당..