221116 강의

이셀·2022년 11월 16일
0

오늘의 강의는 SPA와 DB에 대한 이해 설계 구축 강의를 각각 오전, 오후에 진행했다.

따라서 한꺼번에 작성해둔다!

SPA

강의 개요

SPA가 무엇인지 자바스크립트로 공부할 예정이며 이후에 들을 파이어베이스 강의의 빌드업으로써 개념정리를 위한 강의이다.

강의 체크

  • SPA와 MPA의 차이점
  • 해쉬드 라우드 구분

SPA 와 MPA의 차이점

MPA : HTML 파일을 다운받고 HTML파일을 클라이언트와 서버가 주고 받는 형식

SPA : HTML파일을 다운받고 서로 공유할 때 서버에선 JSON파일만 전달

해쉬 이전의 URL을 브라우저의 호스팅 서버에서는 데이터 또는 문서를 받아오는 것으로 인식한다.

SPA 장점

  1. 자연스러운 사용자 경험
    • 깜박임 현상 없음
    • 네이티브 앱에 가까운 자연스러운 페이지 이동
  2. 웹성능 향상
    • 필요한 리소스만 부분적으로 로딩
    • 서버 템플릿 연산 클라이언트로 연산
  3. 생산성 향상
    • 컴포넌트별 개발 용이, 협업업무 분담, 유지보수

SPA 단점

  1. 첫 랜딩속도가 느림
  2. SEO에 취약함
  3. 보안이슈
    • 핵심 비지니스 로직 최소화 필요

데이터베이스에 대한 이해 설계 구축

데이터베이스

직관적이고, 테이블 간의 관계파악이 쉽다.
성능을 향상시키려면 많은 돈이 들어간다.

SQL?

SQL은 관계형 데이터베이스 시스템에서 자료를 관리하고 처리하기 위해 설계된 언어다.
대부분의 관계형 데이터베이스에서 SQL 문법을 지원하고 때로는 관계형 데이터베이스를 잘 구조화된 데이터베이스를 조작할 때 사용한다.

NOSQL?

RDBMS를 제외한 나머지를 비관계형 데이터베이스라고 한다.
즉 관계형 데이터베이스 === SQL이 아닌 모든 곳에서 사용되므로 NOSQL이라고도 한다.
이 NOSQL은 정형화된 데이터 뿐만 아니라 다양한 데이터를 축적하게 되면서 데이터의 복잡도와 양이 늘어나게되고 RDNMS 장점인 정확성이 중요하지 않게 되어 사용하게 되었다.

DOCUMENT 데이터베이스

파이어베이스가 여기에 해당됨

profile
프론트엔드 개발 과정을 기록 중입니다:)

2개의 댓글

comment-user-thumbnail
2022년 11월 17일

매일 정리하시는 TIL 매우 좋습니다!

1개의 답글