분류 전체보기72 [서버 기초] PUT과 PATCH 차이, 수정인데 뭐가 다르지? 💡 “수정인데… PUT? PATCH? 그냥 아무거나 써도 되나?”API 설계할 때, 많이 헷갈리는 부분!"수정할 땐 PUT? PATCH? 둘 다 되는 거 아냐?"실제로는 둘 다 수정용 메서드지만역할이 다릅니다. 오늘은 그 차이를 확실하게 알려드릴게요! 😊🛠️ PUT이란?PUT은"리소스 전체를 새로 덮어쓰기(교체) 하는 메서드"입니다.📦 특징:전체 업데이트 (Replace)없는 경우 새로 생성도 가능보통 완전한 데이터를 보내야 함예시:PUT /users/1Body: { "name": "John", "age": 30}→ id가 1번인 사용자의 이름과 나이를 둘 다 새로 세팅→ 만약 email 같은 다른 속성도 있었다면, 이 요청에는 포함해야 함→ 안 보내면 그 필드는 사라질 수도 있음!🔧 PAT.. 2025. 4. 30. [HTML] div 영역을 화면 정중앙에 배치하는 법 (flex + height 100vh 활용) 💡 div 박스를 화면의 딱 가운데(가로 + 세로 중앙)에 위치시키고 싶다면?웹 페이지를 만들다 보면 어떤 요소를 화면의 정확한 중앙에 배치하고 싶을 때가 많아요.예전에는 position: absolute, top: 50%, transform: translate(-50%, -50%) 같은 방법을 썼지만,요즘은 CSS flexbox와 height: 100vh 조합으로 더 쉽게 구현할 수 있습니다.🛠️ 화면 정중앙 배치: 코드 예제와 설명✅ 기본 예제 (flexbox + height 100vh) 화면 정중앙 박스🎯 포인트 설명height: 100vh; 👉 화면 전체 높이 사용 (Viewport Height)display: flex; justify-content: center; align-items:.. 2025. 4. 30. [서버 기초] HTTP 상태 코드 200, 404, 500… 에러코드 총정리! 💡 “200? 404? 500? 뭐가 뭔데?”API 요청하고 나면 이런 숫자 코드가 나와요:200 OK404 Not Found500 Internal Server Error"어… 200이면 된 거 같은데, 500은 뭔가 심각한 거 같고…근데 정확히 뭐가 다른 거지?"오늘은 진짜 실무에서 자주 쓰이는 상태 코드만간결하고 쉽게 정리해드립니다! 😊🌐 HTTP 상태 코드란?HTTP 상태 코드는서버가 클라이언트의 요청에 대해"어떤 상황인지" 숫자로 알려주는 신호입니다. 📦 예시:200 → 정상 처리 완료!404 → 그런 거 없어요!500 → 서버 쪽 문제났어요!🎯 상태 코드 대분류코드 범위의미1xx처리 중 (잘 안 씀)2xx성공 (OK!)3xx리다이렉트 (다른 데로 가세요)4xx클라이언트 오류 (요청이 잘.. 2025. 4. 29. [HTML] div 안의 글자 수직 가운데 정렬하는 법 (flex 활용) 💡 div 안의 글자를 세로(수직) 가운데로 정렬하고 싶다면?웹페이지에서 div 영역 안의 텍스트나 버튼을 세로(수직) 방향으로 가운데 정렬하고 싶을 때가 많아요.예전에는 padding, line-height, position을 이용했지만,지금은 CSS flexbox를 사용하면 훨씬 쉽고 깔끔하게 설정할 수 있습니다.🛠️ div 안의 글자 수직 가운데 정렬: 코드 예제와 설명✅ 기본 예제 (flexbox 사용) 가운데 정렬된 텍스트🎯 포인트 설명display: flex; 👉 flexbox를 사용하겠다는 선언justify-content: center; 👉 가로 방향 가운데 정렬align-items: center; 👉 세로 방향 가운데 정렬width, height: 박스 크기 설정border, .. 2025. 4. 29. [서버 기초] GET과 POST 비교, 도대체 뭐가 다른 거야? 💡 "둘 다 요청인데, 뭐가 다른데?"처음 API 공부할 때이런 질문 다들 해보셨을 거예요.“GET도 요청이고, POST도 요청인데…그냥 아무거나 써도 되는 거 아냐?” 근데 실무에서는 꼭 구분해서 써야 하는 이유가 있어요!오늘은 GET과 POST의 진짜 차이, 완전 쉽게 알려드릴게요. 😊🌐 GET이란?GET은"서버에 데이터를 달라고 요청할 때 쓰는 메서드"예요. 📦 특징:조회(Read) 용주소(URL)에 데이터가 포함됨브라우저에 캐싱 가능북마크 가능예시:GET /users?id=1→ id가 1인 사용자 정보를 조회해줘!✍️ POST란?POST는"서버에 새로운 데이터를 보낼 때(생성, 등록) 쓰는 메서드"입니다.📦 특징:등록(Create), 전송 용데이터가 **Body(본문)**에 담겨 감주소창.. 2025. 4. 28. [HTML] input 클릭 시 테두리 색상 바꾸는 법 (focus 속성 활용) 💡 input 박스를 클릭했을 때 테두리 색을 바꾸고 싶다면?웹페이지에서 input 박스를 클릭하거나 포커스될 때 테두리(border) 색상이 자동으로 바뀌지 않아서직접 스타일을 지정해야 하는 경우가 많아요.이 글에서는 CSS의 :focus 선택자를 활용해 클릭 시 테두리 색상 변경 방법을 알려드립니다.🛠️ input 클릭 시 테두리 색상 변경: 코드 예제와 설명✅ 기본 예제🧩 포인트 설명input:focus 👉 클릭하거나 키보드로 선택됐을 때 적용outline: none; 👉 기본 포커스 효과(파란 테두리)를 제거border-color: 원하는 색; 👉 원하는 색상으로 변경 가능색상 추천:파란색: blue연두색: limegreen빨간색(경고): red⚡ 함께 알아두면 좋은 속성속성역할bord.. 2025. 4. 28. 이전 1 2 3 4 5 ··· 12 다음 반응형
