Web 4

[Web] Service Mesh

MSA의 통신의 복잡함 해결각 서비스 간의 통신의 복잡함 → 서비스 간 연결 구조를 알기 어려워 장애가 생겼을 시 위치 파악이 어려움ex) 클라이언트 → 서비스A → 서비스B 로 통신을 한다고 했을 때, 서비스B가 느려지거나 장애가 생긴다면 서비스 A에서 파악이 어려움위와 같은 상황을 해결하기 위한 기술 → Service MeshService MeshMSA의 단점을 인프라 단계에서 해결Service Mesh서비스와 서비스간의 통신이 있을 때, 서비스마다 프록시를 둠.서비스간의 통신은 프록시를 통해서 해결하고, 한쪽 서버에서 장애가 났을 때 프록시가 서킷 브레이커 역할을 대신해준다.서킷 브레이커(Circuit breaker)?디자인 패턴의 종류서비스A → 서킷 브레이커 → 서비스B 를 예시로 들었을 때, ..

Web 2024.05.07

[Web] MFA란(Micro Frontend Architecture)

Micro Frontend Architecture 개념장점작고, 응집력 있는 유지보수성을 가지는 코드베이스분리배포가 용이, 자율적인 팀 조직운영이 수월프론트엔드 개발을 점진적 업그레이드 또는 재작성이 수월단점배포 번들 사이즈가 커짐서로간의 개발 환경의 차이로 복잡도 증가운영의 복잡도 증가MFA 기법의 종류서버 템플릿 통합각 서버로 html 템플릿을 요청하고, 최종 응답서버에서 각 템플릿을 조합해서 응답을 보냄 서버측에서 최종 화면을 조합한다.빌드타임 통합단위 애플리케이션을 패키지로 배포하고, package.json에 명시한 후 컨테이너 애플리케이션에서 import하여 사용하는 방법 각 애플리케이션에 대한 런타임 대응이 안된다.  애플리케이션을 릴리즈하고 최종 애플리케이션에서 컴파일해야 한다. iframe..

Web 2024.05.03

[Web] 쿠키, 세션, 웹 스토리지의 차이점과 사용처

쿠키란? 쉽게는 흔히들 아는 헨젤과 그레텔 이야기 처럼 쿠키를 바닥에 떨어뜨려 자신의 흔적을 남기는 것과 같다고 생각하면 된다. 즉, 서버에 요청한 클라이언트의 정보를 일시적으로 key : value 모양으로 담게 된다. - 클라이언트(브라우저)에 저장되는 키와 같이 들어있는 작은 파일. - 클라이언트의 상태 정보를 클라이언트에 저장했다가 참조. - 한 개에 4KB 까지 저장, 최대 300개 까지 저장 할 수 있는 텍스트 파일 - 사용자가 따로 요청을 보내지 않아도 브라우저가 Request 시 Request Header에 넣어서 자동으로 서버에 전송한다. - 만료 날짜 지정이 가능 하다는 특성에 의해 n일 동안 보지 않기, 재방문시 아이디/비밀번호 자동입력 등 특정 시간이 지나면 다시 띄워주는 팝업 구현..

Web 2023.02.08

[Web] HTTP와 WebSocket의 차이

SSAFY에서 진행한 프로젝트를 되짚어보면서 1:1 채팅에서 사용 한 WebSocket에 대해 알아볼 겸 HTTP와의 차이에 대해 공부해보려 한다. HTTP란? HTTP (HyperText Transfer Protocol) 텍스트 기반의 통신 규약으로 인터넷에서 데이터를 주고받을 수 있는 프로토콜이다. 이렇게 규약을 정해두었기 때문에 모든 프로그램이 이 규약에 맞춰 개발해서 서로 정보를 교환할 수 있게 되었다. WebSocket이란? Transport protocol의 일종으로 쉽게 이야기하면 웹버전의 TCP 또는 Socket이라고 이해하면 된다.(TCP와는 엄연히 다르다. WebSocket은 HTTP 레이어에서 작동 ) WebSocket은 서버와 클라이언트 간에 Socket Connection을 유지해..

Web 2022.12.29
LIST