ougi FE

오늘은 제가 redis를 사용하게 된 계기와 어떻게 사용했는지 또 redis는 무엇인지에 대하여 글을 적게 되었습니다 Redis란?redis는 Remote(원격)에 위치하고 프로세스로 존재하는 In-Memory 기반의 Dictionary(key-value) 구조 데이터 관리 Server 시스템입니다 데이터 고속 읽기와 쓰기에 최적화 되어 있습니다메모리에서 데이터를 처리하기 때문에 작업 속도가 빠릅니다많은 프로그래밍 언어 프레임워크에 대한 API를 폭 넓게 지원합니다 In-Memory db디스크나 SSD가 아닌 컴퓨터의 주 메모리(RAM)에 데이터를 저장하고 관리하는 데이터베이스 캐시의 구조 패턴Look aside cache: 캐시를 한 번 접근 하여 데이터 여부를 확인 후 있다면 캐시의 데이터를 사용하고..

오늘은 제가 광주탈렌트페스티벌이라는 프로젝트를 하다가 실시간 투표를 구현하면서 SSE를 쓰게 될 뻔해서 글을 적어보았습니다하지만 결론적으로 사용하진 않았습니다 ㅠㅠSSE란?SSE는 Server-Sent-Events의 약자인데 서버에서 클라이언트로 실시간 이벤트를 전송하는 기술입니다하지만 web-socket과 다르게 HTTP 프로토콜을 기반으로 하여 동작합니다서버에서 클라이언트로 단방향으로 데이터를 푸시합니다주로 실시간 알림, 주식 시세 업데이트 등 같이 서버에서 발생하는 이벤트를 클라이언트에 즉시 반영해야 할 때 사용합니다 SSE는 웹소켓과 달리 Client가 Server로부터 데이터만 받을 수 있는 방식입니다구현이 간편합니다접속에 문제가 있으면 자동으로 재연결 시도를 하지만 클라이언트가 close해도 ..

오늘은 제가 처음으로 책 스터디를 진행하게 되어서 JS 코딩의 기술을 읽고저는 제5장 반복문을 단순하게 만들어라에 대해서 써보려고 합니다책에 대한 평가를 하고 제가 적기로 한 5장에 대해 설명하고 책 스터디 느낀 점, 마무리 순서로 이야기해 보겠습니다책에 대한 평가먼저 저의 개인적인 평가는 너무 이론만 담겨있는 게 아니라 많이 유용하게 쓰이는 꿀팁들이 여러 가지 들어있는 거 같아서다른 이론을 중시하는 책보다는 좋다고 느꼈습니다그리고 그냥 팁들만 있는 것이 아니라 좋은 예시 코드들이 내용을 탄탄하게 받쳐주고 있는 느낌을 많이 받았습니다목차들의 제목들도 안에 있는 내용들이 잘 와닿게 작성되어 있어서 원하는 부분만 골라먹어 볼 수 있을 거 같았습니다그리고 새로운 장을 시작하기 전에 분위기를 풀어주는 문장들도 ..

오늘은 개발하다가 친구가 모든 코드에 이 낙관적 업데이트를 적용 해놓은 걸 보았습니다..근데 저의 생각으로는 이렇게 모든 곳에 낙관적 업데이트를 적용하는게 바르지 않다고 생각하여서이게 무엇이고 어떻게 하는지 구체적으로 알아보려 합니다낙관적 업데이트란?낙관적 업데이트는 웹 애플리케이션에서 사용자 경혐을 향상시키기 위해 사용되는 개념이라고 합니다주로 네트워크 요청이나 데이터 업데이트와 관련하여 사용합니다낙관적 업데이트는 서버로 보낸 요청이 정상적일 것이라고 미리 예상하고클라이언트 요청에 대한 응답이 오기 전에 클라이언트의 데이터를 미리 업데이트 된 상태로 변경하는 작업을 말합니다장점사용자가 행동을 하면 즉각적으로 피드백이 되어서 사용자 경험이 향상됩니다단점만약 오류가 발생한다면 ui가 잠깐이라도 불일치할 수..

오늘은 예전부터 자세히 알아보고 싶었던 가비지 컬렉션에 대해서 알아보겠습니다가비지 컬렉션이란?쓸모 없어진 객체가 차지하는 메모리를 자동으로 해제하는 것입니다가비지 컬렉터가 자동으로 메모리 관리를 해줍니다 장점메모리 누수가 감소합니다메모리 관리에 신경쓰지 않을 수 있어서 생산성이 향상됩니다성능 손실을 최소화합니다단점가비지 컬렉션이 언제 발생하는지 실행 타이밍을 예측할 수 없습니다메모리 누수를 완전히 막지는 못합니다개발자가 제어할 수 없습니다가비지 컬렉션을 실행할 때 CPU 자원을 소모하므로 대규모 애플리케이션에서는 성능 저하 요소가 될 수 있습니다가비지 컬렉션 알고리즘자바스크립트의 가비지 컬렉션에 사용되는 알고리즘은참고-세기(Reference-counting)와 표시하고-쓸기(Mark-and-sweep) ..