Programming110 [css] 모달을 항상 가운데로 정렬하기 outer div는 modal의 background layer다. jsfiddle에서 잘 보이도록 1000px로 고정시켜놨고 실제로는 100%를 사용한다. inner div에는 modal의 내용이 들어간다. 요즘 잘 듣고있는 악뮤의 낙하 뮤직비디오를 넣었다. 아래 fiddle에서 직접 확인할 수 있다. HTML CSS .outer { position: absolute; top: 0; left: 0; height: 1000px; /*100%*/ width: 1000px; /*100%*/ background-color: gray; } .inner { position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 500px; height.. 2021. 8. 15. [javascript] delay 실행 반복하기 1초를 기다리면서 10번 반복하려면 아래와 같이 recursive 함수를 이용하면 된다. var idx = 1; function loop(n) { setTimeout(function() { console.log(idx); idx++; if (idx 2021. 8. 14. [MS-SQL] Column명 변경하는법 은근히 헷갈리는 Column명 변경하는법. 매번 무의식 중에 쿼리를 짜다가 ALTER TABLE XXX ALTER COLUMN A …? 🤔 늘 여기서 잘못된 부분을 느끼고 검색을 하게 된다. -- Sales 스키마 SalesTerritory 테이블의 TerritoryID Column을 TerrID로 변경 EXEC sp_rename 'Sales.SalesTerritory.TerritoryID', 'TerrID', 'COLUMN'; 참고 Rename Columns 2021. 7. 16. C# 10 Top 5 feature 아침에 메일을 보니 얼마 전 가입한 .NET DEV 포럼에서 메일이 와있었다. .NET DEV 포럼의 마지막 방문 이후로 업로드된 주요 포스트를 메일로 보내주는 서비스였다. 정말 아이디어 좋다. 최고!👍 .NET DEV 포럼에서 본 C# 10의 Top 5 feature에 관한 글이다. 예제가 포함되어 있어서 더 보기 좋다. 파라미터 자동 null 체크 required keyword(인스턴스 생성 시 required property 설정) field keyword(private string _something 필요 없음) global using namespace에 중괄호 불필요 5개 기능 모두 기대가 된다. 2021. 7. 13. Visual Studio의 Task List 기능 사용하기 업무를 진행하다보면 소스코드 이곳저곳에 todo list를 기록할 일이 생긴다. 이때 Task List를 이용하면 편리하다. 먼저 Visual Studio의 상단 메뉴에서 Tool - Options 를 선택한다. Environment - Task List 탭에서 Token을 설정할 수 있다. 여기서 설정된 Token을 : 과 함께 주석으로 달면 Task List에서 볼 수 있다. (개인적으로 이니셜로 Task List를 남기고 있다) ctrl + \, ctrl + T 단축키를 이용하면 다음과 같이 Task List를 볼 수 있다. 2021. 7. 12. [c#] DataTable Clone vs Copy DataTable Clone()으로 복사했더니 DataRow가 하나도 없었다. 문서를 확인해보니 Copy()를 사용하라고 한다. DataTable의 구조를 복사하려면 Clone()을 사용하고, DataRow까지 복사하기 위해서는 Copy()를 사용하자! Clone creates a new DataTable with the same structure as the original DataTable, but does not copy any data (the new DataTable will not contain any DataRows). To copy both the structure and data into a new DataTable, use Copy. 참고 DataTable Clone 2021. 7. 8. [Visual Studio] 특정 문자열이 없는 파일 찾기(Developer Command Prompt) 개발을 하다보면 ctrl + shift + f 로 문자열을 찾는 것은 많이 할 수 밖에 없다. 그렇다면 특정 문자열이 없는 파일은 어떻게 찾아야 할까? Visual Studio의 Developer Command Prompt를 이용하면 된다. 아래는 Master File이 없는 aspx 파일을 찾을 때 사용한 예시다. 전체 aspx 파일(*.aspx)에서 MasterPageFile 문자열이 없는 파일 목록을 출력한다. @for /r %f in (*.aspx) do @find "MasterPageFile" "%f" > nul || echo %f 실행하면 다음과 같이 파일 목록들이 출력된다. cmd에서 사용해도 된다. 참고 Developer Command Prompt 사용법 Command List 2021. 7. 7. [Javascript] Map object IE 10 이하 버전에서 사용하기(core-js) javascript Map object를 사용하는 라이브러리 때문에 IE 11 미만 버전을 지원하지 못하는 상황이 벌어졌다. IE 좀 쓰지마라!! 🤬🤬🤬 자료를 조사하던 중 MDN See also 메뉴에 한 줄기 희망이 보였다. A polyfill of Map is available in core-js core-js는 생각보다 많은 곳에서 사용 중인 라이브러리였다(심지어 Babel도). core-js를 사용하니까 IE 11 미만에서도 Map object를 사용할 수 있었다. 하지만 내년이면 없어질 IE를 위해(심지어 old 버전) 이렇게까지 투자를 해야 하는지 모르겠다. 참고 core-js CDN 링크 core-js(minified) CDN 링크 2021. 7. 6. [javascript] jquery ajax, Blob을 이용한 file download 전에 회사에서 csv, excel export 기능을 개발한 적이 있다. 이번 회사에서도 새로 개발하려니 기록이 없어서 꽤 고생했다. 이번에는 잘 기록해두어야지.😊 먼저, XmlHttpRequest의 response Type을 Blob(Binary type)으로 설정한다. $.ajax({ url: url, data: parameters, type: 'POST', cache: false, xhrFields: { responseType: "blob", }, }) 서버에서는 다음과 같이 response를 해준다. 한글이 포함된 파일명도 잘 보이게 하도록 파일명을 URL encoding했다. Content-Disposition: attachment; filename=%ed%95%9c%ea%b8%80_file_d.. 2021. 7. 1. 이전 1 ··· 6 7 8 9 10 11 12 13 다음
