클라이밍하는 개발자

🎫 JWT(Json Web Token), 왜 이렇게 인기가 많을까?🤔 JWT가 뭔가요?JWT는 콘서트 티켓 같은 거예요! 🎵 일반 티켓과 다른 점은, 티켓 자체에 "좌석 번호, 구매자 정보, 유효기간" 등이 모두 적혀있다는 거죠. 그래서 매번 매표소에 가서 확인받을 필요 없이, 티켓만 보여주면 바로 입장할 수 있어요!✨ JWT의 3가지 핵심 장점🏃‍♂️ 1. Stateless - "서버야, 넌 기억할 필요 없어!"전통적인 세션 방식은 호텔 키카드 같아요 🏨체크인할 때 프론트에서 "301호 김철수님"이라고 기록해둬요매번 출입할 때마다 프론트에서 "이 키카드가 누구 건지" 확인해야 해요서버(호텔)가 모든 정보를 기억하고 있어야 해요JWT는 신분증 같아요 🆔신분증 자체에 모든 정보가 들어있어요어디서..

🤔 경쟁 상태가 뭔가요?식당에서 마지막 남은 치킨 한 마리를 두고 두 명의 손님이 동시에 주문하는 상황을 상상해보세요! 🍗직원 A는 "아직 치킨이 있네, 주문 받겠습니다" 하고, 동시에 직원 B도 "아직 치킨이 있네, 주문 받겠습니다" 라고 판단해서 둘 다 주문을 받아버렸어요. 결국 치킨은 하나밖에 없는데 두 명한테 판매해버린 거죠! 😱이게 바로 경쟁 상태예요. 여러 스레드가 같은 자원(치킨 재고)에 동시에 접근할 때, 실행 순서에 따라 예상과 다른 결과가 나오는 현상이에요.🔐 해결하려면 뭐가 필요할까?경쟁 상태를 해결하려면 원자성(Atomicity)과 가시성(Visibility) 이 두 가지가 모두 보장되어야 해요!🎯 원자성(Atomicity) - "한 번에 끝내기"원자성은 작업을 "더 이상 ..

🌐 DNS란? 인터넷의 전화번호부!🤔 DNS가 뭘까?DNS는 인터넷의 전화번호부예요! 📞우리가 친구에게 전화할 때 "김철수"라는 이름으로 찾지, "010-1234-5678"을 외우고 있지 않잖아요? 마찬가지로 웹사이트도 google.com이라는 이름으로 접속하지, 172.217.175.110 같은 IP 주소를 외우지 않아요.DNS는 이런 도메인 이름을 IP 주소로 변환해주는 시스템이에요!🏢 DNS 서버들의 역할 분담🏠 로컬 네임 서버 (우리 동네 안내소)KT, SKT, LG 같은 통신사 DNS 📡구글 DNS (8.8.8.8) 같은 공개 DNS클라이언트와 가장 가까운 곳에 있어요🌍 루트 네임 서버 (세계 최고 관리소)인터넷의 최상위 관리자 👑전 세계에 13개만 존재해요!TLD 서버 위치를 알..

🚨 useState를 조건문에서 쓰면 안 되는 이유 (React Hooks 규칙)🤔 왜 이런 규칙이 있을까?React의 useState는 마치 은행 창구 번호표 시스템과 같아요! 📋은행에 가면 번호표를 뽑잖아요? 1번, 2번, 3번... 순서대로 말이죠. React도 마찬가지로 컴포넌트 안에서 useState를 호출할 때마다 내부적으로 "1번 state, 2번 state, 3번 state..." 이런 식으로 순서를 기억해둬요.🎭 조건문 안에서 useState를 쓰면 벌어지는 일만약 조건문 안에서 useState를 쓴다면?첫 번째 렌더링 🎬조건이 true → useState 호출됨 → React: "아, 1번 state네!"두 번째 렌더링 🎬조건이 false → useState 호출 안됨 → R..

연속 메모리 할당이란? 🤔연속 메모리 할당은 운영체제가 프로세스에게 메모리를 연속적으로 할당하는 방법입니다. 쉽게 말해, 하나의 프로세스가 메모리에서 한 덩어리로 존재하게 하는 것이죠!🏠 아파트 예시로 생각해보세요:한 가족(프로세스)이 101호, 102호, 103호를 연속으로 사용하는 것101호, 205호, 308호처럼 흩어져 있지 않고 붙어있는 공간을 사용 할당 방식의 종류 📋1. 고정 크기 할당 (Fixed Partition) 🧱메모리를 미리 정해진 크기로 나누어 놓는 방식입니다.예시:메모리를 100MB씩 구획으로 나누어 놓음50MB 프로세스도 100MB 구획을 통째로 사용간단하지만 메모리 낭비가 발생할 수 있음2. 가변 크기 할당 (Variable Partition) 🔄프로세스 크기에 맞춰..

