본문 바로가기

전체 글326

[WPF] ListView(listBox)에서 Drag Drop 미정리 https://gigong.tistory.com/88 2022. 8. 22.
[WPF] TabControl 에 UserControl 이나 Page 보여주기 MDI 가 안되는 관계로 해당 윈도우를 Tab 에 보여주기 위해서 ... ​ 우선 보여줄 곳에 TabControl 을 넣어주고 1. Page를 보여주는 방법 (예제) // 사용자가 만든 페이지 생성 Userpage pageN = new Userpage(); // 페이지를 담을 프레임을 만든다. Frame tabFrame = new Frame(); tabFrame.Content = pageN; // 프레임을 탭아이템의 콘텐츠로 설정한다. TabItem tabItem = new TabItem(); tabItem.Name = "tabName"; tabItem.Header = "New Tab"; tabItem.Content = tabFrame; // 탭 아이템을 탭에 넣어준다. tabContent.Items.A.. 2022. 8. 22.
db.collection is not a function 부제: Node.js Nosql 연동법. Node.js의 mongodb모듈을 활용하여 mongodb를 연동하는 도중 라는 오류를 마주쳤다. 한참을 헤맨 끝에 간단히 해결되었지만, 나같은 고민을 하는 사람들이 더 쉽게 고민을 해결했으면 하는 마음에 삽질로그를 남긴다. 먼저, 내가 간단하게 만들어본 프로그램은 화면에서 id와 password를 입력받아 DB에 존재하는지 검증하고, 로그인 성공여부를 보여주는 기능을 한다. db연동은 아래와 같이 했다. 먼저 DB연결하는 function이다. //// 기본 모듈 선언 및 미들웨어 선언 생략 var MongoClient = require('mongodb').MongoClient; var db; // 연결 받아올 변수(중요) function connectDB() {.. 2022. 8. 5.
[VScode] 라이브서버(Live Server) 설정하기 Visual Studio Code(현재 1.34.0버전, 이후 VS Code로 표기)에서 라이브 서버를 설정하는 방법에 대해 살펴보자. 라이브 서버를 이용하면 파일 수정 후 저장하면 수정된 내용이 바로 저장된다. 1. 라이브 서버 설치하기 2. 라이브서버 테스트하기 1. 라이브 서버 설치하기 VS Code 실행 후 파일 > 기본설정 > 확장 메뉴를 클릭한다. 또는 단축키로 Ctrl + Shift + X를 같이 누른다. 검색창에서 live server를 검색 후 설치버튼을 클릭한다. 2. 라이브 서버 테스트하기 왼쪽 상단에 탐색기 아이콘 클릭하여 확장 메뉴 제거한다. 탐색기에서 폴더 열기를 클릭하여 열 폴더를 지정한다. 새파일 아이콘을 클릭 후 파일명에 test.html을 입력하여 html 파일을 생성한다.. 2022. 8. 2.
[jQuery] 요소의 영역 | 요소의 위치 .offset() .position() 요소의 위치 jQuery는 선택한 요소의 위치를 손쉽게 반환하고 설정 할 수 있는 메소드를 제공한다. 메소드설명 .offset() 선택한 요소 집합의 첫 번째 요소의 위치를 HTML 문서를 기준으로 반환하거나, 선택한 요소의 위치를 인수로 전달받은 값으로 설정한다. .position() 선택한 요소 집합의 첫 번째 요소의 위치를 해당 요소가 웹 페이지에 위치할 때 기준이 되었던 부모 요소를 기준으로 하는 상대 위치를 반환한다. .offset() 메소드 .offset() 메소드는 HTML 문서(document)를 기준으로 선택한 요소의 오프셋 좌표를 반환하거나 설정한다. 아래 예제는 선택한 요소의 위치를 반환하는 예제이다. $("button").on("click", function(){ var p = $(.. 2022. 7. 20.
[jQuery] 보이기, 숨기기 [jQuery] 보이기, 숨기기 1. show, hide jQuery('#toggle').click(function () { if($("#id").css("display") == "none"){ jQuery('#id').show(); } else { jQuery('#id').hide(); } }); 2. display = "block" or "none" jQuery('#toggle').click(function () { if($("#id").css("display") == "none"){ jQuery('#id').css("display", "block"); } else { jQuery('#id').css("display", "none"); } }); 출처: https://rocabilly.tistory... 2022. 7. 19.
[jQuery] jQuery 선택자(Selector) 목록 정리 jQuery 선택자(Selector) 목록 정리 jQuery는 DOM 요소를 탐색할때 CSS 선택자 표현식을 지원합니다. 이번글에서는 여러가지 선택자를 간단하게 정리합니다. 기본 선택자 가장 많이 사용하는 기본 선택자들입니다. 전체 선택자 document객체가 관리하는 문서내의 모든 요소를 선택합니다. * (Asterisk)를 사용합니다. $('*') //모든 요소를 선택합니다. $('body > *') //body 하위에 모든 요소를 선택합니다. cs id 선택자 HTML 태그의 ID속성값을 기준으로 하는 선택자입니다. ID값 앞에 #을 붙여 사용합니다. ID값을 중복되지 않는게 원칙이므로 가장 처음에 선택된 요소만 리턴됩니다. $('#userinput') //id속성값이 userinput인 요소를 선.. 2022. 7. 13.
[jQuery] jQuery 선택자(Selector) 필터 총정리 jQuery 선택자(Selector) 필터 jQuery는 DOM 요소를 탐색할때 속성 값을 조건으로 하거나 순서(index) 및 상태를 조건으로 선택할 수 있는 표현식을 제공하는데 이러한 표현식을 필터라고 합니다. 속성 필터 속성을 조건으로 하는 선택자 필터입니다. 값을 조건으로 할때 공백이 들어간 경우에는 ""이나 ''으로 묶어 표현합니다. 특정 속성을 갖는 요소 특정 속성을 갖는 요소를 선택할때는 [속성명] 과 같이 사용합니다. $('[data-value]') //data-value 라는 속성을 갖는 모든 요소 선택 $('td[class]') //class 속성을 갖는 모든 td 요소 선택 cs 특정 속성의 값을 조건으로 선택하기 특정 속성의 값을 기준으로 선택하는 경우에는 [속성명=값] 형식으로 사.. 2022. 7. 13.
[HTML5] WEB SQL DATABASE 브라우저에 데이타베이스? HTML5 의 로컬 저장소는 이전에 알아본 Web Storage 이외에도 관계형 데이타베이스가 추가로 제공된다. 일명 Web SQL Database 가 그것이다 (Web SQL Database 를 지원하는 브라우저는 자체적으로 경량의 관계형 DB를 내장하고 있다) Web Storage 의 경우 비교적 적은양의 간단한 데이터를 저장하기에 적합한 로컬 저장소인 반면 Web SQL Database 는 보다 구조적이고 체계화된 관계형 데이터를 대랑으로 저장하기에 적합하다 이것은 마치 파일이라는 저장소와 MS SQL 이나 Oracle 과 같은 관계형 데이타베이스의 차이라 하겠다 물론 Web SQL Database가 Oracle 와 같이 서버급, 대용량 DBMS의 면모를 모두 갖추지는 않았.. 2022. 7. 1.
DB설치 없이 Web 상에서 Web SQL 사용하기 --------------------------------------------------------------------------- 반갑습니다! 오늘은 웹앱과 하이브리드 앱을 만드시는 분들에게 유용한 팁이 될 Web SQL에 대해서 소개 하는 시간을 가지도록 하겠습니다. 제가 지금까지 포스팅했던 jQuery와 jQuery Mobile을 통해서 웹앱에 대한 기초 개발을 할 수 있게 소개를 드렸습니다. 하지만 웹의 특성상 데이터를 저장 할 수 있는 방법이 매우 제약적입니다. 그래서 서버를 이용해서 MySql, MsSql, Oracle과 같은 DB를 사용하곤 하는데 웹앱에서 이러한 방법을 사용할려면 서버 측 DB와의 연동도 필요합니다. 웹앱을 구현 하실 때 간단한 메모장과 같이 크게 보안이 필요 없는 데이.. 2022. 7. 1.

티스토리툴바