분류 전체보기71 [서버 기초] Proxy와 Reverse Proxy, 헷갈리는 프록시 개념 쉽게 이해하기! 💡 "프록시? 리버스 프록시? 뭐가 다른데?"서버 관련 문서나 강의 보면"Proxy""Reverse Proxy"비슷하게 생긴 이름에 많이 헷갈리셨죠? 🤔사실 둘은 위치와 역할이 완전히 다릅니다. 오늘은 그림과 예시로 아주 쉽게 구분해드릴게요! 😊🧭 Proxy란?Proxy(프록시)는클라이언트 쪽에서 요청을 대신 보내주는 중간 서버입니다.✅ 즉, 내가 직접 서버에 요청하는 게 아니라프록시 서버에게 대신 부탁하는 거예요. 예시:회사 내부 네트워크 → 프록시 서버 → 인터넷VPN → 나 대신 다른 IP로 요청"우회" 느낌!📌 사용자 → 프록시 → 서버🔁 Reverse Proxy란?Reverse Proxy(리버스 프록시)는서버 쪽에서 요청을 받아서 내부 서버로 전달해주는 중간 관리자입니다.✅ 사용자들은.. 2025. 5. 2. [HTML] 버튼 클릭 시 다른 페이지로 이동하는 법 (a 태그 vs window.location) 💡 버튼을 눌렀을 때 다른 페이지로 이동시키고 싶다면?웹페이지에서 버튼을 클릭하면 다른 페이지로 이동하는 기능이 필요한 경우가 많아요. 태그를 써도 되고, JavaScript의 window.location을 써도 가능해요.이 글에서는 두 가지 방법의 차이점과 사용 예제를 알려드립니다.🛠️ 방법 1. a 태그 사용하기 (HTML만으로 이동)가장 간단한 이동 방법입니다. 이동하기✅ 장점:HTML만으로 구현 가능새 탭에서 열고 싶으면 target="_blank" 추가 새 탭에서 이동🛠️ 방법 2. JavaScript window.location 사용하기JS로 제어하고 싶을 때 사용하는 방법입니다. 이동하기✅ 장점:이동 시점이나 조건을 JS 코드로 더 세밀하게 제어 가능예: 로그인 확인 후 이동, 확.. 2025. 5. 2. [서버 기초] 세션, 쿠키, JWT? 로그인 상태 유지 방식 깔끔 정리! 💡 "로그인했는데, 어떻게 내가 나인지 기억하는 거야?"웹사이트에 로그인했더니"오늘도 로그인 안 풀리고 잘 유지되네?"그런데 로그인 유지하는 방법은 여러 가지가 있어요.세션(Session)쿠키(Cookie)JWT (JSON Web Token)이 세 가지가 왜 다른지, 어떻게 쓰는지 오늘 깔끔하게 정리해드릴게요! 😊🧾 쿠키(Cookie)란?쿠키는브라우저에 저장되는 작은 데이터 파일입니다. 📦 특징:클라이언트(브라우저)가 보관매번 요청할 때 자동으로 같이 전송Set-Cookie 헤더로 서버가 설정예시:Set-Cookie: session_id=abcd1234; HttpOnly;✅ 주로 세션 ID 저장 용도로 사용!🛡️ 세션(Session)이란?세션은서버가 사용자 정보를 서버 메모리나 DB에 저장하고클.. 2025. 5. 1. [앱테크] 비트코인·금 모으는 만보기 앱?! 비트버니 사용 후기 (837BE6) 하루 10분 투자, 걷기만 해도 금과 비트코인을 모을 수 있다고?이거 그냥 리워드 앱 아니야?광고 덜 보고, 포인트로 실물 자산까지 전환 가능한 앱, 궁금하지 않나요?요즘 제가 직접 써보고 있는 앱 하나 소개할게요.바로 비트버니라는 만보기 앱입니다.포인트만 주는 다른 리워드 앱과는 조금 달라요.적립한 포인트로 금, 은, 비트코인, 이더리움까지 바꿀 수 있어요. 🪙✨🎯 비트버니, 뭐가 다른데?✅ 만보기로 포인트 자동 적립✅ 출석 체크만 해도 포인트 쌓임✅ 상식 퀴즈 풀면 추가 보너스 포인트 지급걸으면서 건강 챙기고출석·퀴즈로 똑똑하게 포인트까지 쌓는다!포인트는 쌓았는데… 문제는 어디에 쓸까?💡 포인트 적립 → 금·비트코인으로 전환!비트버니에서는 단순히 포인트 적립이 끝이 아니에요.이 포인트가 곧 자산.. 2025. 5. 1. [HTML] div 안의 이미지 비율 유지하며 꽉 채우는 법 (object-fit 활용) 💡 div 영역 안에 이미지를 꽉 채우면서 비율은 유지하고 싶다면?웹 페이지를 만들 때 이미지를 div 안에 채우고 싶은데,이미지 비율(가로 세로 비율)은 그대로 유지하면서, 박스는 깔끔하게 꽉 채우고 싶을 때가 많아요.이럴 때는 CSS의 object-fit 속성을 사용하면 간단하게 해결할 수 있습니다.🛠️ 이미지 비율 유지하며 div 안에 꽉 채우기: 코드 예제와 설명✅ 기본 예제 (object-fit: cover) 🎯 포인트 설명object-fit: cover; 👉 이미지 비율 유지 + 박스를 꽉 채움 (잘리는 부분 생김)width: 100%; height: 100%; 👉 div 영역에 맞춰 이미지 크기 조정overflow: hidden; 👉 넘치는 이미지를 잘라서 깔끔하게 맞춤⚡ obj.. 2025. 5. 1. [서버 기초] PUT과 PATCH 차이, 수정인데 뭐가 다르지? 💡 “수정인데… PUT? PATCH? 그냥 아무거나 써도 되나?”API 설계할 때, 많이 헷갈리는 부분!"수정할 땐 PUT? PATCH? 둘 다 되는 거 아냐?"실제로는 둘 다 수정용 메서드지만역할이 다릅니다. 오늘은 그 차이를 확실하게 알려드릴게요! 😊🛠️ PUT이란?PUT은"리소스 전체를 새로 덮어쓰기(교체) 하는 메서드"입니다.📦 특징:전체 업데이트 (Replace)없는 경우 새로 생성도 가능보통 완전한 데이터를 보내야 함예시:PUT /users/1Body: { "name": "John", "age": 30}→ id가 1번인 사용자의 이름과 나이를 둘 다 새로 세팅→ 만약 email 같은 다른 속성도 있었다면, 이 요청에는 포함해야 함→ 안 보내면 그 필드는 사라질 수도 있음!🔧 PAT.. 2025. 4. 30. 이전 1 2 3 4 ··· 12 다음 반응형
