경제적 자유로 가는 여정

아마존 라이트세일 서비스를 이용해서 클라우드 서버도 생성하고 네트워크까지 연결했는데 아직도 끝나지 않았다니 참 힘드시죠? 특히 IT와 친하지 않으신 분들은 '그냥 PC나 노트북을 쓰고 말지'라고 생각하실 수 있는데요. 이제 얼마 안남았습니다. 여기까지 따라 하셨으면 거의 다 하신 겁니다. 조금만 더 힘을 내주세요~ 이번에도 화면만 따라서 몇번 클릭하시면 끝납니다. 1. 좌측 하단에 윈도 아이콘을 클릭한 후 설정으로 이동하기 위해 톱니바퀴 아이콘을 클릭합니다. 2. 윈도 설정 화면이 나오고 Time & Language를 선택합니다. 3. Time & Language 설정 화면에서 좌측 메뉴 Language를 클릭한 후 중간에 Add a language를 클릭합니다. 4. korean을 입력하여 검색한 후 ..

지난번 클라우드 서버를 만들기 위해 인스턴스를 생성하였습니다. 이번 글에서는 클라우드 서버에 네트워크를 연결하여 인터넷을 할 수 있도록 해보겠습니다. 이번에도 화면을 따라 순서대로 진행하시면 아주 쉽게 하실 수 있습니다. 1. 아마존 라이트세일 홈 화면에서 네트워킹 버튼을 클릭하여 이동합니다. 2. 네트워킹 화면에서 고정 IP 생성 버튼을 클릭하여 고정 IP 주소를 생성하는 화면으로 이동합니다. 3. 고정 IP 주소 생성 화면입니다. "인스턴스에 연결" 부분에서 인스턴스 선택을 클릭한 후 생성했던 서버의 이름을 선택합니다. "고정 IP 확인" 부분에서는 고정 IP 리소스의 이름을 입력합니다. 서버를 만들 때와 마찬가지로 중복만 되지 않으면 됩니다. 마지막으로 생성 버튼을 클릭하여 고정 IP 주소를 생성합..

매직스플릿 프로그램을 이용하기 위해 클라우드 서버를 하나 준비하기 하였습니다. 집에 컴퓨터를 매일 켜놓고 있는 것보다 클라우드에서 구동이 시키면 어디에서든 접속하여 확인도 가능하고 장이 열리는 시간 또는 세팅할 때만 서버를 구동시키는 등 비용 측면에서도 저렴할 것으로 생각이 되었습니다. 그 중에서 아마존 라이트세일이라는 서비스를 사용하여 클라우드 서버를 구축하려고 합니다. AWS에 신규 가입을 하여 AWS 프리티어를 이용하면 1년간 무료로 사용을 할 수 있습니다. 아래는 제 블로그의 아마존 라이트세일에 대한 간단한 소개글입니다. Amazon Lightsail (아마존 라이트세일) Amazon Lightsail(아마존 라이트세일)은 저렴한 비용으로 사전 구성된 클라우드 리소스를 통해 애플리케이션 및 웹사이..

Amazon Lightsail(아마존 라이트세일)은 저렴한 비용으로 사전 구성된 클라우드 리소스를 통해 애플리케이션 및 웹사이트를 빠르게 구축할 수 있습니다. 몇 번의 클릭으로 웹 사이트 또는 어플리케이션을 생성하고 네트워킹, 액세스 및 보안 환경을 자동으로 구성합니다. 규모가 커질 때 쉽게 확장하거나 Amazon EC2와 같은 보다 큰 AWS 에코시스템으로 리소스를 마이그레이션 할 수 있습니다. 라이트세일은 사용하기 쉬운 가상 프라이밋 서버(VPS) 인스턴스, 컨테이너, 스토리지, 데이터베이스 등을 비용 효율적인 월별 가격으로 제공합니다. 사용 사례 간단한 웹 애플리케이션 LAMP, Nginx, MEAN, Node.js와 같은 사전 구성된 개발 스택을 사용하여 쉽고 빠르게 온라인에서 지원합니다. 사용자..

로우-코드 플랫폼인 OutSystems(이하 아웃시스템즈)에 무료 온라인 교육과정을 들으면서 기억해두면 좋을 것들을 기록으로 남겨봅니다. Modeling Data 과정에서 Database Entites에 대한 과정의 내용입니다. What is an Entity? An Entity is an element that allows us to persist and access information that is needed in our applications. 엔터티는 애플리케이션에 필요한 정보를 유지하고 액세스할 수 있게 해주는 요소입니다. Each business concept should be represented as an Entity. 각 비즈니스 개념은 엔터티로 표현되어야 합니다. Entity dat..

