1. Lighthouse이란 Lighthouse는 구글에서 개발한 오픈소스로서 웹 페이지의 품질을 개선할 수 있는 자동화 툴입니다. Lighthouse는 성능, 접근성, PWA, SEO 등을 검사하며 이를 이용해 사용자는 어떤 웹페이지든 품질 검사를 할 수 있습니다. 2. Lighthouse 사용하기 2-1. Chrome 개발자 도구에서 실행하기 2-2. Node CLI에서 실행하기 1. Lighthouse를 설치합니다. 이때-g 옵션을 사용하여 Lighthouse를 전역 모듈로 설치하는 것이 좋습니다 `npm install -g lighthouse` 2. 다음의 명령어로 검사를 실행할 수 있습니다. `lighthouse ` 3. 다음의 명령어로 모든 옵션을 볼 수 있습니다. `lighthouse --h..

@octokit/graphql 설치 npm install @octokit/graphql 적용방법 import { graphql } from "@octokit/graphql"; @octokit/graphql 을 import 해옵니다. 그리고 github graphql API 문서를 확인하며 쿼리를 작성합니다. import { graphql } from '@octokit/graphql'; const { REACT_APP_GITHUB_AGORA_STATES_TOKEN, NODE_ENV } = process.env; async function getRepository() { const { repository } = await graphql( ` 쿼리 작성 `, { headers: { authorization: ..

1. GraphQL이란? Graph + Query Language의 줄임말로 오픈 소스로 제공된 쿼리 언어입니다. API를 위한 쿼리 언어입니다. GraphQL에서 데이터는 그래프 형태로 연결되어 있으며 클라이언트 요청에 따라 유연하게 트리 구조의 JSON 데이터를 응답으로 전송할 수 있습니다. GraphQL의 특징 GraphQL은 HTTP를 통해 API 서버로 요청을 보내고 응답을 받습니다. 응답을 받을 시, 데이터 결과를 JSON 형식으로 받습니다. GraphQL은 서버 개발자가 작성한 각 필드에 대응하는 resolver 함수로 각 필드의 데이터를 조회할 수 있습니다. GraphQL은 GraphQL 라이브러리가 조회 대상 schema가 유효한지 검사합니다. 2. GraphQL 구조 Query: 저장된..

빅오 표기법 좋은 코드를 판단할 때는 여러가지 기준이 있을 수 있지만 빅오 표기법은 객관적이며 변하지 않는 기준으로 코드의 효율성을 비교하기위한 표기법이다. 시간 복잡도과 공간 복잡도를 나타나는데 주로 사용된다. 시간 복잡도 알고리즘이 얼마나 빠르게 실행하지를 나타낸다. 이름은 시간 복잡도이지만 실제 코드가 실행되는 시간을 기준으로 하지 않고 연산 갯수를 기준으로 판단한다. 왜냐라면 시간은 가변적이기 때문이다. 시간은 컴퓨터의 사양에 따라서 변할수도 있고 심지어 같은 컴퓨터에서도 실행할 때마다 시간이 조금씩 바뀐다. 반면 연산 갯수는 어떤 컴퓨터에서든 동일하기 때문에 연산 갯수를 기준으로 판단한다. 연산 갯수 연산 갯수는 정확한 연산 갯수를 의미하진 않고 단순화한 갯수를 의미한다. 예를 들어 아래의 함수..

1. 컴퓨터의 구조 하드웨어: 전자 회로 및 기계장치 소프트웨어: 하드웨어 위에서 작업을 수행하는 프로그램 1-1. 컴퓨터의 기본 구성 요소 입력장치 명령받아들이는 물리적 장치(키보드 마우스 ) 출력장치 처리된 데이터를 사람이 이해할 수 있는 형태로 출력하는 물리적 장치 (모니터) 중앙처리장치(CPU) CPU는 컴퓨터의 모든 것을 결정한다. CPU의 내부 구성은 크게 ALU와 레지스터이다. ALU: 산술/논리 연산 장치(ALU) 레지스터: 제어 장치로 프로그램에 따라 명령과 제어 신호를 생성하여 각종 장치의 동작을 제어한다. 저장장치 주 기억 장치(Memory): 데이터나 프로그램을 보관하기 위한 일차 기억 장치(RAM과 ROM) 보조 기억 장치: 주 기억 장치를 보조하기 하는 장치(플로피 디스크와 하드..