profile
프론트 개발과 클라우드 환경에 관심이 많습니다:)

[Next.js] Pages Router 기본 개념

한 입 크리고 잘라먹는 Next.js (이정환) 강의를 듣고 학습 내용을 기록하였습니다.

약 4시간 전
·
0개의 댓글
·

[Next.js] 웹 개발 생태계의 진화와 함께 보는 등장배경

Next.js는 풀스택 웹 애플리케이션을 구축하기 위한 React 프레임워크입니다.

2일 전
·
0개의 댓글
·

[네트워크] TCP의 오류/흐름/혼잡 제어, 신뢰성 있는 전송을 위한 메커니즘

TCP 세그먼트의 체크섬 필드는 단순히 데이터의 훼손 여부만 나타내므로 패킷 자체의 유실, 잘못된 순서로 전송되는 등의 상황에는 이것만으로는 대처할 수 없다. 따라서 TCP는 연결 수립 이후 오류/흐름/혼잡 제어를 통해 신뢰성있는 전송을 보장한다.

6일 전
·
0개의 댓글
·

[MongoDB] mongoose DB 연결 시 connect ECONNREFUSED ::1:27017 에러 해결 (feat. IPv6)

로컬 환경에서 mongoose로 MongoDB 데이터 베이스 서버 연결이 아래와 같은 문구와 함께 실패했다. connect ECONNREFUSED ::1:27017

2025년 12월 7일
·
0개의 댓글
·

[웹] 쿠키, 브라우저에 저장되는 작은 메모장

쿠키(Cookie)는 브라우저에 저장되는 작은 크기의 문자열로 HTTP 프로토콜의 일부이다. 서버가 HTTP 응답 헤더의 ‘Set-Cookie’에 내용을 넣어 전달하면 브라우저는 이 내용을 자체적으로 브라우저에 저장하고, 이때 저장되는 내용이 쿠키이다.

2025년 12월 4일
·
0개의 댓글
·

[보안] XSS

XSS(Cross-Site Scripting)은 널리 알려진 웹 보안 취약점 중 하나로, 악의적인 사용자가 공격하려는 사이트에 악성 스크립트를 삽입하는 공격 기법이다.

2025년 12월 4일
·
0개의 댓글
·

[네트워크] Proxy Server, 네트워크 통신을 대리로 수행하는 서버

proxy 서버는 클라이언트와 서버 간의 중계 기 역할을 하는 서버로서 통신을 대리 수행한다.

2025년 12월 4일
·
0개의 댓글
·

[네트워크] HTTP, 클라이언트와 서버 간 주고받는 메시지에 대한 약속

HTTP(HyperText Transfer Protocol)는 클라이언트(웹 브라우저)와 서버 간 특정 컨텐츠에 대한 요청(Request)과 응답(Response)이 이루어질 때, 서로가 알아 들을 수 있는 메시지의 형식에 대한 약속이라 할 수 있다.

2025년 11월 27일
·
0개의 댓글
·
post-thumbnail

[보안] 대칭키 vs 비대칭키

대칭키와 비대칭키에 관해 학습한 내용을 정리하였다.

2025년 11월 25일
·
0개의 댓글
·

[프론트엔드] (이미지 최적화 시리즈) 지연로딩을 통한 API 요청 최소화

지연 로딩은 리소스를 논 블로킹(중요하지 않음)으로 식별하여 필요할 때만 로드하는 전략입니다. 이는 중요 렌더링 경로의 길이를 단축하는 방법으로, 페이지 로드 시간을 감소시킬 수 있습니다.

2025년 11월 22일
·
0개의 댓글
·

[프론트엔드] canvas.toBlob로 병목 해결하기

프론트엔드에는 폴링 방식으로 Video에 녹화된 운전자 모습을 일정 주기로 스냅샷처럼 canvas에 그려 전송하고 있었다.

2025년 11월 21일
·
0개의 댓글
·

[네트워크] 로드밸런싱 기본 개념

로드 밸런서(Load Balancer)란 일반적으로 서버가 받는 부하(load)를 분산해주는 장치 또는 기술을 뜻한다.

2025년 11월 20일
·
0개의 댓글
·

[네트워크] OSI 7 Layer 자세히 살펴보기

OSI 7 Layer의 세부 계층에 대해 알아보고 정리하고자 한다.

2025년 11월 20일
·
0개의 댓글
·
post-thumbnail

[네트워크] 기본 개념

네트워크는 노드와 간선으로 이루어진 그래프 형태의 자료구조를 의미한다.

2025년 11월 20일
·
0개의 댓글
·

[Cloud] 클라우드 컴퓨팅의 기본 개념

클라우드 컴퓨팅이란

2025년 11월 14일
·
0개의 댓글
·

[웹] 인증과 인가, 그리고 세션과 토큰 (feat. JWT)

인증과 인가는 ‘사용자의 권한을 확인’하는 행위라는 비슷한 의미를 지니지만, 엄밀히 따지면 전혀 다른 정의를 가지고 있다.

2025년 11월 13일
·
0개의 댓글
·
post-thumbnail

[Tanstack Query] 기본 개념

React 애플리케이션의 상태는 관리하는 데이터의 특성에 따라 지역 상태(Local State)와 전역 상태(Global State)로 나눌 수 있다.

2025년 11월 4일
·
0개의 댓글
·

[Zustand] 기본 개념

한 입 크기로 잘라먹는 실전 프로젝트 SNS 편 - 이정환 강의를 듣고 zustand에 대해 간략히 정리한 학습 내용입니다.

2025년 11월 2일
·
0개의 댓글
·

[테스트] Playwright MCP로 반복적인 업무 줄이기

인턴을 수행하며 퍼블리싱에 전념하고 있었다. 내가 담당한 작업이 UI이긴 했지만, 혹시나 기능적인 문제가 발생하지 않는지 또는 정상적인 UI가 표시되지 않는지 확인하는 과정이 필요했다.

2025년 10월 17일
·
0개의 댓글
·

[AWS] Playwright를 Lambda에서 실행하기

Nodejs 20 런타임의 Lambda에서 Playwright 실행하기

2025년 10월 11일
·
0개의 댓글
·