소소하냐

※ 예전에 작업했던 내용들을 기억/기록하기 위해 남기는 포스팅입니다. ASP.NET MVC에서 Dapper 사용하기 MVC 프로젝트 (새 프로젝트 > ASP.NET 웹 응용프로그램 > MVC) > Nuget 이용하여 Dapper 설치 (프로젝트 > 우클릭 > Nuget 패키지 관리 > Dapper 검색 > [설치] > 설치 후 참조에 Dapper가 추가된 것을 확인 아래 내용은 web.config 설정 및 Repository / Service class를 분리하여 controller에서 사용하는 예제입니다. SampleModel 등 자세한 내용은 생략되었으며, 어떻게 사용하는지 기록용으로 남기는 예제입니다.

※ 예전에 작업했던 내용들을 기억/기록하기 위해 남기는 포스팅입니다. 구분 문자열로 문자열 잘라 Table로 반환하는 함수입니다. 방법 1 : 빈 값은 return 하지 않음 방법 2 : 빈값 처리 가능, XML 이용 (문자열에 특정 Tag 있으면 오류 발생. Tag 있을 경우 방법 3 사용) 방법 3 : 빈값 처리 가능

공식 사이트 URL : https://expressjs.com/ko/ [새창] (Node.js 가 설치되어있어야 함) 시작하기 > Windows 인스턴스에 원격으로 연결 > Command Prompt > 애플리케이션 폴더 생성 및 이동 > 해당 폴더에서 아래 명령어로 애플리케이션 설정 (저는 기본 설정 그대로 생성) $ npm init > 'package.json' 파일이 생성된 것을 확인할 수 있다. > 아래 명령어로 express 설치 $ npm install express --save * 저의 경우 기본 설정의 name; (express)로 되어있어 오류가 발생했습니다. package.json 파일에서 name을 변경하고 설치하니 제대로 설치가 되었습니다. > 'node_modules' 폴더 생성 ..

AWS EC2 Windows 인스턴스에 도메인을 연결한 상태에서 NodeJS 서버를 띄워보는 실습을 해보았습니다. 예제 코드가 local에서는 동작하는데 외부에서 IP를 치고 들어가면 연결이 되지 않는 문제가 있었습니다. 그에 대한 내용을 기록하고자 합니다. NodeJS 서버, AWS 인스턴스의 로컬에서 동작 확인 1. AWS 인스턴스에 원격으로 들어가서 Node.js 인스톨러를 다운로드하여 설치 ( 노드 공식 사이트 - 다운로드로 이동 [새창] ) 2. 원하는 위치에 노드 공식 사이트의 시작가이드의 예제를 작성 ( 노드 공식 사이트 - 시작 가이드로 이동 [새창] ) 2-1. 아래 예제 코드를 작성후 app.js 파일명으로 저장 const http = require('http'); const hostn..

이전에 신청한 도메인이 있고 호스팅은 하지 않고 있는 상태였습니다. 그 도메인을 이전 포스팅에서 설정한 Amazon EC2 Windows 인스턴스에 연결해보기로 했습니다. 1. 고정 IP 사용 설정 (Elastic IP) 사용 이유 : 인스턴스가 재시작되면 IP가 변경된다고 합니다. 그러한 이유로 고정 IP를 사용하도록 설정을 해야 합니다. 이는 '탄력적 IP (Elastic IP)'를 설정하여 사용합니다. 이것은 실행 중인 인스턴스에 연결된 Elastic IP 주소 한개는 무료로 사용 가능합니다. 요금 관련 내용은 아래 캡처를 참고하세요. > 'EC2' 서비스 선택 > '네트워크 및 보안' 메뉴 아래 '탄력적 IP' 메뉴 선택 > '탄력적 IP' 페이지에서 [탄력적 IP 주소 할당] 클릭 > '탄력적 ..

공식 문서 URL : https://docs.aws.amazon.com/ko_kr/AWSEC2/latest/WindowsGuide/EC2_GetStarted.html Amazon 웹 서비스에 대한 실습 기록입니다. 주로 Windows 환경에서 웹 서비스를 이용하였기에 익숙한 Windows로 먼저 실습하기로 결정했습니다. 참고로 저는 iMAC으로 해당 내용 실습하였습니다. (실습이고 보안 관련 내용이 없으니 주의하세요 ) * 인스턴스? AWS 클라우드의 가상 서버 Amazon EC2 Windows 인스턴스 시작하기 1. Amazon EC2 설정 공식 문서 URL : https://docs.aws.amazon.com/ko_kr/AWSEC2/latest/WindowsGuide/get-set-up-for-ama..

※ 예전에 작업했던 내용들을 기억/기록하기 위해 남기는 포스팅입니다. Layer를 화면 중간에 표시하기 위한 HTML과 JavaScript(JQuery) 코드입니다. 결과 화면 JSFiddle에서 확인하기 [새창]

검색을 하다 보면 탭(Tab)이 다수 열려있는 경우가 종종 생깁니다. 탭이 너무 많아지면 열려있는 탭 중 원하는 탭을 찾기도 힘들고 PC 성능도 저하됩니다. OneTab을 이용하면 열려있는 탭들을 한 번에 OneTab 링크 목록으로 변환하여줍니다. 그리고 목록에 있는 링크를 클릭하면 해당 링크는 사라지고 탭이 복원됩니다. ( 'Ctrl' 또는 'command' 키를 누른 채로 링크를 클릭하면 링크가 유지됩니다. ) 위와 같은 이유로 설치하여 사용하였지만, 제가 사용하는 다른 용도도 함께 소개드립니다. 기본적으로 OneTab은 링크를 클릭하면 목록에서 링크가 사라지고 탭이 열립니다. (옵션에서 변경할 수 있습니다) 아래에 소개하는 내용들은 그룹화 및 링크를 유지하도록 해야합니다. 그룹화 : [추가기능.....

예전에 작업했던 내용들을 기억/기록하기 위해 남기는 포스팅입니다. 체크박스 전체 선택/해제 + 하부 선택에 따른 전체 선택 체크박스 활성/비활성 기능 JavaScript 코드 $(function(){ //기존 선택된 데이터 받아온다면 설정 setCheckAll(); //전체 체크박스 선택 시 $('#checkbox_all').on('change', function () { $(this).parents('.list_agree').find('input:checkbox').prop('checked', $(this).prop('checked')); }); //전체 외 체크박스 선택 시 $('.list_agree').find('input:checkbox').not('#checkbox_all').on('change..

예전에 작업했던 내용들을 기억/기록하기 위해 남기는 포스팅입니다. 공동으로 작업을 하다 보면 생기는 문제들이 있습니다. 이번 포스팅의 경우 생긴 문제는 '퍼블리셔'가 만들어준 html과 javascript를 개발에 입히는 과정에서 javascript 이벤트가 서로 겹치는 문제가 발생했습니다. 상황을 예로 설명드리면, 글의 제목을 클릭하면 글 내용이 펼쳐지고, 다시 누르면 접히는 이벤트가 있습니다. 퍼블리셔분이 친절하게도 해당 이벤트 처리를 해 주었지만 개발에 해당 내용을 적용하는 과정에서 글 제목 클릭 시 조회수 추가 및 글 내용 및 첨부파일 등을 가져오는 작업이 추가되어야 했습니다. 퍼블리셔와 개발자가 javascript를 각각 관리하기에 임의로 퍼블리셔의 코드를 손대기도 어려운 상황이었습니다. 그래서..