latest

more

Web Storage

Web Storage HTML5 에는 웹의 데이터를 클라이언트에 저장할 수 있는 Web Storage 스펙이 포함되어있다 웹스토리지 개념은 키/값 쌍으로 데이터를 저장하고 키를 기반으로 데이터를 조회하는 패턴이다 기존의 쿠키와 매우 유사한 개념이다 LocalStorage 와 SessionStorage 두가지가 존재한다 Web Storage VS Cookie 데이터가 클라이언트에 존재할 뿐 서버로 전송되지 않는다. 단순 문자열을 넘어 객체정보를 저장할 수 있다 용량의 제한이 없다 영구 데이터 저장이 가능하다 LocalStorage 저장한 데이터를 명시적으로 지우지 않는 이상 영구적으로 보관이 가능하다 도메인마다 별도로 생성된다 SessionStorage 데이터의 지속성과 액세스 범위에 특수한 제한이 존재한..

기록 2022.12.29 0

Nextjs 란 무엇인가 !

Next.js 란 Next.js 는 따로 설정을 해주지 않아도 SSR, SEO 부터 TypeScript 까지 생산에 필요한 많은 기능들을 제공하는 강력한 React 프레임워크 이다. Next.js 를 사용하는 이유 SSR Next.js 는 SSR을 지원하는 React Framework 이다 React 는 SPA 를 만들기 위한 라이브러리인데 CSR 방식을 채택한 SPA에서 어떻게 SSR을 한다는 것일까? Next.js 의 작동방식 1. 사용자가 초기에 Server에 페이지 접속을 요청한 경우 SSR 방식으로 렌더링 될 HTML 을 보낸다 2. 브라우저에서 JS를 다운로드 받고 React를 실행한다 3. 사용자가 페이지와 상호작용을 하며 다른 페이지로 이동할 경우 CSR방식으로 Server가 아닌 브라우저..

기록 2022.12.22 0

블록체인

블록체인 기술이란? 데이터 분산 처리 기술이다. 네트워크에 참여하는 모든 사용자가 모든 거래 내역 등의 데이터를 분산, 저장하는 기술이다 여기서 블록은 개인과 개인의 거래의 데이터가 기록되는 장부이다. 블록체인 데이터베이스는 연쇄적으로 연결된 블록에 데이터를 저장한다 체인의 삭제나 수정이 불가하고 추가만 가능하다 따라서 이 데이터는 시간 순서대로 일관성이 있다 블록체인 기술의 특징 탈중앙화: 분산형 블록체인 네트워크는 투명성을 사용하여 참여자 간의 신뢰에 대한 필요를 줄인다. 불변성: 수정이 불가능하다. 누군가가 공유 원장에 거래를 기록하면 참여자는 거래를 조작할 수 없다. 거래 레코드에 오류가 포함된 경우, 실수를 되돌리기 위해 새 거래를 추가해야 하며 두 거래 모두 네트워크에 표시된다 합의: 거래 기..

기록 2022.11.11 0

Web 3.0

Web 1.0 Web 2.0 Web 3.0 을 알아보기 전에 Web 1.0, Web 2.0 에 대해 알아보자 Web 1.0 정적인 웹사이트, 유저들은 데이터를 '소비'하기만 함 유저가 데이터를 올리기 위해선 웹사이트를 만드는 법, 서버를 구축하는 법을 알았어야 했다 브라우저와 언어(JS, CSS 등)가 강력하지 않았기 때문에 멋진 웹사이트 만드는 것이 어려웠음 WEB 2.0 '읽기'만 가능했던 유저들이 직접 컨텐츠를 '생산' 및 '공유' 할 수 있게 됨 그 결과 플랫폼의 역할이 커지면서 소수의 사업자들이 웹 생태계를 주도하기도 함 예를 들어 네이버, 유튜브, 인스타 등 또한 플랫폼 사업자들은 이용자 데이터의 소유권을 가지게 됨 -> 데이터 '중앙화' 어드민을 통해 쉽게 데이터 열람 및 관리가 가능 데이터..

기록 2022.10.21 0