구버전/CS Study
-
[CS Study] 실시간 업데이트 기법(웹소켓과 SSE)구버전/CS Study 2024. 6. 18. 16:36
개요1. 실시간 업데이트 기법2. SSE(Server-Sent-Event)란?3.웹소켓이란? ✅ 실시간 업데이트 알람 기능과 채팅 기능 등 실시간으로 백엔드에서 정보를 받아서 클라이언트에 나타내야하는 기능들이 많아진 근래의 애플리케이션에서는 기존의 HTTP 통신만으로는 실시간성을 보장하기 힘들고 효율적이지 못한 부분이 생기게 되었다. 실시간 업데이트를 위해 사용되는 다양한 기법과 우리가 주로 사용하고 있는 SSE 및 웹소켓에 대해 알아보자! 📦 폴링(Polling)클라이언트가 일정 주기로 서버에 필요한 데이터를 요청하는 방식으로 가장 쉽지만 데이터의 변경 유무에 관계 없이 계속 요청을 보내 서버에 부담을 주며, 주기가 짧아질수록 부담이 가증된다.(요청과 응답이 1대1로 이루어짐)주기적인 데이터 요청은 ..
-
[CS Study] INP란 무엇인가?구버전/CS Study 2024. 5. 1. 15:05
개요INP의 정의크롬 개발자 도구를 통한 INP 개선 방법 응답성(페이지가 인터렉션에 얼마나 빠르게 응답하는지)은 사용자에게 매우 중요하다. ✅ INP의 정의📦 INP (Interaction to Next Paint)다음 페이지와의 상호작용이라는 의미의 INP는 반응성을 평가하는 실험 지표로써 페이지에서 발생하는 모든 상호작용을 측정하여 페이지의 전반적인 응답성을 측정하며 이를 통해 시간을 최소화하는 것이 목표이다.INP는 페이지 수명동안의 모든 상호작용 요소를 관찰하고 가장 긴 응답 시간(지연 시간)이 가진 것을 보고한다.INP가 낮으면 페이지의 대다수의 상호작용이 대부분 빠르게 반응한다 -> 좋은 응답성을 가진다. 🎉 지연 시간이란?더보기단일 상호작용의 지연 시간은 상호작용의 일부인 어떠한 이벤..
-
[혼공컴운] 보조기억장치구버전/CS Study 2024. 3. 24. 16:40
개요 1. 다양한 보조기억장치 - 하드디스크 - 플래시 메모리 2. RAID의 정의와 종류 - RAID의 정의 - RAID의 종류 ✅ 다양한 보조기억장치 보조기억장치는 대중적으로 하드 디스크와 플래시 메모리가 있으며 흔히 사용되는 USB, SD카드, SSD와 같은 저장장치를 말합니다. 📦 하드 디스크 자기적인 방식으로 데이터를 저장하는 보조기억장치로 자기 디스크의 일종으로 지칭하기도 한다. 동작을 LP나 CD와 비슷하게 동작하며 동그란 원판에 데이터를 저장하고 뾰족한 리더기로 회전하는 원판에 데이터를 읽는다. 플래터: 실질적으로 데이터가 저장되는 곳(동그란 원판)으로 수많은 N극과 S극을 저장하며 N극, S극은 0과 1의 역할을 한다. 스핀들: 플래터를 회전시키는 구성 요소 RPM: 스핀들이 플래터를 돌..
-
[CS Study] 프론트엔드 테스트 코드란?구버전/CS Study 2024. 3. 19. 14:36
개요 1. 왜 해야할까? 2. 테스트 코드 종류 3. Jest and React Testing Library ✅ 왜 해야할까? 프론트엔드 개발 환경의 발전에 따라 요구하는 애플리케이션 수준이 복잡해지고 다양한 방법론과 도구들이 등장하게 되었다. 이 중에서 효율적으로 테스트를 할 수 있는 방법과, 테스트를 해야하는 이유 및 개념에 대해서 알아보도록 하자. 📦 테스트란? "프로그램을 실행하여 오류와 결함을 검출하고 애플리케이션이 요구사항에 맞게 동작하는지 검증하는 절차"로써 발생 가능한 결함을 예방하고 개발 과정에서 생기는 변경 사항으로 인해 새로운 결함이 생기는지 확인하여 자신감 있게 리팩토링 및 코드 개선을 할 수 있으며, 자동화를 통해 휴먼 에러의 가능성도 낮출 수 있다. 빠르고 신회할 수 있는 테스트..