전체보기
126개의 글
다시 제작중.. 어찌 되었든 한번 만들어 봤더니 다시 만드는건 금방이다. 하다가 그만두었던 이유는, 재미 요소의 부족 / 엉키고 꼬인 Database 가 가장 큰 이유였다. 단순히 몬스터만 잡는 게임이라면, 너무 재미가 없어 보였고 따라서 여러 기능들을 추가하게 되었다. 게임은 사냥 - 스펙업(게임에서조차 스펙이라니) - PvP 컨텐츠로 돌아간다. 스펙 업의 경우에는 가장 간단하게 장비 제작, 강화, 마법 부여의 기능을 추가할 예정이고, 저번과는 다르게 소환수 개념을 추가하였고, 메인 컨텐츠로 만들기 위해 노력중이다. 몬스터를 잡으면 나오는 아이템들로 장비를 제작하고, 보스몬스터를 잡으면 나오는 아이템들로 마법을 부여하고 소환수를 소환한다. 소환수는 인공지능(조잡한) 으로 전투를 보조하며, 캐릭터와 똑같..
웹 스크래핑이란 ? 웹 스크래핑은 웹페이지의 정보를 프로그램을 통해서 가져오는 것을 뜻한다. 우리가 신문을 스크랩 하듯이, 웹페이지를 스크랩 해서 정보를 저장하는 것이 가능하다. 그러나 비정상적인 접근으로 금지하는 경우도 있으니 조심해야 할 것 ! 오늘 사용할 모듈은 2가지인데, Request와 Cheerio 이다. Request 모듈은 Node.js 내장 모듈로, 인터넷에 요청을 보내고, 요청에 해당하는 페이지를 가져온다. Cheerio 모듈은 그 받아온 페이지를 파싱하여 전체 페이지 중에서 필요한 부분의 정보만을 가져올 수 있다. Cheerio의 장점은, jQuery 문법을 그대로 사용할 수 있다는 것이다. 따로 공부할 문법이 없이, 그냥 jquery 선택자를 이용해서 쉽게 사용할 수 있다.(jque..
TAPP Lock 있으면 좋겠다 하던 제품이 크라우드 펀딩을 완료했습니다 ! 자물쇠 열 때에, 열쇠를 가지고 다니기 번거롭거나 아니면 비밀번호 자물쇠의 경우에는 비밀번호 분실 / 혹은 다른사람이 비밀번호를 알게 되는 위험이 있었죠. 그런 불편함과 위험을 해결해 줄 수 있는 제품입니다. 제품 종류 / 색상 제품의 종류는 위와 같이 일반 탭락 과, 탭락 Lite가 있습니다. 차이점은 탭락은 좀 더 크고, 배터리 충전식이고 3년간 사용할 수 있다고 하고 탭락 Lite는 작고 배터리 교환식입니다 6개월간 사용할 수 있다고 합니다.. 색상은 위와 같은 색상을 지원합니다. 기능 탭락의 기능은 지문인식, 충전, 블루투스로 자물쇠 관리, 보안, 권한 공유, 방수 기능이 있습니다. 탭락 Lite도 똑같지만, 충전 기능이..
Fixed Header MQTT의 고정 헤더는 위의 사진과 같다. 1바이트가 고정 헤더라고 볼 수 있는데, 2바이트의 Remaining Length에는 가변 헤더의 내용들이 들어가기 때문이다. 따라서 위의 1바이트부터 잘 이해하는 것이 중요하다. 7~4 의 4개 Bit는 메시지 타입을 결정한다. 2의 4승개의 메시지 타입이 가능하다. 즉, 메시지 타입은 16개가 되겠다. 그 중 모든 비트가 0인 0과, 모든 비트가 1인 16비트는 Reserved이다. 메시지 타입 위의 사진이 메시지 타입 종류 16가지이다. Publish의 경우가 중요한데, 이는 나중에 QoS 설명할 때에 제대로 작성하겠다. 타입 1은 클라이언트가 브로커에게 연결을 시도하는 메시지이다.타입 2는 브로커가 연결을 받았을때에, 연결되었다고 ..
The Right Cup ? 현재 인디고고에서 펀딩을 마무리하고, 예약판매중인 제품입니다. 더 라이트 컵이 현재 많은 인기를 끄는 이유는, 컵 자체에 향기와 맛을 느끼게 해줍니다. 예를 들어 오렌지 맛 The Right Cup을 산다면, 컵 자체에서 오렌지 맛과 향이 납니다. 이 맛과 향이 물을 마실때에 코와 입을 통해서 뇌를 속이게 되고 , 일반 물을 마시는데도 오렌지 쥬스를 마시는 것처럼 느껴진다고 합니다. 위와 같은 사람들에게 꼭 필요한 제품이겠네요 ! 아이들이 물 잘 안마시거나, 달콤한 음료들에 너무 빠져서 살이 찌는 경우, 건강한 탄산음료를 마시고 싶은 사람들 ! The Right Cup 은 그런 사람들에게 정말 좋은 선택입니다. 물이 아니라 탄산수를 넣으면, 탄산 음료와 같은 효과를 낼 수 있..
DreamScreen DreamScreen 제품은, 현재 킥스타터에서 펀딩중인 제품입니다. 위의 소개 동영상을 보면 알 수 있듯이, HDMI를 지원하는 TV에 설치하는것으로 TV 뒤쪽에도 TV 화면의 영상을 비춰줍니다. 화면의 영상을 전부 비춰주는 것이 아니라, 해당하는 색상을 넓게 펼쳐 보여줌으로써 마치 화면이 더 넓어진 듯한 효과를 줄 수 있습니다. 또한 동영상처럼 불을 끄고 영화나, 비디오, 혹은 게임을 플레이한다면 훨씬 더 눈이 즐거워질겁니다 ! 분위기가 장난 아니네요 ! 신비로움을 극대화해주는 효과가 있군요. 영상을 전시하는 전시회 같은데에서 어두운 곳에 설치하여 쓴다면 효과가 매우 극대화될 것 같습니다. 세 가지 모드 드림스크린 에는 3가지 모드가 있는데, 비디오모드 는 비디오 재생할 때에, ..
Socket.io 이번 포스팅은 Socket.io 최신버전의 새로운 기능들에 대해서 알아보자. 먼저 프론트엔드 측에서, socket.io 서버로 연결할 때에 호스트를 입력하지 않아도 되도록 바뀌었다. 기존의 코드가 다음과 같다면, 1var socket = io('http://localhost:3000/');cs 이제는 다음과 같이 써도 된다는 것이다. 1var socket = io();cs io는 자동으로 현재 접속해 있는 사이트의 호스트를 찾고, 해당하는 호스트에 socket.io 서버가 열려있다면 연결하게 된다. 무척이나 편리한 기능이 아닐 수 없다 ! Namespace 기존에 Socket.io 에는, Room이라는 기능이 있었다. 소켓에 접속하고, 같은 room 내부의 사람들과 통신할 수 있는 방식..
모듈이란 ? 앵귤러는 모듈들로 이루어져 있다. 앵귤러로 만들어진 어플리케이션은 보통 많은 모듈들이 모여서 기능을 수행하게 된다. 일반적인 모듈은 각각 하나의 특정한 목적을 가지고 만들어지고, 그 하나의 기능만을 수행하도록 설계한다. 모듈을 만들고, 어플리케이션에서 사용할 부분을 exports - import 하여 전체적으로 해당 모듈을 사용한다. 튜토리얼을 할 때에 app.component.ts 를 만들었었는데, 이 component가 가장 기본적인 모듈 중에 하나이다. Import와 Export 튜토리얼 적에, 우리는 원리를 이미 import와 export를 사용했었다. 1234./public/app/boot.ts 파일 import {bootstrap} from 'angular2/platform/bro..
보안은 공학에서 항상 중요한 분야이다. 프로그램을 만들 때나, 서버, 혹은 심지어 디바이스를 만들때에도 항상 염두에 두어야 한다. 무언가를 만들고, 사용자가 사용하게끔 만드는 것은 각종 악용의 위험을 항상 내포하게 된다. 컴퓨터 보안에는 크게 4가지 목표가 있다. Confidentiality(기밀성) : 인가받은 사용자만 정보에 접근할 수 있다. 우리가 흔히 말하는 보안의 개념이다. 인가받지 않은 사용자, 즉 악용하고자 하는 크래커의 접근을 차단하는 것을 말한다. Integrity(무결성): 권한을 가진 사용자가 인가받은 방식으로만 정보를 수정할 수 있다. Availability(가용성): 언제든지 정당한 사용자가 정보를 사용할 수 있다. 위의 3가지가 흔히 말하는 보안의 3요소이며, 추가적으로Non-R..
스마트폰 지원금 길거리에 많은 스마트폰 업체들을 보면, 지원금 얼마 ! 이런식으로 호객 행위를 하는 것을 볼 수 있습니다. 뿐만 아니라 요즘은 통신사 자체에서 운영하는 핸드폰 구매몰 도 있는데, 거기에서도 핸드폰을 사면 요금제에 따라 지원금을 줍니다. 스마트폰을 구매하고 2년 약정을 걸고, 2년동안 스마트폰 할부 금액에서 요금제에 비례하여 지원금을 받는 방식입니다. 스마트폰 약정이 끝난 사람은 보통 지원금도 끝난거라고 볼 수 있습니다. 그런데 스마트폰 시장은 계속 커져 가다가, 이제 거의 포화상태에 이르렀다고 볼 수 있습니다. 애x , 삼x 등 메이저 스마트폰 제조사에서 새로운 모델을 출시해도 기기의 성능은 확 올라가지 않고 있습니다. 대부분 새로운 기능들(터치 압력 , 삼x 페이 등)을 추가해서 새 고..
Sub / Pub Model? Sub/pub 모델, 즉 Subscriber / Publisher 모델은 구독 클라이언트와 발행 클라이언트 간의 통신 모델이다. 일반적인 Server / Client 모델은 한쪽은 서버의 역할을, 한쪽은 클라이언트의 역할을 하게 된다. 일반적으로 클라이언트가 서버에 데이터를 요청하고, 서버가 해당 데이터를 클라이언트에 전송하는 식의 방식이 사용된다. Sub/pub 모델은 이와 조금 다르다. 클라이언트는 데이터를 보내는 입장이 될 수 있고, 혹은 데이터를 받는 입장, 혹은 동시에 두 입장을 소화해 낼 수도 있다. 실생활의 예를 한번 들어보자. 내가 신문 읽기를 좋아하여, 신문 구독(Subscribe) 을 신청하였다. 예를 들어 조선일보(Topic) 와 한겨레 신문(Topic)..
Search Console? 네이버에 네이버 웹마스터 도구가 있다면, 구글에는 구글 Search Console 이 있다. 사용법이 조금 난해하다. 네이버는 한국 사이트가 대부분 웹사이트 / 블로그인 것을 감안하여 블로그 유저들도 쉽게 적용할 수 있도록 된 반면에, 구글은 기사는 기사의 포맷을, 일정은 일정 포맷을 따라야 한다. 검색자측에 더 많은 기능과 더 편리한 검색 환경을 제공하지만, 검색에 등록을 해야하는 사용자에겐 부담이 된다. 구글 서치콘솔 서치콘솔에 자신의 웹사이트를 등록하는 것은 이전 포스팅을 찾아보면 있다. 이번 포스팅은 서치콘솔을 어떻게 사용할 것인지에 관한 정보이다. 서치 콘솔 기능들 위의 사진이 서치콘솔의 기능들을 보여준다. 기본적으로 블로그가 아닌, 다양한 웹페이지들을 검색할 수 있..
Angular js 2.0 살펴보기 Angular.JS 2.0 의 전체 흐름과 구성을 알게 된다면, 세부적인 부분에 대한 이해에 큰 도움이 될 것이다. 게다가 아직 세부 모듈들에 대한 설명이 전무(핵심 모듈들만 아주 약간 정보가 제공된다) 한 상황에서, 전체적인 흐름을 익히고 있는 것도 좋을 듯 하다. 그림은 앵귤러 2.0 정식 홈페이지에서 가져왔다. 어떻게 이해해야 할까 천천히 이해하는 것이 좋겠다. 요소 하나 하나를 따로 포스팅하면서 공부해 갈 계획이다. 위의 그림만으로도 각각의 역할이 어느 정도는 이해가 된다. 기존의 일반 자바스크립트와 html에서는, 양방향 바인딩이 쉽지 않았다. html을 불러오고, 이를 DOM을 통하여 property를 바꾸는 것은 간단한 javascript로 가능하지만, 반..