728x90

분류 전체보기 152

[html, css, js] 화면 중앙에 DIV 레이어 나타내기(로딩중 화면 구현)

웹사이트 화면의 중앙에 경고 , 정보표시 및 로딩 중 표시 등등 때문에 레이어를 띄어야 하는 경우가 있으나 css를 잘 다루지 않으면 화면 중간에 띄우는 게 참으로 어렵고 귀찮다. 그래서 이번에 자주 사용하는 방법(코드)에 대해 정리한다. (물론 반응형이나 다른 여러가지 좋은 방법도 존재한다.) 화면 중앙으로 "로딩중" DIV 띄우기 HTML 오픈 레이어 [닫기] 브라우저 중앙 DIV 레이어 "로딩중" 띄우기 fade DIV - 전체 배경화면을 어둡게 처리 하기 위한 DIV light DIV - fade 레이어 위로 실제 로딩중 메시지 내용이 들어가게 되는 DIV CSS black_background 클래스 는 화면 전체를 덮는 레이어에 대한 css white_content 클래스는 black_backg..

dev/html 2020.12.03

[javascript] Date 객체 - 날짜 형식(yyyyMMdd), 날짜더하기( DateAdd)

* Date 객체 및 메서드에 대한 자세한 내용은 아래 사이트에서 참고 Date Date 생성자는 시간의 특정 지점을 나타내는 Date 객체를 생성합니다. developer.mozilla.org 오늘날짜 구하기 및 형식 변환(yyyy-MM-dd) // Date string 형식 let now = new Date(); console.log(now.toString());// "Fri Nov 27 2020 16:56:53 GMT+0900 (대한민국 표준시)" console.log(now.toJSON());// "2020-11-27T07:56:53.606Z" console.log(now.toISOString());// "2020-11-27T07:56:53.606Z" // Date객체의 toJSON() 이나 to..

dev/javascript 2020.11.27

