본문 바로가기

분류 전체보기

 (332)
AWS Lambda - API Gateway로 S3 파일 업로드 API 만들기 #2 - API Gateway, S3 셋팅 안녕하세요. 남산돈가스입니다. 지난 포스팅에 이어 오늘은 두번째 시간인 API Gateway와 S3 셋팅을 진행해보겠습니다. 먼저 API Gateway 콘솔로 이동해서 새로운 API Gateway를 생성합니다. 그 다음 API URL에 매칭 될 리소스를 생성합니다. 저 같은 경우는 리소스 명을 fileUpload로 생성했습니다. 리소스는 실제 API Gateway가 배포가 되면 엔드포인트 URL이 발급되는데 그 해당 {{URL}}/리소스명 으로 API 요청을 보내면 해당 리소스 내의 매서드들을 호출할 수 있게 됩니다. 리소스까지 생성이 되었다면, 해당 리소스에 대한 매서드는 다음시간에 다루어보기로 하고, 왼쪽 탭에 이진지원이라는 탭을 선택하시고 이진 미디어 형식에 'multipart/form-data'를..
AWS Lambda - API Gateway로 S3 파일 업로드 API 만들기 #1 - Lambda 함수 생성 안녕하세요. 남산돈가스입니다. 이번 포스팅에서는 웹을 개발하면서 가장 골칫거리지만 자주 쓰이게 될 수 있는 파일 업로드 기능 구현에 대해서 포스팅하려고합니다. 하지만 일반적인 파일업로드가 아닌, Lambda로 S3에 파일을 업로드 시키는 함수를 생성하고, 해당 Lambda함수를 API Gateway에 연결하여 multipart-form 형식으로 파일을 업로드하는 Serverless 파일업로드를 구현할 예정입니다. 이런 방식으로 업로드기능을 구현하게 되면, 추후에 어디든지 파일업로드 기능을 쓸 수 있는 Micro Service가 될 수 있습니다. 포스팅은 다음과 같이 3회에 걸쳐 진행되겠습니다. #1. Lambda 함수 생성 #2. API Gateway, S3 셋팅 #3. API Gateway - Lamb..
아이콘을 폰트로 만들어 쓰기 부트스트랩, Angular 등을 하다보면 부수적이지만 자주 접하게 되는 것이 있습니다. 바로 font-awesome !! (http://fontawesome.io/) 각종 아이콘을 폰트로 만들어 css 만 임베딩하면 다양한 아이콘을 폰트처럼 쓸 수 있는 CSS Toolkit 입니다. font-awesome 등 아이콘 검색하기https://glyphsearch.com/ 이런 식으로 아이콘을 만들어 쓰면 우선 수십개의 아이콘을 CSS에서 색상, 크기 등을 코드 한줄로 자유롭게 수정할 수 있기 때문에 사용이 굉장히 편리하구요 이미지로 할 경우 padding, margin 주면서 복잡하게 레이아웃을 맞춰야하는데 폰트 기반이다 보니 아무래도 정렬 등도 덜 신경쓰면서 웹페이지를 만들 수 있어 좋습니다. 그런데 아무..
Ionic 3 – Lazy loading & Page navigation Ionicframework는 하이브리드 모바일 앱 개발에 가장 많이 사용되는 프레임워크입니다. Ionic 3 릴리스부터는 프레임워크 자체적으로 page의 lazy loadingd을 제공합니다. 이 글에서는 하이브리드 모바일 앱에서 lazy loading page를 사용하는 방법에 대해 알아 보겠습니다. Lazy Loading 이란?간단히 말하면 Lazy Loading은 Component를 필요할 때 즉시 로드하는 방식이라고 말할 수 있습니다. Angular 2+ 를 사용하면 기존보다 모듈화되고 확장성이 뛰어난 웹어플리케이션을 쉽게 만들 수 있습니다. 웹어플리케이션을 여러 기능에 대한 모듈을 만들 수 있으며, 사용자가 어플리케이션을 참조할 때 즉시 로드 할 수 있습니다. 즉, 사용자가 필요없는 compon..
Kotlin, Java 그 다음? Kotlin Programming Language2017년 5월에 있었던 Google I/O 에서 안드로이드 공식 언어로 Kotlin 이라는 프로그래밍 언어가 추가되었습니다. 안드로이드 개발 언어로는 보통 Java를 생각하게 되는데 새로운 언어라니, 게다가 공식 언어로 지정까지 하다니 자연스레 호기심이 생겼습니다. 이번 포스팅에서는 Kotlin 프로그래밍 언어가 무엇인지, 어떤 장점이 있길래 공식 언어로 지정까지 되었는지 간략히 살펴보고자 합니다.소개(뒷조사)Kotlin(코틀린)은 JetBrains 라는 회사에서 만든 프로그래밍 언어 입니다. JetBrains하면 각종 IDE로 유명한 회사죠. 저만 해도 IntelliJ, RubyMine, PyCharm, WebStorm 등 여러 제품을 접해보았습니다. ..
android Realm 데이터베이스 연동 하기(2) - 활용 지난 시간에 이어서 Realm DB에 대해 알아볼까 합니다. 오늘은 android에서 간단한 활용법을 알아보겠습니다. 모델클래스를 만들어 보도록 하겠습니다. public class User extends RealmObject { private String name; private int age; public String getName() { return name; } public void setName(String name) { this.name = name; } public int getAge() { return age; } public void setAge(int age) { this.age = age; } } 모델클래스의 형태는 기존의 모델들과 크게 다르지는 않고 RealmObject를 상속 받았는..
android Realm 데이터베이스 연동 하기(1) - 설정 android에서 로컬에 데이터를 저장한다면 어떤 방법을 사용 하시나요? 이 물음에 답을 생각하면 제일 처음 고민 하는 것은 첫번째로 DB를 사용 할까 SharedPreferences를 사용할까를 생각 하게 되는 것 같습니다. SharedPreferences경우에는 간단하게 데이터를 저장하고 불러오기 편하여 많이 사용하지만 구현해야할 사항에 따라 DB를 생각해야 하는 경우가 생깁니다. 기본적으로는 android에서는 SQLite를 제공하여 구현할수 있지만 SQL에 대한 개념이 있다면 쉬울수 있고 모르면 어려울수도 있는 부분들이 생기기 때문에 보다 쉽게 구현할수 있는 방법은 없을까 생각하면서 찾는다면 Realm이란 모바일DB가 쉽게 검색 될 것입니다. 1. Realm 이란? 오픈소스로 모바일에 최적화된 데..
node.js 에서 CORS 설정하기 안녕하세요 남산돈가스입니다. 오늘은 크로스도메인 문제에 관련 된 CORS 에 대해서 다루어볼까합니다. 먼저 CORS에 대해서 알아보겠습니다. CORS란 Cross Origin Resource Sharing의 약자로, 현재 Application의 도메인(웹페이지)에서 다른 웹페이지 도메인으로 리소스가 요청되는 경우를 얘기합니다. 예를 들면, 웹페이지인 http://web.com 에서 API서버 URL인 http://api.com이란 도메인으로 API를 요청하면 http 형태로 요청이 되므로 브라우저 자체에서 보안 상 이유로 CORS를 제한하게 되는 현상을 말합니다. 저희 팀에서 SPA(Single Page Application) 기반 앱을 RESTful API연동 방식으로 개발을 하다보니 API 서버와 웹..

티스토리툴바