회사에서 OutSystems에 대해서 이야기가 있어 어떤 것인지 찾아보다가 아래 글을 찾게 되었습니다. 놀라운 제품을 구축하기 위한 11가지 최고의 No-code 또는 Low-code 플랫폼 11 Best Low-code or No-code Platforms to Build Amazing Products Building applications has become easier than ever with the introduction of low-code or no-code platforms. Now, it’s possible to create even more complex geekflare.com 제일 마지막 11번째 소개가 되어있습니다. OutSystems OutSystems is transformin..

SSR(서버 측 렌더링)은 웹 페이지를 브라우저에서 렌더링 하는 대신에, 서버에 표시하여 기여할 수 있는 응용 프로그램의 기능입니다. 서버 측에서는 완전히 렌더링 된 페이지를 클라이언트에 보냅니다. 클라이언트의 JavaScript 번들이 인계받아 Vue.js 앱이 'hydrate'되도록 합니다. Node.js 서버 필요 웹 페이지를 렌더링하려면 JavaScript 환경이 필요합니다. Vue.js 애플리케이션을 실행하려면 Node.js 서버를 구성해야 합니다. 서버 확장 및 제어 serverMiddleware로 서버를 확장하고 미들웨어로 경로를 제어할 수 있습니다. server-middleware/logger.js export default function (req, res, next) { console...

Context 개체는 asyncData , 플러그인 , 미들웨어 및 nuxtServerInit와 같은 특정 Nuxt 기능에서 사용할 수 있습니다. Context는 애플리케이션에게 현재 요청에 대한 추가 정보와 선택적 정보를 종종 제공합니다. 무엇보다도 Context는 Nuxt 애플리케이션의 다른 부분에 대한 액세스를 제공하는데 사용됩니다. (예: Vuex 저장소 또는 기본 연결 인스턴스) 따라서 항상 사용이 가능한 저장소와 서버에서 사용 가능한 Context에 req 및 res 개체를 가지고 있습니다. 그러나 시간이 지남에 따라, Context는 다른 많은 유용한 변수와 shotcuts로 확장되었습니다. 이제 개발 모드에서는 HMR(Hot Module Reload/Replacement) 기능, 현재 라우..

뷰 섹션에서는 Nuxt 애플리케이션의 특정 경로에 대한 데이터 및 뷰를 구성하기 위해 알아야 할 모든 것을 설명합니다. 뷰는 앱 템플릿, 레이아웃 및 실제 페이지로 구성됩니다. Pages 모든 Page 컴포넌트는 Vue 컴포넌트이지만 Nuxt는 응용 프로그램을 최대한 쉽게 개발할 수 있도록 특수 속성과 기능을 추가합니다. Hello World Properties of a page component 위의 예에 있는 head 속성과 같은 페이지 컴포넌트의 속성이 많이 있습니다. 페이지에서 사용할 수 있는 모든 속성에 대해 자세히 알아보려면 디렉터리 구조 부분에서 설명하겠습니다. Layouts 레이아웃은 Nuxt 앱의 모양과 느낌을 변경하려는 경우에 큰 도움이 됩니다. 예를 들어 사이드바를 포함하거나 모바일이..

Nuxt를 설치하면 기본적인 디렉토리 구조를 제공하고 있습니다. 이렇게 생성된 애플리케이션 구조는 크고 작은 애플리케이션을 만들 때 개발자에게 디렉토리 관리를 위한 좋은 시작점을 제공합니다. 저도 항상 개발 초기 세팅할 때, 디렉토리 구조에 많은 시간이 걸리곤 하는데... 이러한 기능이 저의 스트레스 감소에 큰 도움을 줍니다. 기본으로 생성해주는 디렉토리 외에 자동으로 빌드할 때 사용하는 몇몇 기본 디렉토리와 파일은 다음과 같은 명령어로 생성할 수 있습니다. 이러한 이름으로 디렉토리를 생성하면 Nuxt 프로젝트에서 기능을 사용할 수 있습니다. mkdir components assets static touch nuxt.config.js 디렉토리 구조는 아래 그림과 같다. 다음 글에서는 각각 디렉토리에 대해..