2022

압축 데이터에서 반복되거나 불필요한 부분을 없애 데이터의 양(용량)을 줄이는 방식을 말한다. 저장공간을 절약하거나 데이터 전송시간을 줄일 때 등 사용한다. 데이터 크기를 줄이는 인코딩 과정과 저장된 데이터를 원래 형태로 복원하는 디코딩 과정이 존재한다. 인코딩하기 전의 데이터 크기와 인코딩하고 나서의 데이터 크기의 비율을 압축률이라 한다. 압축 방식에 따라 크게 원본이 유지되는 무손실 압축과 회복 불가능한 손실 압축으로 나눈다. 무손실 압축 손실 압축 데이터의 내용을 바꾸지 않고 원래 내용 그대로 디코딩할 수 있는 기술 압축 과정에서 데이터 손실이 전혀 없어 입력 데이터와 복원된 데이터가 완전히 같다. 버린 데이터가 없어 압축 효율은 떨어진다. 의료 영상, 설계도면 등 자료를 손실하면 안 되는 분야에서 ..

Axios 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리. 백엔드와 프론트엔드 통신을 쉽게 하기 위해서 Ajax와 더불어 사용한다. Axios 특징 서버 사이드에서는 네이티브 node.js의 http 모듈을 사용하고, 클라이언트(브라우저)에서는 XMLHttpRequests를 사용 Promise(ES6) API 사용 요청 및 응답 인터셉트 HTTP 요청 취소 HTTP 요청과 응답을 JSON 형태로 자동 변경 XSRF를 막기위한 클라이언트 사이드 지원 axios vs fetch axios fetch 써드파티 라이브러리로 설치가 필요 현대 브라우저에 빌트인이라 설치 필요 없음 XSRF 보호를 해준다 별도 보호 없음 data 속성을 사용 body 속성을 사용 d..

파일(File) 논리적인 저장 단위로, 관련된 정보 자료들의 집합에 이름을 붙인 것이다. 컴퓨터 시스템의 편리한 사용을 위해 정보 저장의 일괄된 논리적 관점을 제공한다. 일반적으로 레코드(Record) 혹은 블록(Block) 단위로 비휘발성 보조기억장치에 저장된다. 파일 속성(File attribute) 또는 파일의 메타데이터(metadata) 파일을 관리하기 위한 각종 정보들이다. 파일 자체의 내용은 아니다. 파일 이름, 유형, 저장된 위치, 파일 사이즈, 접근 권한, 소유자, 시간(생성/변경/사용) 등 파일에 대한 전반적인 정보를 말한다. 디렉토리(directory) 컴퓨팅에서 파일을 분류하기 위해 사용하는 이름공간이다. 파일 시스템 안에서 파일과 다른 하부 디렉토리들로 구성된다. 수많은 컴퓨터에서 ..

react 컴포넌트 선언하는 방식은 클래스형과 함수형이 있다. 과거에는 클래스형 컴포넌트를 주로 사용했지만, 리액트 버전 16.8부터 훅(Hook)이 등장하면서 함수형 컴포넌트에서도 상태값과 생명 주기 함수 코드를 작성 할 수 있게 되었다. 현재 클래스형 컴포넌트를 자주 사용하지 않지만, 여전히 사용하는 기업들이 있으므로 그 프로젝트의 유지보수를 위해서는 클래스형 컴포넌트에 대한 개념은 알고 있어야한다. 클래스형 컴포넌트 import React, {Component} from 'react'; class App extends Component { render() { return( ) } } export default App; 함수형 컴포넌트 import React from 'react'; import '...