[c#] JSON.NET 을 이용한 Json 데이터 파싱 - Json Key Name 가져오기 (JObject, JToken)

[c#] JSON 형변환(Json Convert) with JSON.NET [c#] JSON 형변환(Json Convert) with JSON.NET 어떤 언어든 코딩을 하면서 많이 사용하는것 중의 하나가 JSON 입니다. C# 에서는 JSON 을 사용할때 가장 많이 이용하는 것 중의 하나가 바로 JSON.NET 으로 내장객체인 JavaScriptSerializer 보다 더욱 성능 askforyou.tistory.com [c#] System.Text.Json 네임스페이스 - JSON Object, Serialize, Deserialize [c#] System.Text.Json 네임스페이스 - JSON Object, Serialize, Deserialize System.Text.Json .Net 에서 JS..

dev/asp.net, c# 2020.11.27

[MS-SQL] ROUND, CEILING, FLOOR(반올림, 올림, 버림) 1, 10 의 자리 올림(버림)

반올림 : ROUND(값, 자릿수, [반올림여부]) * 자릿수는 소수점을 기준으로 양수이면 소수점 자릿수, 음수이면 정수 * 반올림여부는 옵션으로 음수이면 버림처리, 0이나 없으면 반올림 -- 소수점 반올림 SELECT ROUND(940.13, 1)--940.10 SELECT ROUND(940.16, 1)--940.20 SELECT ROUND(940.16, 1, -1)--940.10 -- 자리수 반올림 SELECT ROUND(941, -1)--940 SELECT ROUND(946, -1)--950 SELECT ROUND(946, -2)--900 SELECT ROUND(946, -1, -1)--940 올림 : CEILING(값) * 무조건 정수값 출력 SELECT CEILING(940.16)--941 SE..

Database/ms-sql 2020.11.26

node.js 웹사이트 개발 - 웹사이트 레이아웃, express-ejs-layouts

express-ejs-layouts 을 이용한 레이아웃 만들기 express-ejs-layouts 은 ejs를 이용한 레이아웃 모듈입니다. 웹사이트를 만들때 보통 헤어 영역, 푸터, 사이드, 바디 등의 영역 등으로 나뉘는데 헤더, 푸터 등은 동일한 파일의 동일한 구성으로 만들게 됩니다. express-ejs-layouts 을 이용하여 간단한 레이아웃의 웹사이트를 만들어봅니다. 헤더영역 바디영역 푸터영역 * EJS 에 대한 이전 글 참고 node.js 웹사이트 맨땅 개발하기 - express, EJS node.js 웹사이트 맨땅 개발하기 - express, EJS 템플릿 엔진은 웹사이트에서 정형화된 동적인 데이터를 html로 표현해주는 모듈로 nodejs에서 많이 사용하는 EJS 템플릿 엔진 사용에 대해 ..

dev/node.js 2020.11.25

node.js 웹사이트 개발 - express, EJS

템플릿 엔진은 웹사이트에서 정형화된 동적인 데이터를 html로 표현해주는 모듈로, nodejs에서 많이 사용하는 EJS 템플릿 엔진 사용에 대해 알아본다. EJS 가 html 과 비슷하여 사용하기 쉽다. * Express.js 를 사용한다면 ejs 모듈을 따로 설치하지 않고도 바로 사용을 할 수 있다. Express에서 EJS 템플릿 사용하기 ejs 기본적인 사용법 // app.js var express = require('express'); var app = express(); app.set('view engine', 'ejs');// Express 에서 view엔진을 ejs 로 설정 app.get("/", function(req, res) { res.render("home"); // render 파일..

dev/node.js 2020.11.24

마이클(차량관리)앱 - 엔진오일 교환 (쿠폰할인, 페이코 할인)

차량의 엔진오일 교환시기가 돌아왔습니다. 현재 집으로 이사 오고 인근의 기아 오토큐를 이용을 했었는데 엔진오일 교환 가격을 너무 비싸게 받아서 다른 곳을 알아보게 되었습니다. 공임나라를 이용할까 하다 딱히 근처에 없고 하여 마이클 앱을 통해서 좀 더 저렴하게 교환이 가능한 것을 알게 되었습니다. 실제 지난번 교환보다 30%이상 저렴하게 교환 하였으며, 오일 및 자재 구매비용과 공임비용하면 공임나라와 큰 차이가 없는거 같았습니다. (본인 차량은 오일을 8L 나 먹는 먹보입니다.) (마이클 첫 고객 할인쿠폰 지급, 페이코 결제 할인) * 결제금액 = 판매가 - 첫 고객 5000원 할인쿠폰 - 페이코 4000원 할인(첫 구매 및 90일 휴면 대상자) 차량에 따른 엔진오일 국산차량 가솔린 : ZIC X7 5W-..

[asp.net] 웹사이트 Application_Error 에러(Exception)로깅 with log4net

웹사이트의 문제가 발생하지 않는 것이 가장 베스트지만 이유 불문하여 알 수 없는 오류, 실수, 잘못된 코딩 등으로 오류가 발생하는 것은 어찌 보면 필연적입니다. 이러한 오류를 캐치하여 오류가 발생할 당시의 데이터의 확인 및 필요시 대응을 하기 위해서 로깅은 합니다. 로깅하는 방법은 필요한 곳에서 직접 로깅하는 등 여러 가지가 있으나 아래 예제는 애플리케이션에서 global.asax 파일의 Application_Error에서 log4net 를 이용한 Exception 로깅 및 처리 방법입니다. http Status 404, 500 등 Application Error 가 발생을 하게 되면 파일에 로깅(및 메일링)을 하도록 합니다. [asp.net core 로깅 구현 다른글] [asp.net core 3.1]..

dev/asp.net, c# 2020.11.18

[c#] 숫자 및 날짜 서식 지정 (표준형식, 사용자형식)

ToString 은 숫자, 문자, 날짜 등의 데이터를 문자형으로 형변환을 하며, 형 변환시 원하는 서식으로 변경할 수 있습니다.서식을 지정하는 방식은 규격화되어 제공하는 표준 형식 지정자와 사용자가 직접 형식을 지정 할수 있는 사용자 지정 서식이 있습니다. 숫자형식, 소수점, 통화 콤마, 날짜 포맷 변환 형식등에 에 주로 사용합니다. 1. 표준 형식 지정 1.1 표준 날짜 서식 지정자 형식 지정자 설명 예제 결과 d 간단한 날짜 패턴 DateTime.Now.ToString("d"); 2020-11-16 D 자세한 날짜 패턴 DateTime.Now.ToString("D"); 2020년 11월 16일 월요일 f 전체 날짜/시간 패턴(간단한 시간) DateTime.Now.ToString("f"); 2020년 ..

dev/asp.net, c# 2020.11.17

[MS-SQL] 테이블 복사, SELECT(INSERT) INTO, IDENTITY_INSERT, DBCC CHECKIDENT, IDENTITY 컬럼에 INSERT방법

테이블 전체 및 컬럼을 다른 테이블로 복사 INSERT 방법 SELECT INTO 대상테이블을 신규로 생성을 한 후 INSERT 실행 SELECT 컬럼명 INTO 대상테이블 FROM 원본테이블 WHERE 조건식 예) SELECT * INTO TB_COLOR_TEMP FROM TB_COLOR WHERE AREA>1000 INSERT INTO 원본테이블의 SELECT 데이터를 대상 테이블로 INSERT 실행 INSERT INTO 대상테이블 SELECT * FROM 원본테이블 WHERE 조건식 예) INSERT INTO TB_COLOR_TEMP SELECT * FROM TB_COLOR WHERE AREA>1000 IDENTITY 컬럼에 INSERT 방법 IDENTITY 자동증가 컬럼으로 INSERT 하려고 하..

Database/ms-sql 2020.11.16
728x90