angularjs에서 이벤트를 동작시킬때 클릭이 아닌 더블 클릭을 태그 요소에 바인딩하는 방법을 알아봅니다.# angularJS 더블 클릭 디렉티브더블 클릭을 위해서 ngDblclick 디렉티브를 사용할 수 있습니다. 이 디렉티브는 해당 요소를 더블 클릭해야 이벤트를 동작합니다. 만약 아래와 같은 코드를 작성한 경우 더블 클릭할 때 doSomething() 메소드를 호출하게 됩니다.<span ng-dblclick="doSomething();">Click</span>testController에는 아래처럼 doSomething()을 가지고 있습니다.app.controller('testController', function() { this.doSomething = function() { alert('Double Click !!'); };});여기까지 ngDblclick 디렉티브를 알아보았습니다.
2018-08-07 10:36:17HTML5에서 적용 가능한 새로운 Attribute sandbox에 대하여 알아봅니다.# HTML5 sandbox attributesandbox는 HTML5에서 추가된 iframe에 적용 가능한 attribute입니다. iframe의 경우 Cross domain, 호스트에 영향을 받게 되는데 이에 대하여 크로스 도메인이나, 스크립트, 제한 등을 설정하는 방법으로 사용할 수 있습니다. 참고로 현재 이 속성은 최신 브라우저에는 대부분 지원되나 전체 모든 환경에서 지원되지는 않으므로 확인이 필요합니다.<iframe sandbox src="http://webisfree.com"></iframe>간단한 사용방법입니다. 위와같이 sandbox property를 사용할 경우 해당 iframe의 경우 아래와 같이 몇 가지 제한이 생기게됩니다.iframe과의 통신이 불가능함스크립트 사용 불가폼 태그의 전송 불가플러그인이 실행 불가위와 같은 제한사항 중에서 몇 가지 설정을 변경, 제한 해제하려면 아래
2018-07-19 22:08:58얼마 전 수 많은 데이터를 처리해야하는 웹사이트를 구축하면서 데이터베이스를 NoSQL, MongoDB로 처리하였습니다. MongoDB를 사용했던 이유는 조금이라도 빠르고 간단한 개발 프로세스가 목적이었죠. 혼자서 개발에 많은 시간을 최대한 줄이려면 상대적으로 NoSQL이 편하다고 생각했습니다.# NoSQL 성능 개선 및 팁 정리아래는 MongoDB를 사용하면서 겪었던 어려움과 성능 개선을 위한 방법들을 정리한 내용입니다. 이 중에서도 중요한 부분들을 위주로 적어보았습니다.! 정확하고 효과적인 인덱스 설정RDB와 마찬가지로 많은 데이터베이스가 인덱스 기능을 지원합니다. 산재된 수 많은 데이트를 검색할 때 인덱스를 설정한 것과 하지 않는 것은 검색이나 소팅을 수행할때 엄청난 속도 차이를 보여주게됩니다. 또한 인덱스를 설정시 어떤 필드인지... 멀티 필드를 설정할 것인... 마지막으로 오름 또는 내림차순 중 어떤 방헁으로 설정할 것인지 잘 판단해서 설정하도록합니다.! 조건이 많은 쿼리문
2018-03-12 13:06:50NoSQL 역시 다른 Database, RDBMS처럼 인덱스 설정이 필요합니다. 그렇지 않으면 Slow Query 등 검색, 소팅 단계에서 성능에 큰 차이가 발생할 수 있습니다. 아래는 MongoDB에 인덱스를 설정하는 방법과 조회, 추가 및 관련 예제를 자세히 알아봅니다.# 인덱스 조회, 확인하기, 인덱스를 조회하기 위해서 getIndexes()를 사용합니다.> db.collection.getIndexes()아래와 같이 나타납니다.[ { 'v': 1, 'key': { '_id': 1 }, 'name': '_id', 'ns': 'collection' }]# 인덱스 추가하기, createIndex()원하는 필드명을 사용하여 인덱스를 설정, 추가할 수 있습니다. 인덱스를 설정, 추가하는 방법은 아래와 같이 문법을 적용합니다.db.collection.createIndex(keys, options)키에는 필드명과 함께 오름 또는 내림차순에 따라서
2018-02-28 09:41:33MongoDB에서 삭제할 데이터가 있는 경우 remove()를 사용합니다. 만약 find()에 sort(), limit()이 적용된 값들을 삭제하려면 어떻게 할까요?# MongoDB 데이터에서 sort() limit() 적용된 값 삭제방법collection에 find()를 사용하면 커서 객체를 반환되며 여기에 sort(), limit()을 적용할 수 있습니다. 하지만 이렇게 찾아낸 결과값을 삭제하는 메소드는 없기때문에 이와 같은 방법으로 삭제할 수는 없겠죠. 그렇다면 다른 방법은 없을까요? 이 경우 toArray()와 map()을 사용하는 방법이 있습니다. 아래에서 알아보세요.! 배열로 변환 후 변수에 id값을 저장하여 삭제하기반환된 커서객체를 배열로 변환... map()을 사용하여 id값을 모두 반환합니다. 그리고 반환받은 id를 $in 키워드를 사용하여 한번에 삭제하면 원했던 결과를 동일하게 수행할 수 있습니다.@ id -1로 sorting한 후 skip(100) limit(10
2018-02-14 12:49:30하나가 아닌 여러개의 값을 서버에서 받아 MongoDB에 저장하려고 합니다. 예를들어 다수의 글이나 목록 등을 저장하려면 어떻게하면 될까요? 먼저 클라이언트의 요청을 서버에 전달해야합니다. 만약 request로 데이터를 전달할때 다수의 값은 어떻게 받을 수 있을까요?# Python flask에서 배열로 값을 전달받기items로 전달된 값을 우리는 배열로 받아 저장해야합니다. 하나가 아니니까요... 원래 하나의 값은 아래처럼 받았었죠.request.form.get('item')하지만 이번에는 다수의 값이므로 배열로 받아 처리해야합니다. 아래 코드처럼 get을 getlist로 변경하여 수행합니다. 참고로 Django에서는 getList를 사용합니다. 이처럼 배열로 받는 경우는 여러개의 파일을 첨부하여 처리할때도 같은 방법이 사용되죠! 이제 배열로 받기 위해서 아래와 같은 코드를 사용합니다.request.form.getlist('item[]')이제 다수의 값들을 배열로 받아 저장하는 것이
2017-11-12 13:23:26만약 MongoDB에서 없는 컬럼을 찾을 경우 어떻게 하면 찾을 수 있을까요?예를들어 name이라는 필드가 없는 경우의 값들만 출력하려고 합니다. 이때 아래와 같이 $exist를 사용하여 가능합니다.# MongoDB에 없는 컬럼의 값만 찾기아래 쿼리문이 바로 없는 컬럼만 찾는 방법으로 find()를 사용합니다.db.collection.find('name': { $exists: false })위 쿼리의 결과는 해당 컬럼 name이 없는 값들입니다. $exist: false를 사용합니다. 그렇다면 반대로 값이 있는 경우에만 찾으려면 어떻게 할까요? 간단하게 $exist: true로 바꾸어주면 됩니다.db.collection.find('name': { $exists: false })이제 값이 있는 컬럼, 필드만 조회가 가능합니다.! 언제 필요한가?만약 특정 컬럼이 반드시 필요한 경우 없는 컬럼만 찾아 값을 추가하기 위한 목적으로도 필요할 수 있습니다.
2017-11-11 10:33:34만약 MongoDB 데이터베이스에서 무작위로 아무 값이나 가져오려면 어떤 방법이 있을까요? 아래에서 한번 알아봅니다.# MongoDB 컬렉션에서 랜덤한 값 가져오기아래 방법은 가장 많이 사용되는 간단한 방법들입니다.! skip() size를 랜덤하게 바꾸는 방법다양한 방법이 존재하나 그 중에서 가장 쉽고 편리한 방법이라 할 수 있습니다. 만약 아이템의 개수가 총 100개라면 skip()값을 랜덤하게 0부터 99까지 설정하면 매우 쉽게 가능합니다. 그럼 아래 예제를 봐주세요.! MongoDB 데이터베이스 내용컬렉션 site에는 다음과 같이 총 3개의 값이 있다고 가정합니다. 우리는 여기서 랜덤한 값을 불러오려 합니다.* DB명 : site{ id: 1, name: web}{ id: 2, name: is}{ id: 3, name: free}이제 위 데이터에서 랜덤한 값을 가져와볼까요?totalCount = db.site.count();skipsize = Math.floor(M
2017-10-21 09:30:34MongoDB client를 설치 후 접속하기 위해 mongo 커맨더를 입력할 경우 만약 아래와 같이 에러 메시지를 보았다면 어떻게 할까요?mongoclient couldn't connect to server이 경우 mongoclient에서 cli에 접속할 수 없기에 나타납니다. 원인은 몇 가지가 있을수있는데 아래와 같은 경우를 의심해야합니다.! MongoClient만 설치되고 서버에 서비스될 MongoDB가 설치되지 않은 경우이 경우 아래와 같이 mongodb를 설치하고 다시 시도하면 가능합니다. mongoclient는 서버 데이터베이스에 필요한 모든 기능이 아닌 커맨드라인 인터페이스를 제공합니다.sudo apt-get install mongodb! MongoDB 서비스가 동작중이지 않은 경우데이터베이스 서비스가 동작중인지 확인해보고 중지 또는 시작되지 않은 경우 시작되도록 합니다.service mongod status! 포트번호가 다른 경우기본 포트 정보는 27017이나 다른 포
2017-10-20 04:22:54MongoDB 전체 개수를 가져오는 가장 쉬운 방법에 대하여 알아봅니다. 데이터베이스에서 가져온 컬렉션이 몇개인지 확인하려면 아래의 쿼리문을 사용합니다.# MongoDB에서 불러온 컬렉션의 전체개수불러온 collection의 개수를 알려면 count()를 사용하여 가능합니다.db.collection.count()예를들어 컬렉션이 가진 개수가 총 10개라면 위 결과는 10이 나타나게됩니다. 여러 방법들 중에서 가장 쉽고 많이 사용되는 방법이죠.
2017-10-20 04:21:31어플리케이션 아키텍처(Architecture) 단계에서 많이 고려되는 Redis 데이터저장소에 대하여 자세히 알아봅니다. Redis는 무엇이고 어떤 장점과 단점이 있는지 그리고 설치하는 방법 등에 대하여 알아봅니다.# Redis란 무엇인가, Redis의 이해Redis는 Remote Dictionary Server의 약자입니다. Redis는 In-Memory 방식으로 메모리를 사용하여 CRUD를 수행, 데이터를 저장하는 Data Storage입니다. NoSQL 방식의 데이터베이스로 Redis는 다른 데이터저장소에 사용되는 하드디스크(HDD), SSD 방식이 아닌 메모리를 사용하므로 성능 및 속도가 매우 빠르다는 장점이 있습니다. 다만 메모리는 용량에 따른 비용이 기하급수적으로 커지기 때문에 일반적으로 텍스트 위주의 데이터를 처리하는데 적합합니다.Redis는 많은 기업들에서 사용되며 우리가 잘 아는 Instagram, Facebook, Stackoverflow 등에서 사용됩니다.그럼 아
2017-09-20 08:55:38웹사이트의 글을 읽다보면 이전글 또는 다음글로 이동하는 링크를 볼 수 있습니다. 만약 MongoDB를 사용하는 경우 이전 또는 다음글을 가져오려면 어떻게해야할까요?# MongoDB에서 이전글 다음글 구현방법아래의 쿼리문은 특정한 필드를 기준으로 이전 또는 다음에 위치한 아이템을 가져오는 방법입니다. 우선 아래와 같은 과정으로 수행합니다.1. 기준이 되는 글 찾기2. 이전 글 또는 다음글을 쿼리를 사용하여 찾기먼저 아래는 현재 글을 찾는 일반적인 쿼리문입니다. _id 필드명을 기준으로 이전 또는 다음 값을 찾아보려합니다.this_id = collection.find_one({'_id': myId})['_id']변수 this_id는 기준이 되는 글의 id값을 저장하고 있습니다. 이 id값을 기준으로 이전 또는 다음글을 찾을 수가 있습니다. 먼저 다음글의 경우 아래와 같이 쿼리문을 사용합니다.# 다음글 가져오는 Query여기서 $lt을 사용하여 이전글의 id를 하나 가져옵니다. 이때 so
2017-09-01 17:01:24몽고DB, MongoDB에서 Auth 사용시 즉 권한 설정이 되어 있는 경우 로그인 방법에 대하여 알아봅니다.먼저 username, password가 설정된 경우에 Shell에서 로그인하려면 인증(Auth)이 필요합니다. 이때 인증을 수행하여 Mongo Shell에 접속하는 방법은 아래와 같습니다.# MongoDB에 사용자, 패스워드로 로그인 방법아래에서 admin은 admin 권한으로 로그인하겠다는 뜻입니다. 뒤의 username과 패스워드를 사용해 mongodb에 접근하도록 합니다.> mongo admin -u username -p 'password'이때 password는 따옴표를 사용하여야 에러가 발생 안하므로 주의하여야 합니다. 위 방법대로 해야 에러가 안나고 Mongo Shell에 접속이 가능합니다.위 방법으로 접근이 안되는 경우라면 admin 권한으로 접근하도록 --authenticationDatabase 옵션을 추가하여 동작해보세요.> mongo admin -u user
2017-08-10 14:46:01Python 웹어플리케이션에서 MongoDB를 사용하여 검색어를 찾을때 검색어가 하나가 아닌 다수인 경우 이를 해결하는 방법입니다.먼저 정규표현식을 사용한 방법으로 검색을 수행하며 이때 여러개의 검색어는 빈 여백(space)으로 파라미터에 넘어옵니다. 파라미터는 Get방식으로 넘어오며 이를 아래와같이 replace()를 사용하여 변경합니다. 만약 파라미터 이름이 keyword인 경우 아래와 같이 사용할 수 있습니다. # 다수의 검색어(Multiple Keyword) 검색하는 방법아래와 같이 먼저 구분자인 공백을 기준으로 replace()를 적용합니다.keyword = request.args.get('keyword', '').replace(' ', ')(?=.*')이제 keyword가 있는 경우 쿼리는 아래와 같이 적용합니다.if keyword: keywordQuery = {'text': {'$regex': '(?=.*'+keyword+')'}}정규표현식을 사용하여 text라는 필드
2017-08-10 09:24:46AND 및 OR 조건에 따른 검색시 사용가능한 정규표현식 방법입니다. 아래 예제를 봐주세요.nameStr = 'webisfree again'; # AND 조건을 수행하는 방법만약 web 그리고 again이 포함된 데이터를 찾을 경우 아래의 정규식을 사용합니다.nameStr.match(/(?=.*web)(?=.*again)/)정규식에서 사용하는 AND 조건식 방법입니다.# OR 조건을 수행하는 방법만약 web 또는 again이 포함된 데이터, 즉 OR 조건인 경우를 찾는다면 아래의 정규식을 사용합니다. 비슷해 보이나 중간에 | 기호가 있습니다.nameStr.match(/(?=.*web)|(?=.*again)/)위 정규식은 둘 중 하나만 만족해도 존재여부를 확인합니다.
2017-08-09 02:34:58MongoDB에 접속하는 경우 만약 뒤늦게 Auth 설정을 하였다면 Python에서도 MongoDB에 Auth설정이 필요합니다. 아래는 Auth 설정된 MongoDB에 접속하는 방법입니다.# 기존 코드먼저 원래 설정된 MongoClient() 설정코드입니다.client = MongoClient('mongodb://127.0.0.1:27017') 위 코드는 변경 전 코드입니다. 설정된 Auth값의 id와 password를 MongoClient()에 아래와 같이 추가합니다.# 수정된 코드이제 Auth설정이 된 코드입니다. 앞에 user와 password정보를 추가합니다.client = MongoClient('mongodb://myUser:password1234@127.0.0.1:27017')위 예제는 id가 myUser이고 password가 password1234인 경우의 접근방법입니다.이제 Auth 설정된 MongoDB에 Python에서 접근이 가능합니다.
2017-08-08 17:06:19여러이유가 있겠지만 MongoDB의 권한설정은 반드시 필요합니다. 대표적인 이유로 개발중에 remote ip가 필요한 경우가 Auth 설정은 필수적입니다.RemoteIp를 열어둔 경우 ip주소와 port만 알면 누구나 접속할 수 있어 해킹의 위험이 발생합니다. 외부 접속이 반드시 필요하다면 Auth를 사용하기 위해서 User 및 Password를 설정해야합니다.# MongoDB Auth 설정방법 알아보기먼저 아래는 Auth 설정에 필요한 단계입니다. 순서대로 필요한 과정을 설정해야합니다.1. admin 데이터베이스 선택2. 사용할 User 및 Password 추가하기3. auth 권한설정으로 mongoDB 실행하기위 과정은 몽고DB에서 권한 설정하여 사용하는 방법입니다. 자세하게 알아보겠습니다.! admin 데이터베이스 선택 권한AUTH 설정을 위해서 먼저 admin을 선택합니다. 맨 처음 show databases를 입력하면 admin부분이 없는 것으로 보입니다.> show dat
2017-08-08 16:44:20MongoDB는 NoSQL이므로 RDBMS처럼 auto increment를 설정하는 것이 없습니다. 만약 자동으로 1을 더하려면 어떻게해야할까요?# MongoDB 저장값을 1 더하기아래 예제는 숫자타입의 필트를 자동으로 더하는 예제코드입니다.collection.update({'site': 'webisfree'}, {'$inc': {'count': 1}}, upsert=False)값을 추가하는 경우 $inc를 사용합니다.
2017-08-02 15:46:39몽고DB의 컬렉션에서 Document를 찾은 후 이를 출력할때 소팅하는 방법입니다. 소팅은 찾은 데이터를 원하는 방식으로 정렬해줍니다.먼저 find()는 cursor 객체를 반환합니다. 이 커서 객체는 sort() 메소드를 가지며 아래와 같이 사용합니다.db.site.find().sort({ 'date': -1 }) 여기서 sort() 메소드의 내부에 소팅할 값을 key/value로 추가합니다. 값의 1과 -1은 오름차순, 내림차순을 각각 의미합니다. 예를들어 아래의 데이터가 존재하는 경우...! Collection site의 데이터{ 'no': '1', 'no': '2', 'no': '3' }위 데이터를 정렬할 경우 아래처럼 사용할 수 있죠.db.site.find.sort({'no': -1}) 결과는 아래와 같습니다.{ 'no': '3, 'no': '2', 'no': '1' }설명하면 sort()에 전달한 파라미터는 소팅기준필드로 no를 선택하였고 값은 -1로
2017-08-01 16:26:37MongoDB(몽고DB)에서 문자열을 모두 바꾸려면 어떻게 할까요? 이 경우 find() 그리고 replace()를 사용하여 변환하는 것이 가능합니다. 이때 모두 바꾸기 위하여 forEach() 루프를 사용합니다. 만약 컬렉션 이름이 만약 site라면 아래와 같이 사용합니다.# MongoDB 전체 문서에서 문자열 변경하는 방법아래 방법은 모든 데이터의 문자열 전체를 변경하는 방법입니다. replace()를 사용합니다.db.site.find().forEach(function(item) { item.field = item.field.replace('이전 문자열', '변경할 문자열'); db.site.save(item); })이처럼 간단하게 함수를 사용하여 가능합니다. 그럼 몇가지 예제를 좀 더 알아봅니다.! abc를 찾아 이를 모두 xyz로 바꾸는 방법db.site.find({'title': /abc/g}).forEach(function(item) { item.field =
2017-07-31 00:26:54
