API Gateway에서 람다함수로 쿼리스트링 전달하기 import boto3 import json from boto3.dynamodb.conditions import Key, Attr def lambda_handler(event, context): ... response = table.query( Key...

Vue 컴포넌트간 통신 뷰 앱은 컴포넌트의 트리 구조로 이루어져 있습니다. 동등한 경로에 있는 컴포넌트는 부모 컴포넌트의 data나 vuex를 통해 통신할 수 있습니다. 오늘은 이벤트를 중점으로 포스팅하겠습니다. 코드로 보면서 말씀드리겠습니다. // Home.vue <template> <GlobalNavigation>&...

정적 호스팅 우리가 만든 뷰앱은 알고보면 모두 html, css, javascript 들로 이루어진 정적 파일 뿐 입니다. 이 점을 활용하여 Amazon S3의 정적호스팅을 활용하면 Vue 애플리케이션을 호스팅 할 수 있습니다. 순서는 다음과 같습니다. Vue cli로 vue 앱 생성 S3 버킷 생성 Npm run build 후 di...

CSS 정리 CSS는 과거에도 그랬고 현재에도 그렇고 익숙해지기 힘든 도구이다. HTML을 마크업 한뒤 CSS로 스타일링한다는 매우 간단해 보이지만, 막상 원하는 대로 사이트를 마크업하려면 쉽게 손이 움직이지 않는다. 이 글은 좀더 CSS 기본 원리에 익숙해지고 활용하기 위해 인터넷 강의를 듣고 정리한 글입니다. box HTML의 모든 요소들은 ...

CORS 기능적 개요 교차 출처 리소스 공유 표준은 웹 브라우저에서 해당 정보를 읽는 것이 허용된 출처를 서버에서 설명할 수 있는 새로운 HTTP 헤더를 추가함으로써 동작합니다. 추가적으로, 서버 데이터에 부수 효과(side effect)를 일으킬 수 있는 HTTP 요청 메서드(GET을 제외한 HTTP 메서드)에 대해, CORS 명세는 브라우...

오늘은 Vuex, Axios에 대해 알아 보겠습니다. Vuex는 상태관리라이브러리 입니다. React 진영의 Redux와 유사합니다. 중앙 집중 방식의 애플리케이션 상태관리자로서 역할을 수행합니다. 공식가이드에는 대규모 애플리케이션을 제외하곤 그닥 성능상 이득을 볼 게 없다라고 적혀있지만, 컴포넌트간의 중복 문제 해결, 가독성, 일치성으로 인해 꼭 사...

오늘은 뷰의 컴포넌트에 대해 알아보겠습니다. 뷰는 앱이 실행될 때 루트 컴포넌트에서 시작하여 컴포넌트들의 트리로 구성됩니다. 이 말은 곧 화면을 기능단위로 쪼개는 것을 의미합니다. 잘 만들어진 컴포넌트는 재사용성을 높이고, 유지 보수하기 쉬워집니다. 규모가 작은 애플리케이션을 설계 할 때는 강박적으로 적용할 필요는 없지만, 보통 회원가입, 게시물...

지난번 포스팅 에서는 Vue와 Javascript를 비교하며 조건문, 반복문을 알아봤습니다. 오늘은 이벤트 핸들링, 양뱡향 데이터 바인딩을 알아보겠습니다. 사용자 입력 핸들링 v-on 이라는 뷰 디렉티브를 이용해 뷰 인스턴스에 이벤트 리스너를 추가 할 수 있습니다. <div id="app-5"> <p></p> ...

동영상 서버리스 아키텍처 서버리스란? aws 서버리스란? 서버리스는 운영상의 책임을 AWS로 전환하여 민첩성과 혁신을 높일 수 있도록 하는 클라우드의 네이티브 아키텍처입니다. 서버리스를 사용하면 서버를 고려하지 않고 애플리케이션과 서비스를 구축하고 실행할 수 있습니다. 서버 또는 클러스터 프로비저닝, 패치 적용, 운영 체제 ...

지난번 포스팅 에서는 Vue.js 설치방법을 알아봤습니다. 오늘도 cdn방식 설치가 되었다 가정하고 설명을 진행하겠습니다. 새로운 언어, 라이브러리, 프레임워크의 빠른 시작법을 알고 싶을 땐 공식문서가 최고입니다. Vue.js 한글공식문서 를 참고하여 작성했습니다. 이 포스팅은 Vue.js를 처음 시작하시고 javascript를 좀 아시는 분에게 ...