4094Fixer: Next.js 4094 에러 자동 해결 프로그램
·
프로젝트/Componique: UI 컴포넌트 라이브러리
GitHub 레포지토리프로그램의 소스 코드는 GitHub 레포지토리에서 확인할 수 있습니다. 해당 레포지토리에서는 프로그램의 사용법과 설치 방법에 대한 자세한 설명이 포함되어 있습니다.kimjusnu/4094Fixer: Resolve Next.js 4094 errors with automatic cache clearing and package reinstalling. (github.com) GitHub - kimjusnu/4094Fixer: Resolve Next.js 4094 errors with automatic cache clearing and package reinstalling.Resolve Next.js 4094 errors with automatic cache clearing and pack..
Next.js에서 발생한 4094 에러 해결 과정
·
프로젝트/Componique: UI 컴포넌트 라이브러리
프로젝트를 진행하면서 Next.js에서 갑작스럽게 4094 에러가 발생하기 시작했습니다. 처음에는 프로젝트가 정상적으로 작동했지만, 진행되면 될수록 이 에러가 점점 빈번해졌습니다. 에러 해결을 위해 다양한 방법을 시도했지만 쉽지 않았고, 결국 스스로 문제의 원인을 찾아 해결하게 된 과정을 공유하려 합니다.처음 4094 에러가 발생했을 때, 저는 먼저 구글링을 통해 문제를 해결하려 했습니다. 하지만 이 에러에 대한 정보는 거의 없었고, Stack Overflow와 GitHub에서도 명확한 해결책을 찾기 어려웠습니다. 대다수의 답변이 이 에러에 대해 잘 모른다는 것이었습니다.1. 재부팅과 기본적인 해결책 시도일반적으로 시스템에서 문제가 발생하면 재부팅부터 시도하는 것이 첫 번째 방법입니다. 저는 VSCode..
면접은 소개팅이다.
·
튼튼발자의 끄적끄적
면접, 솔직히 어떻게 준비해야 할지 막막하고, 긴장되고 걱정되죠? 그 마음을 너무 잘 알기에, 오늘은 조금 색다르게 면접을 소개팅에 빗대어 얘기해볼까 해요. 이게 면접을 준비하는 데 조금이라도 도움이 되길 바라며, 시작해볼게요.면접은 소개팅이다.면접을 생각하면, 저는 소개팅이 자꾸 떠오르더라고요. 왜냐하면 둘 다 ‘자신을 보여주는 자리’니까요. 소개팅에서 우리가 상대방에게 매력적으로 보이고 싶어 하듯이, 면접에서도 회사에 나를 잘 보여주고 싶어 하잖아요. 그래서 저는 면접을 소개팅처럼 생각하면 덜 부담스럽고, 덜 긴장할 수 있지 않을까 싶어요.소개팅을 해본 적 있나요? 만약 없더라도 괜찮아요. 보통의 소개팅은 서로에게 어느 정도 호감을 가지고 시작해요. 예를 들어 외모가 내 스타일이거나 성격이 잘 맞을 ..
프로젝트에서의 상태 관리: 템플릿과 Zustand를 통한 UX기반 설계
·
프로젝트/Componique: UI 컴포넌트 라이브러리
사용자 페이지 설계프로젝트의 사용자 페이지를 기획할 때, 어떤 방식으로 사용자가 페이지를 구성할 수 있도록 할지에 대한 고민이 많았습니다. 처음에는 사용자가 원하는 컴포넌트를 자유롭게 배치해서 자신의 페이지를 만들 수 있게 하는 아이디어를 떠올렸습니다. 하지만 곧 몇 가지 문제가 떠올랐습니다.기술 구현의 복잡성: 사용자가 임의로 컴포넌트를 배치하려면, 드래그 앤 드롭과 같은 복잡한 UI 기능을 구현해야 합니다. 이를 위해서는 고급 기술 스택과 추가적인 시간 및 노력이 필요하게 되는데, 이는 프로젝트의 일정에 부담을 줄 것 같았습니다.페이지 구성의 어려움: 사용자가 자유롭게 배치할 수 있는 만큼, 어떻게 배치해야 좋은 페이지가 될지 모를 가능성도 컸습니다. 특히, 디자인 경험이 없는 사용자는 이 기능을 활..
TCP 혼잡 제어
·
전공 공부/컴퓨터네트워크
TCP 혼잡 제어: AIMDAIMD(Additive Increase Multiplicative Decrease)는 TCP 혼잡 제어에서 사용되는 알고리즘으로, 송신자는 패킷 손실이 발생할 때까지 전송 속도를 증가시키고, 손실이 발생하면 전송 속도를 감소시킵니다. 이 과정을 통해 네트워크 혼잡을 최소화하고 전송 성능을 최적화합니다.가법적 증가: 송신자는 매 RTT(Round-Trip Time)마다 전송 속도를 1 MSS(Minimum Segment Size)만큼 증가시킵니다.승법적 감소: 패킷 손실이 감지되면 전송 속도를 절반으로 감소시킵니다.  왜 AIMD를 사용하는가? AIMD는 네트워크 혼잡을 방지하기 위한 혼잡 제어 알고리즘입니다. 전송 속도를 점진적으로 증가시키고, 혼잡을 감지하면 급격히 감소시키..
혼잡 제어의 원리
·
전공 공부/컴퓨터네트워크
혼잡 제어란 무엇인가?혼잡 제어는 네트워크에서 다수의 송신자가 동시에 많은 데이터를 빠르게 전송할 때 발생하는 혼잡을 해결하기 위한 메커니즘입니다. 혼잡이 발생하면 패킷 지연이나 패킷 손실이 생기며, 네트워크 성능이 저하됩니다.  혼잡 제어와 흐름 제어의 차이혼잡 제어는 다수의 송신자가 네트워크에 과도한 데이터를 보내는 상황을 관리하는 것이며, 흐름 제어는 단일 송신자가 수신자의 처리 능력을 초과하지 않도록 전송 속도를 조절하는 메커니즘입니다. 흐름 제어와의 차이점 - **혼잡 제어**: 네트워크 전체의 혼잡을 관리. - **흐름 제어**: 수신자의 처리 능력을 고려해 데이터를 전송. 더보기✅ 흐름 제어와의 차이점 혼잡 제어: 네트워크 전체의 혼잡을 관리.흐름 제어: 수신자의 처리 능력을 고려해 데이터..
TCP 흐름 제어
·
전공 공부/컴퓨터네트워크
TCP 흐름 제어TCP 흐름 제어는 송신자가 수신자의 버퍼 크기를 초과하지 않도록 전송 속도를 조절하는 과정입니다. 이는 Receive Window(rwnd) 값을 통해 이루어집니다. 이 과정에서 송신자는 수신자가 수신할 수 있는 데이터 크기보다 많은 데이터를 전송하지 않도록 보장합니다.TCP 흐름 제어의 과정수신자는 자신이 처리할 수 있는 여유 공간을 나타내는 rwnd 값을 송신자에게 전달합니다. 이 값은 TCP 헤더의 Receive Window 필드에 담겨 전송됩니다.송신자는 rwnd 값보다 적은 데이터 양을 전송하며, 수신자의 버퍼가 가득 차지 않도록 데이터 흐름을 제어합니다.수신자가 버퍼에서 데이터를 처리할 때마다 rwnd 값이 갱신되어 송신자에게 다시 전달됩니다.TCP 연결 관리TCP는 송신자와..
연결지향형 트랜스포트 : TCP
·
전공 공부/컴퓨터네트워크
TCP란 무엇인가?TCP(Transmission Control Protocol)는 인터넷에서 데이터를 신뢰성 있게 전송하기 위한 트랜스포트 계층 프로토콜입니다. TCP는 연결 기반, 신뢰성 보장, 순서 보장 등을 제공하며, 데이터를 전송하기 전 송신자와 수신자 간에 핸드셰이킹 절차를 통해 연결을 설정합니다. 또한 TCP는 데이터가 손실되거나 잘못 전송된 경우 이를 복구하는 기능도 제공합니다.TCP의 주요 기능누적 ACK(Acknowledgement): TCP는 송신한 데이터가 수신자에게 정상적으로 도착했는지 확인하기 위해 누적 ACK를 사용합니다. 이때 송신자는 수신자로부터 정상 수신한 데이터에 대한 ACK 번호를 받습니다.파이프라이닝: 송신자는 여러 개의 데이터 세그먼트를 연속적으로 전송할 수 있습니다..