무중단 배포(Zero-Downtime Deployment)란? 🚀무중단 배포는 서비스가 중단되지 않으면서 새로운 버전의 애플리케이션을 배포하는 방법입니다.즉, 사용자는 배포 중에도 끊김 없이 서비스를 이용할 수 있습니다.이런 배포 방식은 사용자 경험을 해치지 않고, 빠르게 기능을 개선하거나 버그를 수정할 수 있다는 큰 장점이 있습니다. 대표적인 무중단 배포 방식과 예시1. 롤링 배포(Rolling Deployment) 🔄개념: 서버 여러 대 중 한 대씩 순차적으로 새로운 버전으로 교체합니다.특징:한 번에 한 서버만 업데이트하므로 다운타임이 없습니다.배포 중에는 두 버전이 공존하므로 하위 호환성에 신경 써야 합니다.새로운 서버를 추가로 만들 필요가 없어 비용 부담이 적습니다.배포 중 업데이트되는 서버에..

모노레포, 여러 프로젝트를 하나로 관리하는 똑똑한 방법! 📁모노레포가 뭔가요? 🤔모노레포(Monorepo) = Mono(단일) + Repo(저장소)쉽게 말해서 여러 개의 프로젝트를 하나의 깃 저장소에서 관리하는 방식이에요!일상 예시로 이해하기 📚 회사에서 여러 서비스를 개발한다고 생각해보세요쇼핑몰 웹사이트모바일 앱관리자 대시보드공통 디자인 시스템전통적인 방식이라면 각각 별도의 깃 저장소를 만들어야 하지만, 모노레포는 이 모든 걸 하나의 저장소에서 관리해요!my-company/├── apps/│ ├── web/ # 웹사이트│ ├── mobile/ # 모바일 앱│ └── admin/ # 관리자 대시보드├── packages/│ ├── ui/ ..

이미지 alt 속성, 단순 설명이 아닌 필수 기능! 🖼️alt 속성이 왜 중요할까요? 🤔웹사이트에서 이미지를 넣을 때 alt 속성을 그냥 대충 쓰거나 빼먹는 경우가 많은데, 실제로는 웹 접근성의 핵심이에요!마치 시각장애인을 위한 점자책처럼, alt 속성은 이미지를 "읽을 수 있게" 만들어주는 역할을 합니다 📖1. 이미지 로드 실패 시 대체 텍스트 💔일상 상황 예시 커피숍 홈페이지에서 신메뉴 이미지가 안 뜨는 상황을 생각해보세요! 네트워크가 느리거나 이미지 파일에 문제가 있을 때, alt 속성이 있으면 사용자가 뭔지 알 수 있어요.이미지가 안 뜨면 "아메리카노 - 진한 원두의 깊은 맛"이라는 텍스트가 나타나서 사용자가 뭔지 바로 이해할 수 있어요! ☕ 2. 접근성 - 모든 사용자를 위한 배려 ♿스크..

분산 환경에서 Redis 잠금, 이렇게 구현하세요! 🔐분산 잠금이 왜 필요할까요? 🤔온라인 쇼핑몰에서 마지막 1개 남은 상품을 여러 명이 동시에 주문한다고 생각해보세요. 서버가 3대 있다면, 3명이 동시에 "재고 확인 → 주문 처리"를 할 수 있어요. 결과적으로 재고는 1개인데 3개가 팔리는 문제가 발생하죠! 😱이런 상황에서 분산 잠금이 필요합니다. 마치 화장실 문에 자물쇠를 걸어서 한 명만 들어갈 수 있게 하는 것처럼요! 🚪Redis SET 명령어로 간단한 분산 잠금 구현하기 💡Redis의 SET 명령어에 NX 옵션을 사용하면 분산 잠금을 만들 수 있어요.동작 방식서버들이 SET product:123 server1 NX EX 30 명령어로 잠금 시도NX 옵션: 키가 없을 때만 값 설정 (먼저 ..

Reset CSS vs Normalize CSS 완벽 가이드 🎨왜 필요한가요? 🤔웹 개발을 하다 보면 이런 경험 있으시죠? 😅크롬에서는 멀쩡했는데 Safari에서 보니 이상해! 🤦‍♂️ Firefox에서는 버튼이 왜 이렇게 생겼지? 🤷‍♀️이런 일이 생기는 이유는 각 브라우저마다 기본 스타일이 다르기 때문입니다!마치 카페마다 아메리카노 맛이 다른 것처럼, 브라우저마다 태그의 크기나 의 모양이 조금씩 달라요 ☕Reset CSS - 백지 상태로 만들기! 🗒️Reset CSS는 모든 걸 초기화하는 방식입니다!🎯 Reset CSS의 철학"모든 스타일을 지워버리고 처음부터 시작하자!"마치 새 노트북을 샀을 때 기본 프로그램을 다 삭제하고 필요한 것만 설치하는 것과 같아요! 💻어떻게 동작하나요?/*..