DBA

✅ ASP.NET MVC에서 체크박스 사용법 & 다중 선택 처리 방법 (jQuery + foreach 예제 포함) 체크박스는 다중 선택이 가능한 폼 요소로 설문, 옵션 설정, 알림 설정 등에서 자주 사용됩니다.이번 포스트에서는 아래 내용을 실전 위주로 정리했습니다.HTML 체크박스 구성jQuery로 체크된 항목 모두 가져오기MVC에서 선택된 리스트 처리하기foreach로 항목 반복 출력✅ STEP 1. HTML로 체크박스 구성하기 운동 독서 여행 게임📝 name="hobby"로 그룹화하고, value 속성에 전달될 값을 설정합니다.✅ STEP 2. jQuery로 체크된 항목 모두 가져오기$("#submitBtn").click(function() { let checked = []; $("inp..

✅ ASP.NET MVC에서 라디오버튼 사용하는 완벽 가이드 (+jQuery 예제 포함) 사용자 선택을 유도하는 가장 직관적인 UI 요소 중 하나는 라디오버튼입니다.특히 ASP.NET MVC로 웹사이트를 구축할 때, 라디오버튼은 설문이나 옵션 선택 등에서 필수적으로 사용됩니다.이 글에서는 다음을 설명합니다:HTML로 라디오버튼 구성하기jQuery로 체크/체크 해제 제어MVC에서 선택된 값 처리하기웹 개발자나 ASP.NET 입문자에게 매우 실용적인 가이드가 될 것입니다.✅ STEP 1. HTML 라디오버튼 기본 구성 남성 여성✔ name이 같으면 같은 그룹으로 작동하며✔ label로 감싸 클릭 범위를 넓힐 수 있어 UX 향상에 좋습니다.✅ STEP 2. jQuery로 체크 이벤트 처리하기// 선택된..

✔️ ① 쿠키 생성 예시 (로그인 성공 시 쿠키 생성)csharp// 로그인 성공 후 쿠키 생성public ActionResult LoginSuccess(){ HttpCookie authCookie = new HttpCookie("UserCookie"); authCookie["UserName"] = "홍길동"; authCookie["LoginID"] = "hong123"; authCookie["Email"] = "hong@test.com"; authCookie["EmpNo"] = "E12345"; authCookie["UserRole"] = "Admin"; authCookie.Expires = DateTime.Now.AddDays(1); // 쿠키 유효기간 하루 ..

ASP.NET MVC에서 [CheckCookie]와 같은 사용자 지정 Attribute는 컨트롤러나 액션 실행 전에 특정 검사를 수행할 수 있게 해주는 매우 유용한 기능입니다. 특히 로그인 여부를 쿠키로 확인하는 인증 로직을 구현할 때 자주 사용됩니다. 이번 글에서는 [CheckCookie]를 클래스 위에 붙였을 때 어떻게 작동하는지, 그리고 쿠키를 활용한 인증 처리 방식을 코드 예제를 통해 쉽게 설명해 드리겠습니다. 1. 사용자 지정 필터란?사용자 지정 필터는 ASP.NET MVC에서 ActionFilterAttribute, IAuthorizationFilter 등의 인터페이스를 상속받아 직접 기능을 정의할 수 있는 Attribute입니다. 특정 컨트롤러나 액션이 실행되기 전(before) 또는 후(a..

ASP.NET MVC에서 사용자 지정 필터와 Cookie를 활용한 로그인 인증 완전 정복- 사용자 지정 필터란 무엇인가?- Cookie를 활용한 사용자 인증의 장단점- 사용자 지정 필터 구현 및 Cookie 인증 처리 예제  - 사용자 지정 Attribute 만들기  - Cookie 저장 및 확인 로직  - 쿠키 인증이 필요한 상황과 주의사항 웹 애플리케이션에서 로그인 상태를 유지하는 방법은 다양하지만, 가장 널리 사용되는 방식 중 하나가 Cookie입니다. ASP.NET MVC에서는 사용자 지정 필터(Attribute)를 활용하여 특정 컨트롤러나 액션에서 로그인 여부를 체크하고, 필요한 경우 쿠키를 통해 인증 상태를 확인할 수 있습니다. 이번 글에서는 Cookie를 사용한 로그인 처리와 사용자 지정 필..

JsonConverter로 복잡한 JSON 파싱 커스터마이징하기 (ASP.NET Web API)JsonConverter란 무엇인가요?언제 JsonConverter를 사용하나요?실전 예제 – 커스텀 구조 파싱커스텀 JsonConverter 구현 코드컨트롤러에서 적용하는 방법마무리 및 팁 일반적인 JSON은 JObject나 DTO로 자동 바인딩되지만,복잡하거나 구조가 불규칙한 JSON의 경우에는 커스텀 파싱 로직이 필요합니다.이럴 때 Json.NET에서 제공하는 JsonConverter를 상속하여 직접 변환 로직을 작성할 수 있습니다. 🔹 JsonConverter란?JsonConverter는 Newtonsoft.Json에서 제공하는 추상 클래스입니다.개발자가 JSON → 객체, 객체 → JSON 변환 과정..

JObject와 JArray를 활용한 ASP.NET Web API JSON 고급 처리JArray란 무엇인가요?복합 JSON 구조 예제 – JObject + JArray실전 코드 예제 – 설정 값과 배열 함께 받기JObject를 DTO로 변환하는 방법마무리 및 사용 시 유의사항 ASP.NET Web API에서는 단일 JSON 객체를 받을 때 [FromBody] JObject를 활용할 수 있습니다.그런데 요청 데이터가 다음과 같이 객체 + 배열 구조로 복합적이라면 어떻게 처리해야 할까요?json{ "settings": { "theme": "dark", "language": "ko" }, "items": [ { "id": 1, "name": "apple" }, { "id": 2, "..

ASP.NET Web API에서 [FromBody] JObject 사용법과 예제[FromBody]는 무엇인가요?JObject는 어떤 용도로 쓰일까요?ASP.NET Web API에서 동적 JSON 받기모델 클래스 대신 JObject를 써야 할 때사용 시 주의할 점  ASP.NET Web API에서 POST 방식의 요청을 받을 때, 우리는 주로 다음과 같은 방법으로 데이터를 처리합니다:csharppublic IHttpActionResult Save([FromBody] JObject settings)처음 보는 분들에게는 [FromBody]와 JObject가 다소 생소하게 느껴질 수 있습니다.이번 글에서는 ASP.NET Web API에서 유연하게 JSON 데이터를 받기 위한 구조인 [FromBody] JObje..

jQuery에서 FormData에 input 값을 동적으로 추가하는 방법FormData란 무엇인가요?기본적인 FormData 사용 예시특정 input(id 기준)의 값을 FormData에 추가하기전체 예제 코드주의사항 및 팁 FormData 객체는 JavaScript와 jQuery에서 HTML 폼 데이터를 서버로 전송할 때 매우 유용한 도구입니다.하지만 종종, 태그 내에 없는 요소들(예: #startDateTime, #endDateTime)의 값을 함께 전송해야 할 때가 있죠. 이럴 땐 어떻게 처리할 수 있을까요?이번 글에서는 jQuery를 사용해 FormData에 추가적인 input 값을 동적으로 삽입하는 방법을 코드와 함께 설명합니다.  🔹 FormData란?FormData는 폼의 모든 필드 값을..

POST 방식 API 설계: 쿼리스트링 vs JSON 바디 – 언제, 왜, 어떻게?POST API 설계, 쿼리스트링으로 받을까? JSON 바디로 받을까?백엔드와 프론트엔드의 역할 간단 정리POST 방식의 기본 개념POST + 쿼리스트링 설계란?POST + JSON 바디 설계란?두 방식 비교 – 장단점과 사용 예시상황에 맞는 설계 기준은?웹 API를 설계하다 보면 POST 방식에서도 데이터를 전달하는 방식이 나뉘게 됩니다.특히 .NET MVC 환경에서 API를 구현할 때, 프론트엔드는 jQuery, JavaScript, RazorView 등 다양한 방식으로 데이터를 보낼 수 있고, 백엔드는 이를 QueryString으로 받을 것인지, JSON 바디로 받을 것인지 결정해야 하죠.이번 글에서는 이 두 방식의 ..