드디어 배워보는 Backend 1. Firebase 시작하기(google 고마워요, NoSQL 데이터 베이스!) 사용량만 넘지 않으면 무료다 야호 Firebase 사이트 들어간 뒤 서버 생성 완료(script 선택) 2. Database란.. 좋은 데이터 베이스란 : 잘 찾기위해 미리 정리! SQL은 정해져있는 틀이 있음 (자유도 낮음) NoSQL은 앞으로 바뀔 여지가 많은 것(정해져있는 틀이 없기 때문에) db는 프로그램이라고 할 수 있다. ex) 컴퓨터로 게임, 웹 켜놓고 db도 켜놓을 수 있다. 순차적으로 검색하는 것이 아니라 바로 회원정보에 접근해서 가져온다. (index) ex) 주문번호로 정렬되어 있는 table, 이름으로 찾으려면 풀스캔 떠야한다. 2. Firestore란 - 구글의 클라우드..

3주차 배울 내용 : 제이쿼리, fetch 배우기 제이쿼리는 → 자바스크립트 라이브러리라고 할 수 있다. fetch : 서버에서 데이터를 가져와 내 웹페이지에 사용할 수 있게 해줌 ex) 따릉이 데이터를 사용해서 실시간 따릉이 현황 웹사이트를 만들 수 있다! 1. 추억앨범 제이쿼리 적용 - $(' ').toggel(); : 함수를 openclose란 함수안에 정의하여 id = 'postingbox'를 클릭시 열었다 닫았다 가능 - 카드 생성하기 ( 위부터 아래로 순차적으로 생각) function makecard() { let image = $('#image').val(); let title = $('#title').val(); let content = $('#content').val(); let date..

배울 내용 : HTML, CSS 복습 → 스파르타플릭스 만들기 자바스크립트~! 1. [스파르타 플릭스] 프로젝트 네모난 틀 만드는 법 1px 굵기, solid선 white border: 1px solid white; padding 20px; 무언가를 수정하려면 vscode에서 하지 말고 홈페이지에서 우클릭 후 검사 누르고 안에서 작업해보고 style에서 수정 하려해야한다. 2. Javascript 자바스크립트는 '움직임' 을 위해서 사용한다! 자바스크립트는 브라우저에 명령을 내리는 '표준'이라고 할 수 있다. 자바스크립트 시작하기 다섯가지만 기억하면 된다. 2-1 변수 변수는 직관적으로 지정하는 게 좋다. 그래야 나중에 덜 헷갈린다. a, b가 변수 아래와 같이 작성 후 홈페이지에 들어가 console창..

웹개발 종합반 1주차에는 HTML과 CSS를 배운다! 1. 브라우저의 역할 1. 주소를 통해 API에 요청을 보내면 요청에 맞는 HTML파일을 돌려주어 2. 브라우저를 통해 화면에 그려준다. 3. 순서 : API 요청 → 서버에서 데이터 돌려줌 → 브라우저에서 JS를 통해 바뀐 데이터 갈아 끼워줌 2. 웹브라우저의 동작원리 요청하는 쪽(나) : 클라이언트 주는 쪽 : 서버 HTML은 뼈대(웹페이지에서 구역을 잡아준다) CSS는 꾸미기 JS는 움직임 3. VS CODE 깔고 난 뒤 HTML은 크게 head와 body로 구성되어 있다. alt + b 누르면 VS code 상에서 바로 화면 창 열림 Alt + Shift + F == 자동정렬 코드는 외워서 쓰는게 아님 구글에 검색해서 사용하는 것! 한줄작성하고..