Firebase 데이터 저장, GitHub 배포, SQL 기초

내일배움캠프: Node.js_4기

4일차 TIL

~오늘의 수강 과목~

1. 왕초보 웹개발 종합반 4-5주차 (이범규 튜터님)

_ Firebase로 데이터 가져오기, GitHub 배포

 

2. 엑셀보다 쉽고 빠른 SQL 0-1주차 (구다희 튜터님)

_ SQL 기초 용어(쿼리, 테이블, 컬럼), DBeaver 설치, 데이터 조회 실습

---

데이터베이스

데이터를 저장하고, 여러 사람들이 관리하는 데이터의 모음

단순하게 생각하면 나중에 잘 찾아서 잘 가져가기 위해 잘 정리해둔 것

브라우저에서 어떤 정보가 생성이 되면 새로고침과 함께 휘발된다.

(새로고침 시 처음 작성한 코드만 남음)

이러한 이유로 데이터를 어딘가에 따로 저장을 해두고, 그것을 꺼내와서 사용해야 하는데, 그럴때 사용하는 용도이다.

 

Firebase

파이어베이스는 데이터베이스를 저장해두고 꺼내서 사용할 수 있고 클라우드 환경에서 웹개발을 도와주는 플랫폼

남이 만들어둔 데이터베이스 정도로 이해

웹 서버를 대신 만들어 주는 서비스이며, 서버 없이 개발이 가능하기 때문에 프론트엔드 지식만 알고 있어도 웹서비스를 만들 수 있다.

데이터 저장, 받아오기와 같은 기본적인 기능 외에는 자유도가 떨어지는 편이다.

그래서 지금처럼 배우는 단계나 아주 간단한 웹페이지를 구현할 때만 사용이 가능할 것 같다.

 

파이어베이스를 사용할 때는 <script type=“module”> 을 추가해줘야 한다.

그리고 이 코드를 실행시키면 웹페이지 로딩이 끝난 후 script가 가장 마지막에 불려온다(=호출)

ready(), onclick() 등은 필요가 없어지기 때문에 onclick()같은 코드는 동적으로 만들어줘야 한다 = 코드로 직접 click()을 달아준다  = 코딩으로 직접 해결한다

 

---

GitHub

깃헙은 개발자들이 자신의 코드를 업로드하고 공유하는 곳

오늘 실습은 깃헙의 웹호스팅 기능을 이용하여 실습 페이지를 배포해보았다.

기존의 실습 페이지 주소창 / 깃헙을 이용해 배포를 끝낸 페이지의 주소창

 

웹페이지를 통해 직접 추가한 데이터들이 저장되어 유지되고 있는 모습 확인 가능

 

GitHub에 배포하는 방법

1. 레파지토리 생성
2. 작성해둔 HTML 파일 업로드
3. 설정 메뉴의 Settings - Pages - Branch에서 none 부분을 main으로 변경
4. 잠시 기다리면 링크 생성

 

---

웹개발 종합반 수강이 끝났다!

코딩은 반복 숙달의 영역이며, 학습한 내용들은 모두 유기적으로 이어져 있다는 사실을 잘 기억하며 새로운 것들을 알아가려 노력해야겠다.

 

---

SQL 기초 용어

SQL은 데이터베이스와 대화하기 위한 언어

데이터베이스란 데이터가 저장되어 있는 큰 폴더와 같다.

그 폴더 안에는 테이블이라는, 행과 열을 가진 엑셀과 비슷한 구조의 파일이 있다.

테이블의 각 열은 컬럼(필드라고도 함)으로 하나하나 저장되어 있다.

데이터베이스 > 테이블 > 컬럼 의 구조

(쿼리: SQL을 이용하여 "a 데이터를 주세요"라고 데이터베이스에게 요청하는 것)

 

데이터 조회 실습

강사님께서 샘플로 준비해주신 더미데이터같긴 한데 혹시몰라 개인정보는 가려보았다

select from 문을 이용하여 데이터를 조회해보는 실습 진행

규칙에 유의하여 별명으로 지정하는 연습까지 함께 진행

 

---

내일의 목표

1. SQL 강의 1주차 끝내기
2. SQL 강의 2주차 시작
3. 컴퓨터 앞에 10분 일찍 앉아보기

 

앞으로의 목표

1. 복잡해 보인다고 겁먹지 말고 일단 시작하라는 강사님 말씀 되새기기