전체 글

개요 어플리케이션에서 사용자의 로그인을 요구하는 것은, 사용자의 정보를 바탕으로 어플리케이션에서 맞춤 정보를 제공하기 위해서 입니다. 예를 들어 어플리케이션에 따라서는 사용자의 로그인 여부에 따라, 혹은 사용자의 등급에 따라 정보에 대한 접근을 제한해야 하는 경우도 있습니다. 대표적인 경우가 어플리케이션의 관리자 페이지에 대한 접근 제한입니다. 이를 위해서는 앞선 포스트에서 보았던 것처럼 사용자의 Login 상태에 따라 화면 및 링크를 숨겨 접근을 차단 할 수도 있습니다. 하지만 이러한 방법을 모든 컴포넌트에 적용하게 되면 설정이 여기저기 산재되어 지속적인 유지 관리가 쉽지 않습니다. 이번 포스트에서는 Angular 에서 제공하는 Router 모듈을 이용하여 입력받은 URL 에 따라 표시할 수 있는 컴포..

라즈베리파이를 사용함에 있어 보안은 중요한 요소입니다. 사용자에 따라 필요로 하는 보안의 수준은 달라지게 마련이지만 만약 라즈베리파이에 개인정보를 담아 놓고 충분한 보안조치를 하지 않는다면 여러분의 개인정보가 외부인에게 노출됩니다. 우선 여러분이 라즈베리 파이를 네트워크에 어디에 설치해서 어떻게 사용하느냐에 따라 외부인이 여러분의 개인정보를 얼마나 쉽게 탈취할 수 있는지가 결정됩니다. 예를 들어 여러분이 라즈베리파이를 라우터 및 방화벽 내부에 위치한 홈 네트워크에 놓아두었다면 이것만으로도 강력한 수준의 보안조치가 취해진 것입니다. 하지만 만약 여러분이 어떤 이유에서건 라즈베리파이를 인터넷과 같은 외부 네트워크에 노출시키고자 한다면 (예를들어 SSH 프로토콜을 이용하여 외부에서 라즈베리파이에 접속을 하고자..

개요 라즈비언(Rspabian)은 데비안 기반의 리눅스를 라즈베리파이 하드웨어에 최적화한 운영제제로 그 범용성으로 인하여 라즈베리 파이에서 가장 널리 사용되는 운영체제 입니다. 본 포스트에서는 라즈베리 파이에서 라즈비언을 사용하기 위한 일반적인 정보를 정리하여 보도록 합니다. 본문 운영체제 (Raspbian) 설치 새로 구매한 라즈베리파이에서 라즈비언을 사용하기 위해서는 설치해야 합니다. 다음의 링크의 내용을 참고하여 라즈비언을 설치합니다. Raspbian 설치 응용소프트웨어 설치 윈도우즈 환경에서는 일반적으로 응용프로그램(Application)를 웹브라우저를 사용해 응용소프트웨어 홈페이지에 접속하여 설치파일을 다운로드 받고, 이를 더블클릭하여 실행하여 응용프로그램을 설치합니다. 리눅스를 기반으로 하는 ..

본 포스트에서는 간단히 Phaser 3 의 기초를 학습하기 위하여 벽돌깨기 게임을 만들어 보도록 하겠습니다. 기본이 되는 내용은 2D breakout game using Phaser 을 바탕으로 진행하였으며, 원본의 코드는 Phaser 2 (CE) 버전을 기반으로 하고 있어, 여기서는 Phaser 3 에서 동작할 수 있도록 소스코드를 수정하였습니다. 사전작업 Phaser 를 사용할 수 있도록 환경을 구성합니다. 혹은 다음의 Stackblitz 링크에서 시작 합니다. 초기환경 링크 프레임 워크 초기화 게임의 기능을 삽입하기 전에 우선 전체적인 구조를 잡아주어야 합니다. Phaser 는 장면(scene) 단위로 게임을 관리합니다. 때문에 우선 장면(scene) 클래스를 생성한 후 이를 Angular 에 추가..

Goorme IDE is an online integrated development environment service. It supports multiple programming language, including C, C++, PHP, Ruby, Phython, JavaScript, Node.js, and Go. You can develope any software as do in local do. But when you do make web application requires networking connection for running, you may be trouble if you don’t know Korean. Because it’s documentation are not written in..

개요 Phaser는 HTML5 Game Framework로 이를 사용하면 우리는 JavaScript를 사용하여 Game을 쉽게 개발할 수 있습니다. 하지만 하나의 Game이 APP으로써 공통적인 요소로 사용자 관리(로그인), 게임자료 관리, (필요에 따라) 실시간 통신 등이 추가로 필요합니다. Angular와 같은 Web Framework를 사용하면 이러한 공통 요소를 좀 더 손쉽게 Game에 추가할 수 있습니다. 이번 포스트에서는 우선 Angular 프로젝트에서 Phaser를 사용할 수 있도록 설정해보도록 하겠습니다. 환경설정 Angular 우선 다음 링크를 참고하여 Angular를 사용할 수 있도록 프로젝트를 생성합니다. Angular 개발환경 설정하기 Angular 시작하기 Phaser 3 설정 P..

개요 앞선 포스트에서는 라즈베리파이에 외장하드를 연결하여 인식시키고, 네트워크를 통해서 접근할 수 있도록 구성하였습니다. 이번에는 미디어플레이어(KODI)를 설치하여 외장하드에 저장되어 있는 각종 미디어 파일을 재생할 수 있도록 하겠습니다. 사전 준비 HDMI 입력을 제공하는 TV 또는 모니터 라즈베리파이 3 외장하드 유/무선 인터넷 접속 환경 KODI 설치 KODI (formerly XBMC)는 오픈소스 미디어플레이어 애플리케이션입니다. KODI는 라즈베리파이를 포함한 다양한 하드웨어 플랫폼에서 동작할 수 있습니다. 또한 TV 리모컨을 포함한 10여 종의 사용자 인터페이스를 제공하여 편리하게 로컬, 혹은 네트워크 저장소에 있는 대부분의 영상, 음악 및 기타 디지털 파일을 재생할 수 있습니다. 다음과 같..

개요 또 다른 라즈베리파이의 활용방법은 에뮬레이터를 설치하여 고전게임을 즐길 수 있는 콘솔로 만드는 것입니다. 고전게임 콘솔을 만들기 위한 프로젝트로 RetroPie, Recalbox, Lakka 등이 있으며, 모두 최소한의 간단한 설치 절차로 라즈베리파이를 고전 게임기로 만들어 줍니다. 이번 포스트에서는 이 중 가장 인기가 높으며, 참고할 수 있는 자료가 많은 RetroPie를 이용하여 라즈베리파이를 게임 콘솔로 만들어 보도록 하겠습니다. 필요 하드웨어 본 포스트에서 진행된 내용은 다음의 구성품을 사용하였습니다. 라즈베리파이 3 SD 카드 : 32 GByte의 SanDisk 메모리 외장하드 : IPTime의 외장하드(EFM ipTIME HDD 3035)를 사용하였습니다. 게임패드 (XBox 360 Co..