자바스크립트_MVP 디자인패턴 Presenter는 상응하는 view와 model이 필요합니다. presenter가 model을 얻었을때, 다른 헨들러를 이용해서 view를 업데이트 하며, view는 다시 UI를 업데이트 합니다. MVP의 가장큰 이점은 같은 presenter로 여러가지 views를 만들어 낼 수 있습니다. 즉, 이들은 같은 기능등을 공유하지만 UI는 다르거나 여러기능으로 작동할 수 있습니다. 그럼 이제 MVP를 이용해서 간단한 테스크 리스트를 만들어 보도록 하겠습니다. The Model function TaskModel (_text) {var ID = (new Date()).getTime();this.getID = function() {return ID;}var Text = _text;this.getText = function() {return Text;}this.setText = fun.......

JKGRAPHY_제주도 셀프웨딩 스냅 이벤트 데이트스냅을 하면, 본식 스냅이 무료?! http://www.jkgraphy.com/ 본 촬영본은 블로그 및 홈페이지등의 홍보목적으로 활용될 수 있습니다.

자바스크립트 메모장 프로그램 자바스크립트 MVC패턴과 로컬스토리지 기능을 조합해서 메모장 프로그램을 제작하였습니다.기존에 제작되어 있던 메모장 js파일을 수정한 뒤개인의 디자인 취향을 불어넣어(?) 완성을 하였습니다.아직 beta버전이며 조금씩 코드를 정리하며 기능을 추가하려고 합니다. 전체 디자인 반응형으로 제작되어 있기 때문에 PC, 모바일에서 사용이 가능하며,현재는, 개인 호스팅에 업로하여서 언제든 접근이 가능합니다. http://cands2015.dothome.co.kr/app/memo.html 데이터를 로컬스토리지에 저장하기 때문에컴퓨터나, 휴대폰만 잃어버리지 않으신다면 사생활보호(?)기능이 완벽합니다. 사용법 1. 접속을하면 자동으로 인.......

자바스크립트 함수표현식과 즉시실행 함수 자바스크립트는 일급객체(first-class object)입니다. 그렇기 때문에, 변수에 저장되며, 함수의 파라미터로 전달되며, 함수의 반환값으로 사용되며, 자료 구조에 저장이 가능합니다. 기본적으로 연산자인 function을 이용한 함수 정의방법은 함수 선언문과 함수 표현식이 있습니다. 아래의 함수선언식은 스크립트가 로딩될때 변수객체에 저장이되어 언제든지 호출이 가능합니다. 일급객체의 특성으로 변수에 저장이 가능하여, 기명함수, 익명함수, 즉시실행함수등 다양한 함수표현식이 존재합니다. // 함수선언식function contest () {} 즉시실행함수(Immediately-invoked function expression)변수를 선.......

월드비전 사랑의도시락 후원하기 고등학교 1학년이 시작될 무렵나는 동아리 활동을 선택해야했다.운동, 독서, 음악 동아리등 많은 클럽이 있었다.그 나이 신앙심이 있고 교회에 다니면 대부분기독교 동아리에 가입을 하였다.하지만 난, 장애인봉사 동아리에 가입을 하였고3년 동안 매 주 토요일 마다 그분들과 만남을 가졌다...바쁘고 치열한 20대를 지나이제 다시 누군가에게 도움을 주고 싶은 마음이 강해졌다. 30대가 되어도 내가 할 수 있는 일은 그다지 많거나 대단한 것이 아니었다.그래서 월드비전 "사랑의 도시락"후원사업을 선택했다.매주 5회 결식 아동과 어려운 노인분들에게한 달 1만원으로 3끼의 식사를 제공해주는 것이었다. 나는.......

몽고DB 데이터베이스 몽고DB 데이터 모델링 소개몽고DB는 매우 유연한 스키마를 가지고 있습니다. SQL 데이터베이스와 다르게 (기존에는 데이터를 입력하기 전에 테이블의 스키마를 정의해줘야 했습니다.) 몽고DB의 콜렉션은 다큐먼트 구조를 강요하지 않습니다. 몽고DB의 콜렉션은 RDBMS테이블과 같다고 보실 수 있습니다. 콜렉션 단일 데이터베이스 안에 존재합니다. 콜렉션 안에 있는 다큐먼트들은 여러 필드를 가질 수 있습니다. -기본쿼리SQL은 Structured Query Language의 약자입니다. 즉, 데이터베이스의 표준 질의어입니다. DB에 물음을 던져 원하는 값을 추출해내는 역할을 합니다. 간단한 명령어로 show database를 입력하면 현재 로.......

자바스크립트 MVC 디자인 패턴 (JavaScript MVC Design Pattern) What IS MVC?1. 사용자는 애플리케이션과 상호작용합니다. 2. 컨트롤러의 이벤트 헨들러가 작동됩니다.3. 컨트롤러는 모델로부터 데이터를 요구하고, 그 결과를 뷰로 전달합니다.4. 뷰는 데이터를 사용자에게 보여줍니다. 간단한 MVC구현 코드 MVC:Controller

풀스택 개발자를 위한 MEAN 스택 (mongoDB, express, angularJS, nodeJS) 풀스택 개발자가로 가장 손쉽게 단일 어플리케이션을 구현하는 방법이 바로 MEAN 스택을 이용하는 것입니다. MEAN 스택은 mongoDB, express, AngularJS, nodeJS의 묶음을 말합니다. 이를 사용하면, 복잡한 어플리케이션을 자바스크립트 한 언어로 개발이 가능합니다. 비동기 기반의 개발 스택이며 OS상관없이 구동이 가능합니다. 특히, JSON 객체를 DB, 서버, 클라이언트에서 동일하게 사용이 가능합니다. 이번 포스팅을 통해 좀 더 자세히 알아보도록 하겠습니다. 1. 몽고DB(mongoDB)몽고DB는 JSON 문서 기반의 NoSQL 데이터 베이스 입며, 스키마가 없는 JSON형태로 저장.......