분류 전체보기 (70) 썸네일형 리스트형 AWS S3와 CloudFront CDN 사용해 Flutter 웹앱 배포하기 목차AWS S3 버킷 생성하기CloudFront Distribution 설정하기S3 버킷 policy 수정CloudFront 에러페이지 설정플러터 웹앱 배포Health Check사전 요건AWS CLIAWS ( S3, CloudFront ) 권한이 있는 IAM 계정서론Flutter는 강력한 크로스 플랫폼 모바일 애플리케이션 개발 도구로, 개발자들이 iOS, Android 및 웹 플랫폼에서 동일한 코드베이스를 사용하여 애플리케이션을 빌드할 수 있도록 합니다. 특히 최근에는 Flutter 웹이 공식적으로 지원되면서, Flutter는 웹 애플리케이션 개발에도 강력한 도구로 자리매김하고 있습니다.그러나 애플리케이션을 개발하는 것은 그 자체로만 충분하지 않습니다. 애플리케이션을 성공적으로 배포하고 사용자에게 제공하.. Spring에 Swagger 도입하기 목차 서론 본론 spring 프로젝트 생성 library 사이트 문서 확인 library 설치 화면 확인 간단한 사용 첨언 소스코드 서론 Swagger는 RESTful API를 설계, 문서화 및 시각화하는 도구이다. 주로 개발자와 API 사용자 간의 소통을 촉진하고 API의 이해도를 높이는 데 사용된다. 이를 통해 API의 사용 방법, 엔드포인트, 요청 및 응답 형식 등을 명확하게 문서화하여 개발 및 통합 과정을 단순화할 수 있다. 그래서 문서화 하기 편한 swagger를 도입하기 위해 spring에 springdoc라고하는 라이브러리를 사용하여 swagger를 도입하는 과정을 설명하고 기록하고자한다. 본론 spring 프로젝트 생성 https://start.spring.io/ 를 방문해 기본 스프링 .. 어떻게 좋은 API를 디자인 할 것인가? 우리는 웹서비스와 API(Application Programming Interface)를 어디서든 찾을수 있습니다, 그러나 대부분은 사용하기 고통스럽습니다. API를 사용하여 웹 서비스에 연결한 후 "저 사람들은 도대체 무슨생각을 하고 있는 걸까?" 라는 의문이 든 적이 있으 신가요? 저희도 그런 경험을 가지고 있으며 API로 서비스를 연결하는 것은 매우 혼란스러울 수 있습니다. 잘못된 디자인, 누락된 문서, 지속적인 변경, 버그 등으로 인해 API를 사용하는 것은 종종 어려움을 겪습니다. 하지만 꼭 그럴 필요는 없습니다. 우리는 매혹적인 웹 API를 만들 수 있으며, 그리고 즐겁게 만들 수 있습니다. 그렇다면 좋은 API를 만들기 위한 핵심은 무엇일까요? 준비하시고, 이해해봅시다 어떻게 사람들이 즐겨 .. 은퇴자금 계산기 은퇴자금 원금을 까먹지 않고 오로지 자본수익만으로 여생을 지내고 싶은 정도의 돈을 벌기 위해서는 얼마나 벌어야할까? 강환국 저자는 책 에서 인플레이션과 같은 요소까지 고려해 구체적인 금액을 계산하는 수식을 작성해놓았다. 이를 토대로 만든 은퇴자금 계산기이다. HTML 삽입 미리보기할 수 없는 소스 사용법 계산기의 사용법은 다음과 같다. 은퇴 후 필요한 연 지출액을 입력한다. 필자의 경우 은퇴후 현재가치 250만원 정도의 월 소비액을 생각해 3,000만원을 기입했다. 은퇴 후 기대 연 투자수익을 입력한다. 필자의 경우 SPY ETF의 평균 기대 수익률 5%를 기입했다. 물가상승률 ( 인플레이션 ) 보다 작을 경우 원금이 보장될 수 없으니 인플레이션보다 높아야 한다. 물가 상승률을 입력한다. 현재 평균 물가.. 추세 투자법 추세투자법 이란? 추세라는 말이 있다. 어떤 현상이 일정한 방향으로 나아가는 경향을 뜻하며, 주식에서도 이와같은 추세가 확률적으로 존재한다고 믿고 이에 따른 흐름에 따라 자신의 자본의 수익률을 늘려가는 방법을 말한다. 보통 3개월간의 이동평균을 토대로 확인하는 날짜 혹은 시간을 두고, 이동평균보다 높다면 매수를 이동평균보다 낮다면 매도를 하는 방법이다. 그렇게 되면 3개월간의 평균을 상회하는 상승장에서는 주식을 매수하게되고 평균을 하회하는 하락장에서는 주식을 매도하게 되어 투자자의 편향을 줄이고 기계적인 투자가 가능하게 된다. 실선인 75일의 이동평균선을 기준으로 이동평균선 보다 낮은 일자에는 매도하고 높을 일자에는 매수하는 방법이 이론적인 매매법이라고 할 수 있다. 퀀투봇에서 추세 투자법 설정하기 추세.. Nuxt.js & Vue.js 에서 비동기 활용 EventBus Emit후 CallBack 받기 개요 흐름 구현 실행 개요 Vue.js 에서는 Vuex와 같은 상태관리 라이브러리를 활용하지 않는다면, 컴포넌트 계층간 데이터를 주고받는 대표적인 방법은 부모 컴포넌트와 자식 컴포넌트 간의 Props와 Emit 으로의 데이터 통신이다. 부모, 자식간에만 데이터 교환이 아닌 서로 관계가 독립적이거나 형제관계인 컴포넌트간 데이터를 주고받는 방법은 2.0에서는 $emit과 $on을 활용해서 데이터 교환을 하는 EventBus가 존재한다. 데이터를 보낼 발신자 컴포넌트 측에서 $emit을 활용해 보낼 event명과 데이터를 보낸다. 데이터를 받을 수신자 컴포넌트 측에서 $on을 활용해 받은 데이터를 어떻게 처리할지 작성한다. 다음과 같은 순서로 EventBus는 동작한다. 그런데, 수신자 컴포넌트에서 비동기적으.. Spring Mvc프로젝트의 이해 목차 Http Servlet 템플릿엔진 MVC패턴 SpringWebMvc 1. HTTP HTTP 프로토콜은 모든 것을 웹을 통해서 통신하고 있는 21세기 지금 없어서는 안되는 중요한 규약이다. HTTP프로토콜의 중요성을 생각할 때 그 이미지를 상상해보자면 굉장히 복잡한 무엇이 떠오르기 마련이지만 실제 프로토콜의 메시지 구조를 확인해보면 프로토콜 상태코드, 메타정보를 가지고 있는 헤더, 실제 보내거나 받을 정보인 바디라는 세가지 문자열 조합의 나열이다. 문자열의 조합이 HTTP프로토콜이라는 점을 생각해볼 때 통신을 하기위해서 개발자가 직접 HTTP문자열을 만드는 문자열의 나열을 작성하거나, 혹은 HTTP프로토콜을 만들어주는 함수를 직접 만들어 사용하는 방법을 생각할 수 있다. 그런데 모든 것을 직접 만들어.. Picture-in-Picture API 활용해 Youtube같은 멋진 pip모드 제공하기 Picture-in-Picture 란? 주로 동영상 재생 서비스를 제공하는 플랫폼 웹사이트를 들어가면 다음과 같은pip모드를 제공하는 것을 본 적있을것이다 pip모드란 "웹사이트가 윈도우 응용프로그램 처럼 브라우저에서 독립적으로 GUI화면 위에 표현된 화면을 제공하는 기능" 을 말하는데 그렇게 함으로써 사용자는 미디어를 소비하면서 웹사이트의 다른 사이트나 아니면 다른 응용프로그램과 상호작용하여 활동할 수 있게 되는 편리한 기능이다. WebAPI중 하나인 Picture-in-Picture API 다음 사진은 Mozilla Developer 사이트에서 볼 수 있는 Javascript에 구현되어 있는 WebApi들에 대한 사진이다. Pip모드 역시 WebApi중 하나이고 따라서 고맙게도 개발자가 실제로 PIP.. 이전 1 2 3 4 ··· 9 다음
