어서오세요（＾∀＾●）ﾉｼ

1. Index 인덱스는 문서의 필드 값을 색인하여 콜렉션에서 데이터를 빠르게 탐색할 수 있도록 도와 빠른 쿼리 작업을 지원하고 데이터 정렬 및 집계 작업이 효율적으로 실행될 수 있도록 한다. 1) 정의 우리가 사전에서 단어를 빨리 찾을 수 있는 이유는 색인에 따른 정렬이 되어있기 때문이다. 데이터도 탐색을 효율적으로 하기위해 Index를...

강의 링크 Read는 퍼포먼스에 많은 영향을 미친다. 서로 연결되어 있는 데이터를 가공, 조합해야 하기 때문에 DB 설계를 어떻게 하느냐 따라 성능이 달라진다. 만약 다음과 같은 콜렉션을 가진 데이터베이스가 있다고 가정해보자. 콜렉션 관계 User 1 ...

강의 링크 1. 1:N 관계 1:N 관계는 한 쪽 엔티티가 관계를 맺은 엔티티 쪽의 여러 객체를 가질 수 있는 것을 의미한다. 실제 DB를 설계할 때 자주 쓰이는 방식이다. 1) Schema 작성 일반적인 게시판을 생각하면, 하나의 유저가 여러 개의 게시글을 작성한다. 콜렉션 관계 ...

강의 링크 MongoDB는 NoSQL 데이터 베이스 중 하나이다. NoSQL은 Not Only SQL의 줄임말로 기존의 RDBMS의 한계를 극복하기 위해 만들어진 새로운 형태의 데이터 저장소이다. 관계형 DB는 표를 저장한다면 MongoDB는 객체를 저장한다고 생각하면 된다. 즉, 관계형 DB가 아니므로, RDMS처럼 고정된 스키마 ...

공식 문서 Apollo Client는 GraphQL API를 클라이언트 단에서 호출하기 위해서 사용한다. ( ReduxRTKQuery와 사용법이 유사하다!) 1. 환경 설정 # 패키지 설치 npm install @apollo/client graphql // App.js // apolloClient 모듈을 import한다. impo...

공식 문서 1. GraphQL이란 GraphQL은 SQL과 마찬가지로 쿼리 언어 중 하나이다. SQL: 데이터 베이스 시스템에 저장된 데이터를 효율적으로 가져오는 것이 목적 GraphQL:웹 클라이언트가 데이터를 서버로부터 효율적으로 가져오는 것이 목적 즉, 클라이언트와 서버간 통신을 위해 주로 사용된다. 1) 장점 ...

강의 링크 웹 성능은 크게 두 가지로 분류할 수 있다. 바로, 로딩 성능과 렌더링 성능이다. 로딩 성능: 각 리소스를 불러오는 성능을 의미한다. 렌더링 성능: 불러온 리소스를 화면에 보여주는 성능을 의미한다. 1. 일반 홈페이지 최적화 사용하는 툴 크롬 Network 탭 크롬 Performance 탭 크롬 Ligh...

강의 링크 HTML은 문서의 골격, 분위기, 느낌을 제공한다. 웹에서 의사소통을 할 때, 문서의 골격을 제공하고 의미를 제공하여 사용자가 어떻게 읽어야 하는지 제공한다. 1. HTML Content 분류 Flow content (플로우 컨텐츠) body에 포함할 수 있는 모든 요소이다. ...

강의 링크 웹 성능은 크게 두 가지로 분류할 수 있다. 바로, 로딩 성능과 렌더링 성능이다. 로딩 성능: 각 리소스를 불러오는 성능을 의미한다. 렌더링 성능: 불러온 리소스를 화면에 보여주는 성능을 의미한다. 1. 블로그 사이트 최적화 총 4 가지의 분석 툴을 사용하여 사이트의 최적화를 진행한다. 크롬 Network 탭 ...