# client

Next JS에서 컴포넌트의 구성(Server , Client Component)
NextJs에서는 13버전이 업데이트 되면서부터 모든 컴포넌트가 기본적으로 서버 컴포넌트다. NextJs에서는 서버 컴포넌트와 클라이언트 컴포넌트가 있으며, 이를 잘 이해하고 사용하는 것이 중요할 것 것아 정리하게 되었다.NextJs공식문서 위와 같이 NextJs에서

Execution Client와 Consensus Client의 연결 과정
Execution Client와 Consensus Client는 모두 병렬로 동시에 작동한다. 두 클라이언트 간의 통신이 필요하다. 이 통신을 통해 Consensus Client는 Execution Client에 지침을 제공하고, Execution Client는 비콘
Ethereum - erigon client 설치 및 sepolia testnet snapshot
이더리움 생태계에서 사용하는 클라이언트가 Geth로 집중되어 있습니다. Geth가 망가지면 이더리움 생태계가 위험해집니다. 여러 클라이언트를 사용하는 것이 Web3 이용자라면 함양해야할 소양일 것 같습니다!

HTTP 통신 원리 및 기본지식 1
XMLHttpRequest ajax가 백그라운드에서 계속해서 서버와 통신할 때 XMLHttpRequest 객체를 사용합니다. 대부분의 웹 브라우저들은 XMLHttpRequest 객체를 내장하고 있습니다. 요청 방식 - GET & POST 생성된 XMLHttpReque

[CS] 컴퓨터 네트워크
전송 매체를 매개로 서로 연결되어 데이터를 교환하는 시스템의 모음▶️ 시스템과 전송 매체의 연결 지점에 대한 규격이 존재함 시스템이 교환할 때는 임의의 통신 규칙이 존재!네트워크에 연결된 주소가 있는 물리적인 장치데이터를 보내는 송신지 또는 데이터를 받는 수신지 역

ajax 내용정리
AJAX는 Asynchronous JavaScript ana XML의 약자로, 웹 페이지 전체를 렌더링하지 않고 필요한 일부분만 업데이트할 수 있는 기술입니다. 서버와 통신하여 변경 또는 수정이 필요한 데이터를 받아와서 뿌려줄 수 있죠. 이때 JSON, XML

TIL 17) Cookie
1. Cookie 쿠키는 어떤 웹사이트에 들어갔을 때, 서버가 일방적으로 클라이언트에 전달하는 작은 데이터다. 서버가 웹 브라우저(클라이언트)에 정보를 저장하고 불러올 수 있는 수단으로 해당 도메인에 쿠키가 존재하면 웹 브라우저는 도메인에게 http 요청 시 쿠키를

[KTAIVLE] 20230424기록 - IT인프라
서버: 클라이언트에게 네트워크를 통해 정보나 서비스를 제공하는 장치클라이언트: 네트워크를 통해 서버에 접속해 정보를 확인하거나 서비스를 이용하는 장치웹 서버: 정적 콘텐츠 (텍스트, 이미지 등) -> 안움직임애플리케이션 서버: 동적 콘텐츠 (소스코드, 텍스트, 이미지

웹의 동작 방식
클라이언트는 일반적인 웹 사용자의 인터넷이 연결된 장치들과 이런 장치들에서 이용가능한 웹에 접근하는 소프트웨어다.서버는 웹페이지, 사이트, 또는 앱을 저장하는 컴퓨터이다. 클라이언트의 장비가 웹페이지에 접근하길 원할 때, 서버로부터 클라이언트의 장치로 사용자의 웹 브라

[스프링 프레임워크 첫 걸음] CH02. 기초 문법
아래 글은 스프링 프레임워크 첫걸음 책을 기반하여 작성한 글입니다.인터페이스는 추상 메서드만을 가질 수 있고 구현메서드는 가질 수 없는 일종의 추상 클래스이다.인터페이스는 객체를 어떻게 구성해야 하는지 정리한 설계도이다.인터페이스는 객체의 다형성을 높여준다.인터페이스는

디지털 오션에 이미지 업로드하기
디지털 오션에 이미지를 업로드 하려면access key, secret key 발급CORS 설정S3Client를 활용해 업로드cafe24같은 해외 웹호스팅 업체입니다. AWS S3같은 Storage 서비스도 제공합니다.디지털 오션 공식 홈페이지디지털 오션 관리자 페이지에
웹과 인터넷 개념
하이퍼텍스트와 멀티미디어를 통해 서비스를 이용할 수 있도록 구축되어 있다.사용자끼리 정보를 공유할 수 있는 공간을 의미한다.인터넷 상의 다양한 정보를 효과적으로 검색할 수 있는 시스템요청 (request) 와 응답 (Response) 의 형태로 이루어진 웹 통신 규약w
서버란 무엇일까요?
movie 서버는 '역할' 의 개념 한 컴퓨터가 네트워크로 연결된 다른 하나 또는, 그 이상의 컴퓨터들에게 뭔가를 해주면 서버(server)라고 하고 그 서비스를 받는 대상은 손님(client)이라고 한다. 우리가 알고있는 서버는 IDC(Internet Data Center)라는 시설에 있고 수많은 컴퓨터가 냉각장치와 함께 인터넷에 연결된 상태로 있다....
인터넷은 어떻게 작동될까요?
movie 인터넷의 작동방식 데이터센터 > 위성으로 신호 전송 > 사용자의 기기로 신호 전송 위의 방법은 먼 거리를 이동해야 하고 신호를 수신하는데 많은 시간이 걸림 데이터센터의 서버에도 IP주소가 있고, 이걸 알면 서버의 웹사이트에 접속할 수 있다. 서버는 여러 웹사이트를 저장할 수 있지만 서버의 IP주소만을 안다고 해서 모든 웹사이트에 접속할 수 있...
http response에 대한 회고록
web front 개발자로서 오랫동안 http 프로토콜을 사용했지만어떻게 response status를 다뤄야 잘 다뤘다고 소문이 날까 고민을 해왔다.이번 프로젝트도 어김없이 axios를 사용하고 있고 처음으로 typescript를 사용하고 있다.이번에는 axios의
네트워크 통신 - Stateful과 Stateless
웹 개발을 하다보면, 클라이언트(Client)와 서버(Server)간의 통신이 필수적이다.이를 어떻게 관리할 것인지에 대한 방법을 정리해보았다.상태 유지(Stateful)와 상태 유지하지 않음(Stateless)으로 구분할 수 있는데, 여기서의 "상태 유지"는 말 그대

[Twitter Clone] v0.0.0 Devlog - JWT Authentication (Client Side)
Intro > 주의! 필자의 주 영역이 프론트엔드가 아니다보니 코드에 문제가 상당히 많을 수 있습니다. 이번 주제는 예고했듯 클라이언트 사이드에서의 JWT Authentication 구현이다. 유즈케이스의 워크플로를 따라가며 구현 했던 JWT 인증 과정들을 살펴보도

Client / Server 란 무엇인가
클라이언트와 서버는 네트워크를 통해 데이터를 주고 받는 소프트웨어 OR 기계 장치를 의미합니다. 두 개의 기계장치 또는 소프트웨어의 역할 관계를 의미하는데 웹 사이트에서 정보를 검색 할 때 해당 정보를 요청하는 것이 클라이언트 ( Client ), 요청을 받아 정보를

쿠키(Cookie)와 세션(Session)의 차이
쿠키/세션을 사용하는 이유 HTTP 프로트콜의 특징이자 약점을 보완하기 위해서 사용한다. HTTP 프로트콜의 특징 Connectionless