Blog Content

DB를 연결 MongoDB 사이트에 접속하셔서 다운 받습니다. http://www.mongodb.org/downloads 다운 받은 zip 파일을 압축 풀어줍니다. 저는 압축 푼 경로는 ex) D:\MongoDB 입니다. 압축을 푼 다음 제가 추가한 프로젝트에 MongoDB Data를 저장할 수 있게 폴더를 만들고 할꺼에요. 저장소를 만들어 줍니다. 프로젝트 경로는 F:\NodeJS\TestMemo 폴더 인데요 여기서 Document 폴더 안에 MongoDB 폴더를 만들었습니다. MongoDB 폴더에서 데이터를 관리해주려고 합니다. 옵션을 줍니다. . MongoDB 저장소 지정하기 압축 푼 MongoDB 폴더 안에 bin 폴더에 들어간 다음에 아래와 같이 입력합니다. 서버가 실행이 되었습니다. 지금 열린..

디자인을 하도록 하겠습니다. 그 전에...app.js 파일을 실행을 하면 서버가 실행이 되고 화면에 글씨가 나왔는데요... 이 페이지를 찾아서 디자인 하도록 하겠습니다. app.js 소스를 보니...화면에 보여지는 페이지는 모두 view 폴더이고...화면에 보여지는 엔진이...jade?? 이네요... express 프레임워크에서는 Jade, Ejs 등을 지원한다고 합니다. Jade 설명은 생략 하겠습니다. 궁금하신 분들은 여기로...설명이 참 잘 되어있습니다. Jade란? jade로 하기에는 아직 많이 부족하니깐 html로 진행하겠습니다. 저는 visual studio 2012 개발 툴로 작업하겠습니다. 프로젝트 구성된 폴더 경로에서 views 폴더 안에 html 이지를 만들어주세요. input.html..

제 PC 개발 환경입니다. 운영체제 : Windows7 64bit ( 운영체제 중에서 맥, 우분투가 있지만 저는 윈도우에서 진행하겠습니다. ) http://www.nodejs.org/ 사이트에 접속하셔서 nodejs를 설치해주세요. 설치를 하셨으면 테스트를 해봐야겠죠. 명령프롬프트 창을 열어줍니다. 스크린샷 보시고 따라서 입력해보세요. 명령프롬프트 창에서 console.log('입력') 입력한 결과가 나오면 설치가 잘 된거에요. 그럼 이제 프레임워크를 설치 해야합니다. 가장많은 사람들이 사용하고 있는 Express 프레임워크를 설치 할거에요. 공식 사이트 입니다. http://expressjs.com/ 이곳에 들어가시면 프레임워크 사용방법 설명이 잘 되어 있습니다. (천천히 보도록 하겠습니다.) 다시 명..

새로운? 트렌드로 실시간 웹, 빅데이터 관련해서 많은 이슈들이 나오고 있습니다. 이중 제가 접근 가능한...실시간 웹에 대해서 공부를 하려고 합니다. 책을 사서 봐도 모르겠고...질문을 하자니 어디다가 해야할지도 모르겠고...카페를 들어가도 내가 원하는게 없어 답답한 마음에 전부 외계어...;;모르겠어요. 작년 말부터 알고 진행하고 있었는데... 인터넷 검색만 하다보니 공부는 안하고 계속 눈팅만 하다보니 시간만 가네요... 답답한 마음에 강좌를 쓰면서 ( 내가 직접 한다!! ) 잘못된 점 또는 다른 방법을 제시 해주셨으면 하는 마음에 Node.js 강좌를 작성하려고 합니다. node.js 사용하기 위한 개발 툴들은 많은데요...정말 필요할때는 사용하겠지만 저는 최대한 안쓸꺼에요. (귀찮아서 그런거 아니에..

제대로 jQuery Mobile 이 동작하는지 테스트 하겠습니다. 전체 소스 입니다. 첫 화면 안녕하세요~! 같이 공부해요. http://godffs.tistory.com 결과화면입니다. 끝~

이클립스는 안드로이드 공부할때 말고는 사용해본적이 없어서... 강좌를 쓰려고 공부를 하긴 했는데 제대로 한건지도 잘 모르겠습니다...;; 이클립스에서 Dynamic Web Prject 생성해서 jQuery Mobile를 사용하는 강좌를 작성합니다. 개발 운영체제 : 윈도우7 64bit 설치 파일 : Eclipse IDE for Java EE Developers, Java SE Development Kit, Apache Tomcat 6.0 프로젝트를 추가 합니다. 이제 프로젝트에 html 페이지를 추가합니다. 간단하게 html 페이지에 문구를 작성하고~ 톰켓 서버를 추가합니다. 선택을 하게 되면 아래에 Servers 탭이 추가 됩니다. 그럼 계속해서 서버 추가합니다. new server wizard 클릭하..

안되면 답변 달아주세요...수정해드립니다...

이제까지 작성한 예제로 웹을 구성하고 모바일로 실제 접속을 하니 UI 와 글씨등 모든게 작아보여집니다. viewport 뷰포트를 설정해주시면 됩니다. viewport는 화면에 보여지는 것들에 대해서 표현되는 영역을 말하고 있는데요. 화면의 넓이, 줌 레벨, 스케일기능등을 설정 할 수 있습니다. 보통의 viewport 설정은 하는데요. 포털 사이트에서 개발된 모바일 웹사이트에 viewport 설정된 부분을 보니 모두 동일하네요. user-scalable : 확대/축소 가능여부 initial-scale : 최초 확대 비율 ex)100% -> 1.0 maximum-scale : 스케일 변경시 비율 최대값 minimum-scale : 스케일 변경시 비율 최소값 width : 가로 길이 px, 보통은 device..

ajax UpdatePanel은 페이지 PostBack(페이지 새로고침) 없이 사용가능한 컨트롤입니다. UpdatePanel과 같이 사용할 수 없는 컨트롤이 FileUpload 컨트롤입니다. msdn에 올라온 내용입니다. 부분 페이지 업데이트에 FileUpload 컨트롤 사용 FileUpload 컨트롤은 포스트백 시나리오에서만 사용되며 부분 페이지 렌더링 중에 비동기 포스트백 시나리오에서는 사용되지 않습니다. UpdatePanel 컨트롤 내에 있는 FileUpload컨트롤을 사용하는 경우 패널의 PostBackTrigger 개체인 컨트롤을 사용하여 파일을 업로드해야 합니다. 포스트백을 통해 전체 페이지를 업데이트하는 대신 UpdatePanel 컨트롤을 사용하여 페이지의 선택한 영역을 업데이트할 수 있습니..

항목(List)에 이미지, 아이콘을 추가하는 예제입니다. 이미지를 추가하고 싶다면... 이미지 넣기 DOCTYPE html> 이미지 항목 List_1 List_2 List_3 아이콘을 넣고 싶다면... class="ui-li-icon" 을 선언해주시면 됩니다. />List_2

리스트 안에 리스트를 표현하는 예제입니다. 중첩 리스트 DOCTYPE html> 탭(Tab) Class_A Class__A1 Class__A2 Class_B Class__B1 Class__B2

리스트 항목을 만들어주는 태그를 입력하고 태그 안에 태그를 넣어주면 간단하게 탭 항목을 만들수 있습니다. 탭(Tab) 만들기 DOCTYPE html> 탭(Tab) A 항목 B 항목 C 항목 탭 항목이 너무 붙어있는데요. 공간을 줘서 띄어주는 방법은 data-inset="true" 를 추가 해주시면 됩니다. A 항목 B 항목 C 항목