본문 바로가기

728x90
반응형

전체 글

(154)
[ASP.NET CORE/MVC] #7 컨트롤러로 데이터 보내고 받기 [ASP.NET CORE/MVC] #7 컨트롤러로 데이터 보내고 받기 안녕하세요 미나라이입니다. 이번에는 ASP.NET CORE MVC Web의 컨트롤러 활용에 대해서 정리하려고 합니다. 컨트롤러의 역할은 뷰 페이지에서 페이지나 데이터의 요청이 있으면 받고 결과를 리턴해주는 역할을 해 줍니다. 프로젝트 환경 OS : Windows 10 IDE : Visual Studio Code 1.62.2 .Net SDK : 5.0.403 .Net Runtime : .NetCore.App 5.0.10 / 5.0.12 먼저 컨트롤러를 활용하기 위해서는 프로젝트에 기본 설정을 해 주어야 합니다. Startup.cs public void ConfigureServices(IServiceCollection services) {..
[Javascript/JQuery]CheckBox의 Check한 값 가져오기 / Check값 적용하기 [Javascript/JQuery]CheckBox의 Check한 값 가져오기 / Check값 적용하기 안녕하세요 미나라이입니다. 이번에는 웹개발 하면서 자주 쓰게되는 체크박스의 선택된 값을 가져오는 소스를 정리 해 보았습니다. Check한 값 받아오기 Javascript CheckData : Red Blue Yellow Jquery CheckData : Red Blue Yellow $(document).ready(function() { // 버튼 클릭 이벤트 $("input[type='button']").click(function() { // 체크한 항목을 담을 배열 선언 const arr = []; // 체크한 항목만 취득 var color = $("input[name='color']:checked")..
[Javascript/JQuery]SelectBox에 선택된 값과 텍스트 가져오기 [Javascript/JQuery]SelectBox에 선택된 값과 텍스트 가져오기 안녕하세요 미나라이입니다. 이번에는 웹개발 하면서 자주 쓰게되는 셀렉트 태그의 선택된 값을 가져오는 소스를 정리 해 보았습니다. HTML Korea Japan America Javascript function getselect() { var select = document.getElementById('country'); var option = select.options[select.selectedIndex]; document.getElementById('value').value = option.value; document.getElementById('text').value = option.text; } Jquery $(do..
[JQuery]Input Text에 반각 숫자만 입력 받게 하기(일본어 전각 > 반각 변환) [JQuery]Input Text에 반각 숫자만 입력 받게 하기(일본어 전각 > 반각 변환) 안녕하세요 미나라이입니다. INPUT TEXT에 데이터 입력시에 반각 숫자만 입력 받게 하는 로직을 짜 보았습니다.IE-MODE같은 기능은 크롬 브라우저 같은 곳에서는 사용 할 수 없다고 해서 정규식 로직을 찾아서 작성 하게 되었네요일본에서 개발하다 보니까 전각문자 변환 처리도 넣어야 해서 이렇게 정리 해 봅니다. 모듈 1. 키보드 입력시에는 반각,전각 숫자만 입력 받도록 합니다. (keyup이벤트) 2. INPUT태그의 커서를 벗어날 때 전각 숫자는 반각 숫자로 변환시켜 줍니다. (blur이벤트) // 전각,반각 숫자 정규식 var _NumberRegex = /[^0-90-9]/gi; $(document).on..
[Javascript]Object형 데이터 Key값Sort [Javascript]Object형 데이터 Key값Sort 안녕하세요 미나라이입니다. JSON Parse후 데이터 비교를 위해 Object데이터의 key값을 정렬 해야하는 경우가 있어서 사용하는 함수를 포스팅 해 봅니다. 모듈 function SortObjectKey(old) { var sorted = {}, key, a = []; for (key in old) { if (old.hasOwnProperty(key)) a.push(key); } a.sort(); for (key=0; key
[Javascript]Array, Object, JSON구분 정리 안녕하세요 미나라이입니다. 자바스크립트를 하면서 위 3가지를 자주 사용하기 때문에 정리를 해 보았습니다. 데이터 형태 문법 Array 1. 배열 > 문자열 변환 const fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.toString() // 출력 결과 Banana,Orange,Apple,Mango 2. 문자로 출력하되 구분점을 바꾸고 싶은 경우 const fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.join(" * ") //출력결과 Banana * Orange * Apple * Mango 3. 배열 정렬하기 const fruits = ["Banana", "Orange", "Apple", "Man..
[ASP.NET CORE/MVC] #6 VIEW로 데이터 가져오기 [ASP.NET CORE/MVC] #6 VIEW로 데이터 가져오기 안녕하세요 미나라이입니다. 이번에는 ASP.NET CORE MVC Web의 VIEW페이지에 데이터를 가져오는 방법들에 대해서 간단하게 포스팅 해보려고 합니다. 프로젝트 환경 OS : Windows 10 IDE : Visual Studio Code 1.62.2 .Net SDK : 5.0.403 .Net Runtime : .NetCore.App 5.0.10 / 5.0.12 ASP.NET CORE에서 VIEW페이지로 리턴 할 때 데이터를 가져오는 방법은 크게 세가지가 있습니다. VIEWDATA 특징 - 데이터 타입은 Dictionary(자바로 치면 Map)타입이고 값을 키값으로 접근 할 수 있습니다. - VIEWBAG보다는 퍼포먼스 면에서는 우..
[ASP.NET CORE/MVC] #5 Layout 활용법2 [ASP.NET CORE/MVC] #5 Layout 활용법2 안녕하세요 미나라이입니다. 이번에도 이어서 ASP.NET CORE MVC Web에서 사용되는 Layout의 활용법에 대해서 포스팅 해보려고 합니다. 프로젝트 환경 OS : Windows 10 IDE : Visual Studio Code 1.62.2 .Net SDK : 5.0.403 .Net Runtime : .NetCore.App 5.0.10 / 5.0.12 RenderSectionAsync ASP.NET CORE에서는 View 정의해놓은 내용을 Layout에 보일 수 있도록 해 주는 기능을 제공 해 주고 있습니다. RenderSectionAsync라는 기능입니다. 이전 포스팅중에서도 언급된 RenderBody는 Layout안에서 각각의 Vie..

728x90
반응형