본문 바로가기

AWS EC2 UBUNTU 설정 웹서버를 호스팅하기로 결정했다. 현제 운영중인 사이트는 트래픽이 별로 없어서 1년간 (정확히는 한달 750시간) 무료로 사용할 수 있는 아마존 EC2를 사용하기로 하였다. (자세한 내용은 https://aws.amazon.com/ko/free/) 회원가입을 하고 (신용카드가 필요하며, 처음 등록한 전화번호로 전화로 인증을 받아야한다. ) 로그인을 한후 지역을 Tokyo로 설정 EC2를 선택하고 좌측 메뉴에서 Instances 를 선택한후 Launch Instance를 누른다. Ubuntu 를 선택하고 기본설정으로 세팅 (http://docs.aws.amazon.com/AWSEC2/latest/UserGuide/EC2_GetStarted.html) 그다음 외부에서 접속가능하도록 포트를 오픈 좌측 Secur.. 더보기
Materialize -구글 Material Design 기반의 반응형 프론트앤드 프레임워크 혼자서 프로젝트를 할때 부트스트랩을 사용하여 작업을 많이 하였다. 하지만 항상 같은디자인을 하니 질리기도 하고 너무나 많은사이트가 똑같은 디자인으로 구성이 되는것도 맘이 안들었다. 그러던 중 새로 발견한 Materialize 구글에 디자인 가이드인 Material Design 기반으로 만들어 졌다고 한다.. 아직 적용은 안해봤지만.. 다음에 혼자서 또는 디자이너 없이 프로젝트할때 적용을 해봐야겠다. Materialize 데모 템플릿 http://materializecss.com/templates/parallax-template/preview.html 구글 Material Design http://www.google.com/design/spec/material-design/introduction.html 더보기
[AngularJS] Flow.js 이용한 이미지 업로드 (Base 64) Flow.js는 HTML5기반의 업로드를 도와주느 자바스크립트 라이브러리이다. Angular 용으로 ng-flow를 제공해주고 있다. HTML5 FileReader 를 이용하여 base64기반으로 업로드를 해보았다. HTML 이미지 선택 업로드 {{file.name}} {{file.progress()}}% Complete 취소 Controller 부분 $scope.images= []; $scope.processFiles = function(uploadImages){ angular.forEach(uploadImages, function(flowFile, i){ var fileReader = new FileReader(); fileReader.onload = function(event){ var uri = .. 더보기